/* Around Cape Town & Beyond Tours — light overrides on top of Tailwind */

html { scroll-behavior: smooth; }

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Smooth focus styling */
:focus-visible {
    outline: 2px solid #E8743C;
    outline-offset: 2px;
}

/* Hero text legibility — used when text sits directly on a photo without a card. */
.hero-text-shadow {
    text-shadow:
        0 2px 12px rgba(20, 41, 64, 0.55),
        0 1px 3px rgba(20, 41, 64, 0.55);
}
.hero-text-shadow-sm {
    text-shadow: 0 1px 6px rgba(20, 41, 64, 0.55);
}

/* Hero scrim card — sits over a full-colour photo to give white text its own
   readable backdrop without darkening the rest of the image.
   Vibrant summer-sky-blue tint (brand-blue #397FDB) so the panel feels warm
   and summery instead of corporate-navy. */
.hero-card {
    background-color: rgba(57, 127, 219, 0.55);
    -webkit-backdrop-filter: blur(3px) saturate(130%);
            backdrop-filter: blur(3px) saturate(130%);
    border: 1px solid rgba(255, 255, 255, 0.30);
    box-shadow: 0 20px 45px -15px rgba(57, 127, 219, 0.35);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .hero-card { background-color: rgba(57, 127, 219, 0.75); }
}

/* Form fields — Tailwind Forms plugin gives us most of this; just polish */
input, select, textarea {
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

/* Filter bar scrollbar */
.scrollbar-thin::-webkit-scrollbar { height: 4px; }
.scrollbar-thin::-webkit-scrollbar-thumb { background: #DFA06D; border-radius: 4px; }

/* Hover lift for cards (if needed for older browsers without group-hover) */
.lift-on-hover { transition: transform .35s ease, box-shadow .35s ease; }
.lift-on-hover:hover { transform: translateY(-4px); }

/* Reduce motion when requested */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
    html { scroll-behavior: auto; }
}