/* ============================================================
   GAIA — Master Brand Design System
   ------------------------------------------------------------
   ONE company · ONE design system · ONE website.
   Sub-brands: GAIA Tours & GAIA Night.

   Master brand tokens:
     - Deep Royal Blue / Navy (primary)
     - Earth & Sand tones
     - Warm neutrals
     - White backgrounds

   GAIA Night accent layer (used ONLY inside premium content):
     - Metallic Gold / Bronze
     - Dark overlays on premium hero sections
   ============================================================ */

:root {
    /* Master brand - primary */
    --gaia-navy: #1b2a4a;
    --gaia-navy-2: #243761;
    --gaia-navy-3: #2f4a80;
    --gaia-royal: #2f4a80;
    --gaia-ink: #1c1e26;
    --gaia-muted: #6b7280;
    --gaia-line: #e8e6e0;

    /* Master brand - earth & sand */
    --gaia-sand: #efe7d8;
    --gaia-sand-2: #e5d9c3;
    --gaia-sand-deep: #d8c6a3;
    --gaia-terra: #b98a5a;
    --gaia-terra-dark: #9c6f42;

    /* Master brand - warm neutrals */
    --gaia-warm: #faf7f2;
    --gaia-warm-2: #f4efe6;
    --gaia-cream: #fbf6ec;

    /* Master brand - accent (was teal) */
    --gaia-accent: #1f6f8f;
    --gaia-accent-dark: #175a75;
    --gaia-accent-light: #e6f1f5;

    /* GAIA Night premium accent */
    --gaia-gold: #c9a227;
    --gaia-gold-light: #e3c96a;
    --gaia-gold-deep: #a8841a;
    --gaia-bronze: #8c5a2b;
    --gaia-night: #14161d;
    --gaia-night-2: #1b1e27;

    /* Typography */
    --gaia-font-serif: 'Playfair Display', Georgia, serif;
    --gaia-font-sans: 'Inter', system-ui, sans-serif;
    --gaia-font-arabic: 'Cairo', 'Tajawal', sans-serif;

    /* Shared */
    --gaia-radius: 14px;
    --gaia-shadow: 0 10px 30px rgba(27, 42, 74, 0.08);
    --gaia-shadow-lg: 0 20px 45px rgba(27, 42, 74, 0.14);
}

/* ---------- Typography refinements ---------- */
.gaia-serif {
    font-family: var(--gaia-font-serif);
}

.gaia-nav-link,
.gaia-logo-text,
.gaia-footer-col h4,
.gaia-footer-news h4,
.gaia-btn {
    font-family: var(--gaia-font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--gaia-font-serif);
}

/* ---------- GAIA Night premium accent layer ---------- */
/* Dark premium hero (only for premium content) */
.gaia-night-hero {
    position: relative;
    background: linear-gradient(180deg, rgba(20, 22, 29, 0.55), rgba(20, 22, 29, 0.85));
    color: #fff;
}

/* Gold VIP badge */
.gaia-vip-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(120deg, var(--gaia-gold), var(--gaia-gold-light));
    color: #241a05;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(201, 162, 39, 0.4);
}

/* Premium card with gold border */
.gaia-premium-card {
    border: 1px solid rgba(201, 162, 39, 0.35);
    border-radius: var(--gaia-radius);
    overflow: hidden;
    background: #fff;
    box-shadow: var(--gaia-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}

.gaia-premium-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 16px 40px rgba(201, 162, 39, 0.18);
}

.gaia-premium-card .gaia-premium-media {
    position: relative;
    aspect-ratio: 4/3;
    overflow: hidden;
}

.gaia-premium-card .gaia-premium-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gaia-premium-card .gaia-premium-body {
    padding: 20px;
}

.gaia-premium-card .gaia-premium-body h3 {
    font-size: 18px;
    margin: 10px 0 6px;
    color: var(--gaia-ink);
}

.gaia-premium-card .gaia-premium-body p {
    font-size: 13.5px;
    color: var(--gaia-muted);
    line-height: 1.6;
    margin: 0 0 14px;
}

.gaia-premium-price {
    font-family: var(--gaia-font-serif);
    font-weight: 700;
    font-size: 20px;
    color: var(--gaia-gold-deep);
}

/* Gold CTA button (premium only) */
.gaia-btn-gold {
    background: linear-gradient(120deg, var(--gaia-gold), var(--gaia-gold-deep));
    color: #fff;
}

