/**
 * Thème vacances — lagon & mer : complète les couleurs du thème Riorelax.
 */
body {
    background: linear-gradient(180deg, #f0fdfa 0%, #ecfeff 35%, #f8fafc 100%);
    color: #334155;
}

.pt-40.pb-40,
.checkout-booking-page .container {
    background: transparent;
}

.shadow-block,
.widget-content.shadow-block,
.room-booking-form {
    border-radius: 14px !important;
    border: 1px solid rgba(14, 165, 233, 0.12);
    box-shadow: 0 12px 40px rgba(8, 47, 73, 0.08) !important;
}

.form-control,
.contact-field input,
.room-booking-form .form-control {
    border-radius: 10px;
    border-color: rgba(45, 212, 191, 0.35);
}

.form-control:focus {
    border-color: var(--primary-color, #0d9488);
    box-shadow: 0 0 0 0.2rem rgba(13, 148, 136, 0.15);
}

.btn-filled,
.btn.ss-btn,
.payment-checkout-btn,
.main-btn.btn {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.header-area,
.header-three {
    box-shadow: 0 4px 24px rgba(8, 47, 73, 0.06);
}

.breadcrumb-bg {
    border-radius: 0 0 20px 20px;
}

.about-area5,
.services-area,
.checkout-booking-page {
    border-radius: 0;
}

.single-services.shadow-block,
.single-team {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.single-services.shadow-block:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(8, 47, 73, 0.12) !important;
}