/* ---------------------------------------------------------------------------
   Brand override — Airbnb-inspired palette (rausch #FF385C) + scroll-aware nav.
   Loaded after the compiled bundle; overrides the theme's indigo accents
   without rebuilding the Vite bundle.
--------------------------------------------------------------------------- */

/* Accent color remap: indigo -> rausch */
.landing .text-\[\#4F46E5\] { color: #FF385C !important; }
.landing .hover\:text-\[\#4F46E5\]:hover { color: #FF385C !important; }
.landing .bg-\[\#4F46E5\] { background-color: #FF385C !important; }
.landing .hover\:bg-\[\#4F46E5\]:hover { background-color: #E31C5F !important; }
.landing .bg-\[\#4F46E5\]\/10 { background-color: rgba(255, 56, 92, 0.10) !important; }
.landing .bg-\[\#4F46E5\]\/15 { background-color: rgba(255, 56, 92, 0.15) !important; }
.landing .bg-\[\#4F46E5\]\/20 { background-color: rgba(255, 56, 92, 0.20) !important; }
.landing .border-\[\#4F46E5\]\/40 { border-color: rgba(255, 56, 92, 0.40) !important; }
.landing .hover\:border-\[\#4F46E5\]:hover { border-color: #FF385C !important; }
.landing .hover\:border-\[\#4F46E5\]\/40:hover { border-color: rgba(255, 56, 92, 0.40) !important; }

/* Focus rings & selection tint */
.landing ::selection { background: rgba(255, 56, 92, 0.25); }

/* ---------------------------------------------------------------------------
   Scroll-aware navigation: transparent over the hero, white glass bar with
   dark text once the page scrolls. Fixes links disappearing on light sections.
--------------------------------------------------------------------------- */
#site-nav { transition: background-color 0.25s ease, box-shadow 0.25s ease; }

#site-nav.is-scrolled {
    background: rgba(255, 255, 255, 0.92);
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    backdrop-filter: blur(14px) saturate(1.4);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 12px 32px -24px rgba(0, 0, 0, 0.35);
}

#site-nav.is-scrolled a,
#site-nav.is-scrolled summary,
#site-nav.is-scrolled span,
#site-nav.is-scrolled button {
    color: rgba(17, 17, 17, 0.82);
}
#site-nav.is-scrolled a:hover { color: #FF385C; }
#site-nav.is-scrolled summary { border-color: rgba(0, 0, 0, 0.12); }

/* Airbnb-style primary CTA pill: signature gradient, works on both nav states */
#site-nav a[href*="register"],
#site-nav a[href*="login"].cta {
    background: #FF385C !important;
    color: #ffffff !important;
    border: none !important;
}
#site-nav a[href*="register"] span,
#site-nav.is-scrolled a[href*="register"] span { color: #ffffff !important; }
#site-nav a[href*="register"]:hover { filter: brightness(1.06); }
/* --- Airbnb full-light conversion (scoped to .landing) --- */
/* Section shells: black -> white; near-black alt sections -> Airbnb gray */
.landing .bg-black { background-color: #ffffff !important; }
.landing .bg-\[\#0D0D0D\], .landing .bg-\[\#0F172A\] { background-color: #F7F7F7 !important; }

/* Headline & body text: white -> editorial near-black / grays */
.landing .text-white { color: #191919 !important; }
.landing .text-white\/85 { color: rgba(25,25,25,0.9) !important; }
.landing .text-white\/80 { color: rgba(25,25,25,0.85) !important; }
.landing .text-white\/75 { color: rgba(25,25,25,0.78) !important; }
.landing .text-white\/70 { color: rgba(25,25,25,0.72) !important; }
.landing .text-white\/65 { color: rgba(25,25,25,0.68) !important; }
.landing .text-white\/60 { color: rgba(25,25,25,0.62) !important; }
.landing .text-white\/55 { color: rgba(25,25,25,0.58) !important; }
.landing .text-white\/50 { color: rgba(25,25,25,0.52) !important; }
.landing .text-white\/45 { color: rgba(25,25,25,0.48) !important; }
.landing .text-white\/40 { color: rgba(25,25,25,0.45) !important; }

/* Borders/dividers: white-alpha -> black-alpha */
.landing .border-white { border-color: rgba(0,0,0,0.15) !important; }
.landing .border-white\/10 { border-color: rgba(0,0,0,0.08) !important; }
.landing .border-white\/15 { border-color: rgba(0,0,0,0.10) !important; }
.landing .border-white\/20 { border-color: rgba(0,0,0,0.12) !important; }
.landing .border-white\/30 { border-color: rgba(0,0,0,0.16) !important; }
.landing .border-white\/40 { border-color: rgba(0,0,0,0.20) !important; }
.landing .hover\:border-white\/40:hover { border-color: rgba(0,0,0,0.25) !important; }
.landing .ring-white\/5  { --tw-ring-color: rgba(0,0,0,0.05) !important; }
.landing .ring-white\/10 { --tw-ring-color: rgba(0,0,0,0.08) !important; }

/* Glass cards on dark -> soft gray cards on light (Airbnb card feel) */
.landing .bg-white\/5  { background-color: rgba(0,0,0,0.03) !important; }
.landing .bg-white\/10 { background-color: rgba(0,0,0,0.045) !important; }
.landing .bg-white\/15 { background-color: rgba(0,0,0,0.055) !important; }
.landing .bg-white\/20 { background-color: rgba(0,0,0,0.07) !important; }
.landing .hover\:bg-white\/5:hover  { background-color: rgba(0,0,0,0.04) !important; }
.landing .hover\:bg-white\/10:hover { background-color: rgba(0,0,0,0.06) !important; }

/* Buttons that flip dark on hover in light sections: keep their white text */
.landing .hover\:bg-black:hover { background-color: #191919 !important; }
.landing .hover\:bg-black.hover\:text-white:hover,
.landing .hover\:bg-black:hover .keep-white { color: #ffffff !important; }

/* Image overlays & captions: keep scrims dark and their captions white */
.landing .bg-black\/40 .text-white, .landing .bg-black\/80 .text-white,
.landing .bg-black\/90 .text-white { color: #ffffff !important; }

/* Soft Airbnb-style elevation for white cards sitting on white sections */
.landing .bg-white { box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px -16px rgba(0,0,0,0.12); }

/* Dark tiles/cards -> white Airbnb cards (keep #10B981 emerald accent) */
.landing .bg-\[\#141414\] { background-color: #ffffff !important; box-shadow: 0 1px 2px rgba(0,0,0,0.05), 0 10px 28px -18px rgba(0,0,0,0.18) !important; }
.landing .bg-\[\#1F1F1F\] { background-color: #F7F7F7 !important; }
.landing .bg-\[\#0D0D0D\]\/90 { background-color: rgba(255,255,255,0.92) !important; }

/* Theme's dark "ink" accent cards -> light gray for the full-light look */
.landing .l-card--ink { background: #F7F7F7 !important; }
.landing .l-card--ink::before, .landing .l-card--ink::after { opacity: 0.25 !important; }

/* Purple purge: theme variables + custom components -> coral */
.landing { --l-indigo: #FF385C; --l-indigo-hov: #E31C5F; --l-indigo-soft: rgba(255,56,92,.12); --l-indigo-tint: rgba(255,56,92,.06); }
.landing .l-chip--indigo { border-color: rgba(255,56,92,.25) !important; }
.landing .l-headicon--indigo { background: #FF385C !important; }
.landing .l-overlay-chip--indigo { background: #FF385C !important; box-shadow: 0 10px 24px -6px rgba(255,56,92,.6) !important; }
.landing .l-card--aurora { background: #F7F7F7 !important; color: #191919 !important; border-color: rgba(255,56,92,.25) !important; }
.landing .l-card--aurora::before { background: radial-gradient(60% 50% at 50% 0, rgba(255,56,92,.18), transparent 60%) !important; }
.landing .l-highlight::after { filter: hue-rotate(115deg) saturate(1.5); }
.landing [class*="l-accent"] { color: #FF385C !important; }

/* Navigation: permanent white glass bar (always visible) */
#site-nav {
    background: rgba(255,255,255,0.92);
    -webkit-backdrop-filter: blur(14px) saturate(1.4);
    backdrop-filter: blur(14px) saturate(1.4);
    box-shadow: 0 1px 0 rgba(0,0,0,0.06);
}