.gaia-btn-gold:hover {
    filter: brightness(1.08);
}

/* Dark section band for premium content */
.gaia-night-band {
    background: linear-gradient(120deg, var(--gaia-night), var(--gaia-night-2));
    color: #fff;
    border-radius: var(--gaia-radius);
    padding: 46px 40px;
}

.gaia-night-band h2,
.gaia-night-band h3 {
    color: #fff;
}

.gaia-night-band .gaia-section-sub {
    color: #c9c6d1;
}

/* Premium service list */
.gaia-night-service {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.gaia-night-service:last-child {
    border-bottom: none;
}

.gaia-night-service .gaia-night-service-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: linear-gradient(120deg, var(--gaia-gold), var(--gaia-gold-deep));
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    flex: none;
}

.gaia-night-service strong {
    display: block;
    font-size: 15px;
    margin-bottom: 3px;
}

.gaia-night-service span {
    font-size: 13px;
    color: #b9b6c2;
}

/* ---------- Shared section helpers ---------- */
.gaia-section {
    padding: 84px 0 64px;
}

.gaia-section-title {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    color: var(--gaia-ink);
}

.gaia-section-sub {
    text-align: center;
    color: var(--gaia-muted);
    max-width: 560px;
    margin: 14px auto 0;
    font-size: 15px;
    line-height: 1.6;
}

.gaia-eyebrow-divider {
    width: 56px;
    height: 4px;
    background: var(--gaia-accent);
    border-radius: 4px;
    margin: 14px auto 0;
}

.gaia-eyebrow-divider.gold {
    background: var(--gaia-gold);
}

.gaia-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

.gaia-logo-mark {
    width: 90px;
    height: 70px;
    border-radius: 10px;
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--gaia-font-serif);
    font-weight: 800;
    font-size: 20px;
    color: #fff;
    background: linear-gradient(135deg, var(--gaia-navy), var(--gaia-royal));
}

.gaia-logo-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 800;
    font-size: 17px;
    letter-spacing: -0.01em;
    line-height: 1;
    color: inherit;
}

.gaia-logo-text em {
    display: block;
    font-style: normal;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .28em;
    opacity: .75;
    margin-top: 2px;
}

/* ---------- Header ---------- */
.gaia-header {
    position: relative;
    z-index: 1000;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.gaia-header-solid {
    background: #0b0d26;
    color: white;
}

.gaia-header-overlay {
    background: transparent;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.gaia-header-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.gaia-nav {
    display: flex;
    align-items: center;
    gap: 26px;
}

.gaia-nav-link {
    font-size: 14.5px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    padding: 8px 2px;
    position: relative;
    opacity: .9;
    white-space: nowrap;
}

.gaia-nav-link:hover {
    opacity: 1;
}

.gaia-nav-link.active {
    opacity: 1;
}

.gaia-nav-link.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2.5px;
    border-radius: 2px;
    background: var(--gaia-accent, #17c9b3);
}

/* Premium GAIA Night nav link (gold accent, same bar) */
.gaia-nav-premium {
    color: var(--gaia-gold) !important;
    font-weight: 700;
}

.gaia-nav-premium::after {
    background: linear-gradient(90deg, var(--gaia-gold), var(--gaia-bronze)) !important;
}

.gaia-mobile-premium {
    color: var(--gaia-gold) !important;
    font-weight: 700;
}

.gaia-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.gaia-icon-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    opacity: .85;
}

.gaia-icon-btn:hover {
    opacity: 1;
}

.gaia-lang span {
    font-size: 12px;
    font-weight: 700;
}

.gaia-header-account {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: inherit;
    padding: 8px 12px;
    border-radius: 999px;
    opacity: .9;
}

.gaia-header-account:hover {
    opacity: 1;
}

.gaia-header-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
}

.gaia-bookings-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--gaia-gold, #c9a227);
    color: #241a05;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1;
}

/* Burger */
.gaia-burger {
    display: none;
    width: 40px;
    height: 40px;
    border: none;
    background: none;
    cursor: pointer;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.gaia-burger span {
    display: block;
    width: 22px;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
}

/* Mobile menu */
.gaia-mobile-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: min(360px, 86vw);
    height: 100vh;
    background: #fff;
    color: #1c1c1c;
    z-index: 1200;
    transition: right .3s ease;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    box-shadow: -8px 0 30px rgba(0, 0, 0, .15);
}

.gaia-mobile-menu.open {
    right: 0;
}

.gaia-mobile-menu-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.gaia-mobile-close {
    background: none;
    border: none;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    color: #1c1c1c;
}

.gaia-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.gaia-mobile-link {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 4px;
    text-decoration: none;
    color: #1c1c1c;
    border-bottom: 1px solid #eee;
}

.gaia-mobile-link.active {
    color: var(--gaia-accent, #17c9b3);
}

.gaia-mobile-actions {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}

.gaia-mobile-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .4);
    z-index: 1100;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

.gaia-mobile-backdrop.open {
    opacity: 1;
    pointer-events: auto;
}

body.gaia-no-scroll {
    overflow: hidden;
}

/* ---------- Buttons ---------- */
.gaia-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: inherit;
    font-weight: 700;
    font-size: 15px;
    border-radius: 999px;
    border: none;
    padding: 13px 26px;
    cursor: pointer;
    text-decoration: none;
    transition: transform .15s, filter .15s;
    background: var(--gaia-accent, #17c9b3);
    color: #0d1730;
}

.gaia-btn:hover {
    transform: translateY(-1px);
    filter: brightness(1.05);
}

.gaia-btn-ghost {
    background: #fff;
    color: #1c1c1c;
    border: 1.5px solid rgba(0, 0, 0, .2);
}

.gaia-btn-block {
    width: 100%;
}

/* ---------- Hero ---------- */
.gaia-hero {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.gaia-hero-inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 90px 24px;
    width: 100%;
}

.gaia-hero h1 {
    font-size: 44px;
    line-height: 1.12;
    margin: 0 0 14px;
    max-width: 680px;
    color: #fff;
}

.gaia-hero-sub {
    font-size: 16.5px;
    opacity: .92;
    max-width: 520px;
    margin: 0 0 26px;
}

@media (max-width:640px) {
    .gaia-hero h1 {
        font-size: 30px;
    }
}

/* ---------- Cross-sell ---------- */
.gaia-cross-sell {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    background: linear-gradient(120deg, #f6f6fb, #eef2f9);
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: 16px;
    padding: 18px 22px;
    margin: 28px 0;
}

.gaia-cross-icon {
    font-size: 26px;
    flex: none;
}

.gaia-cross-body {
    flex: 1;
    min-width: 180px;
}

.gaia-cross-body strong {
    display: block;
    font-size: 15px;
    margin-bottom: 2px;
}

.gaia-cross-body span {
    font-size: 13px;
    color: #6b6b7d;
}

.gaia-cross-btn {
    background: var(--gaia-navy);
    color: #fff;
    font-weight: 700;
    font-size: 13.5px;
    text-decoration: none;
    padding: 11px 20px;
    border-radius: 999px;
    white-space: nowrap;
}

.gaia-cross-btn:hover {
    filter: brightness(1.1);
}

/* GAIA Night premium cross-sell (dark + gold, same design language) */
.gaia-cross-sell-night {
    background: linear-gradient(120deg, var(--gaia-night), var(--gaia-night-2));
    border: 1px solid rgba(201, 162, 39, 0.35);
    color: #fff;
}

.gaia-cross-sell-night .gaia-cross-body strong {
    color: #fff;
}

.gaia-cross-sell-night .gaia-cross-body span {
    color: #c9c6d1;
}

.gaia-cross-sell-night .gaia-cross-btn {
    background: var(--gaia-gold);
    color: #241a05;
}

/* ---------- Footer ---------- */
.gaia-footer {
    background: var(--gaia-night);
    color: #cfcfd6;
    margin-top: 40px;
}

.gaia-footer-top {
    max-width: 1280px;
    margin: 0 auto;
    padding: 52px 24px 40px;
    display: grid;
    grid-template-columns: 1.2fr 2fr 1.2fr;
    gap: 40px;
}

.gaia-footer-brand .gaia-logo-text {
    color: #fff;
}

.gaia-footer-about {
    font-size: 13px;
    line-height: 1.7;
    color: #9b9ba6;
    margin: 14px 0 18px;
    max-width: 300px;
}

.gaia-footer-social {
    display: flex;
    gap: 10px;
}

.gaia-footer-social a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #3a3a44;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #cfcfd6;
    text-decoration: none;
}

.gaia-footer-social a:hover {
    background: #fff;
    color: #16161a;
}

.gaia-footer-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.gaia-footer-col h4 {
    color: #fff;
    font-size: 13.5px;
    margin: 0 0 14px;
}

.gaia-footer-col ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.gaia-footer-col a {
    color: #b9b9c2;
    font-size: 13px;
    text-decoration: none;
}

.gaia-footer-col a:hover {
    color: #fff;
}

.gaia-footer-news h4 {
    color: #fff;
    font-size: 13.5px;
    margin: 0 0 8px;
}

.gaia-footer-news p {
    font-size: 13px;
    color: #9b9ba6;
    margin: 0 0 14px;
}

.gaia-news-form {
    display: flex;
    border: 1px solid #3a3a44;
    border-radius: 10px;
    overflow: hidden;
}

.gaia-news-form input {
    flex: 1;
    background: transparent;
    border: none;
    padding: 12px 14px;
    color: #fff;
    font-size: 13px;
    outline: none;
}

.gaia-news-form button {
    background: #2a5aa8;
    color: #fff;
    border: none;
    padding: 0 18px;
    font-weight: 700;
    font-size: 13px;
    cursor: pointer;
}

.gaia-footer-news small {
    display: block;
    font-size: 11px;
    color: #7b7b86;
    margin-top: 10px;
    line-height: 1.5;
}

.gaia-footer-bottom {
    border-top: 1px solid #2a2a30;
    max-width: 1280px;
    margin: 0 auto;
    padding: 22px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.gaia-footer-pay {
    display: flex;
    gap: 8px;
}

.gaia-footer-pay span {
    border: 1px solid #3a3a44;
    border-radius: 5px;
    padding: 3px 8px;
    font-size: 11px;
    color: #aaa;
}

.gaia-footer-copyright {
    font-size: 12px;
    color: #8f8f9a;
}

.gaia-footer-copyright a {
    color: #cfcfd6;
    text-decoration: none;
}

/* ---------- Responsive ---------- */
@media (max-width:1024px) {
    .gaia-nav {
        display: none;
    }

    .gaia-burger {
        display: flex;
    }

    .gaia-header-account span {
        display: none;
    }

    .gaia-footer-top {
        grid-template-columns: 1fr 1fr;
    }

    .gaia-footer-cols {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width:640px) {
    .gaia-header-inner {
        padding: 0 16px;
        height: 64px;
    }

    .gaia-lang span {
        display: none;
    }

    .gaia-footer-top {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .gaia-footer-cols {
        grid-template-columns: 1fr 1fr;
    }

    .gaia-footer-bottom {
        justify-content: center;
        text-align: center;
    }
}

/* ============================================================
   RTL / ARABIC SUPPORT
   ------------------------------------------------------------
   Applied when the <html> element has dir="rtl" (Arabic locale).
   Flips layout, navigation, forms, breadcrumbs, and text alignment.
   ============================================================ */

html[dir="rtl"] body {
    font-family: var(--gaia-font-arabic, 'Cairo', 'Tajawal', sans-serif);
}

html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6 {
    font-family: var(--gaia-font-arabic, 'Cairo', 'Tajawal', sans-serif);
}

/* ---- Header RTL ---- */
html[dir="rtl"] .gaia-header-inner {
    flex-direction: row-reverse;
}

html[dir="rtl"] .gaia-nav {
    margin-right: auto;
    margin-left: 0;
}

html[dir="rtl"] .gaia-header-actions {
    margin-left: 0;
    margin-right: auto;
}

/* ---- Footer RTL ---- */
html[dir="rtl"] .gaia-footer-top {
    direction: rtl;
}

html[dir="rtl"] .gaia-footer-cols {
    direction: rtl;
}

/* ---- Forms RTL ---- */
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select {
    text-align: right;
}

html[dir="rtl"] .search-field {
    border-right: none;
    border-left: 1px solid var(--gaia-line, #e8e6e0);
}

html[dir="rtl"] .search-field:last-of-type {
    border-left: none;
}

/* ---- Breadcrumbs RTL ---- */
html[dir="rtl"] .gaia-breadcrumb {
    direction: rtl;
}

/* ---- Cards / grids RTL ---- */
html[dir="rtl"] .car-card {
    text-align: right;
}

html[dir="rtl"] .expect-overlay {
    text-align: right;
}

html[dir="rtl"] .review-card {
    text-align: right;
}

html[dir="rtl"] .service-card {
    text-align: right;
}

html[dir="rtl"] .adv-card {
    text-align: right;
}

/* ---- Mobile menu RTL ---- */
html[dir="rtl"] .gaia-mobile-menu {
    left: -100%;
    right: auto;
    transition: left .3s ease;
    box-shadow: 8px 0 30px rgba(0, 0, 0, .15);
}

html[dir="rtl"] .gaia-mobile-menu.open {
    left: 0;
    right: auto;
}

html[dir="rtl"] .gaia-mobile-menu-head {
    flex-direction: row-reverse;
}

/* ---- Buttons / CTAs RTL ---- */
html[dir="rtl"] .gaia-btn {
    letter-spacing: 0;
}

/* ---- Newsletter RTL ---- */
html[dir="rtl"] .gaia-news-form {
    direction: rtl;
}

/* ---- Cross-sell RTL ---- */
html[dir="rtl"] .gaia-cross-sell {
    direction: rtl;
    text-align: right;
}

/* ---- Cookie toast RTL ---- */
html[dir="rtl"] .cookie-toast {
    right: auto;
    left: 32px;
}

/* ---- Route page RTL ---- */
html[dir="rtl"] .route-bar .meta {
    margin-left: 0;
    margin-right: auto;
}

html[dir="rtl"] .route-info-card {
    text-align: right;
}

/* ---- Checkout RTL ---- */
html[dir="rtl"] .summary-card {
    text-align: right;
}

html[dir="rtl"] .checkbox-row {
    flex-direction: row-reverse;
}

html[dir="rtl"] .phone-input .flag {
    border-right: none;
    border-left: 1px solid var(--gaia-line, #e8e6e0);
}

/* ---- GAIA Night RTL ---- */
html[dir="rtl"] .night-hero-inner {
    text-align: right;
}

html[dir="rtl"] .night-service-card {
    text-align: right;
}

html[dir="rtl"] .package-card {
    text-align: right;
}

html[dir="rtl"] .event-card .ev-overlay {
    text-align: right;
}

/* ---- WeRoad module RTL ---- */
html[dir="rtl"] .wrap {
    direction: rtl;
}

html[dir="rtl"] .trip-card,
html[dir="rtl"] .deal-card,
html[dir="rtl"] .category-card {
    text-align: right;
}

html[dir="rtl"] .price-row,
html[dir="rtl"] .meta-row {
    direction: rtl;
}

html[dir="rtl"] .summary-dates {
    direction: rtl;
}

html[dir="rtl"] .gender-row {
    direction: rtl;
}

html[dir="rtl"] .stepper {
    direction: rtl;
}

html[dir="rtl"] .breadcrumb {
    direction: rtl;
}

html[dir="rtl"] .day-card summary {
    direction: rtl;
}

html[dir="rtl"] .included-grid {
    direction: rtl;
}

html[dir="rtl"] .accordion-item {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .faq-tabs {
    direction: rtl;
}

html[dir="rtl"] .search-row {
    direction: rtl;
}

html[dir="rtl"] .results-tabs {
    direction: rtl;
}

html[dir="rtl"] .pagination {
    direction: rtl;
}

/* ---- Tours list / detail RTL refinements ---- */
html[dir="rtl"] .search-bar,
html[dir="rtl"] .results-meta,
html[dir="rtl"] .compare-tag,
html[dir="rtl"] .see-dates,
html[dir="rtl"] .trip-hero,
html[dir="rtl"] .trip-subrow,
html[dir="rtl"] .fit-box,
html[dir="rtl"] .fit-row,
html[dir="rtl"] .day-body,
html[dir="rtl"] .info-line,
html[dir="rtl"] .price-card,
html[dir="rtl"] .spots {
    direction: rtl;
    text-align: right;
}

/* ---- Tours booking page RTL ---- */
html[dir="rtl"] .booking-page,
html[dir="rtl"] .booking-layout,
html[dir="rtl"] .booking-main,
html[dir="rtl"] .form-field,
html[dir="rtl"] .section-label,
html[dir="rtl"] .section-sub,
html[dir="rtl"] .check-card,
html[dir="rtl"] .info-card,
html[dir="rtl"] .extra-card,
html[dir="rtl"] .extra-card-left,
html[dir="rtl"] .extra-price,
html[dir="rtl"] .summary-card,
html[dir="rtl"] .avail-badge,
html[dir="rtl"] .install-card,
html[dir="rtl"] .social-proof,
html[dir="rtl"] .summary-help {
    direction: rtl;
    text-align: right;
}

html[dir="rtl"] .extra-card-left {
    flex-direction: row-reverse;
}

html[dir="rtl"] .summary-breakdown>div,
html[dir="rtl"] #summary-breakdown>div {
    direction: rtl;
}