/*
 * RS Travels / Avigo Cabs — Shared Stylesheet
 * Loaded globally via includes/header.php
 * Per-page styles are injected via $extraStyles in each page's <style> block.
 */

/* ── Base Typography ─────────────────────────────────────────────────────── */
body {
    font-family: 'Inter', sans-serif;
}

/* ── Hero Slider ─────────────────────────────────────────────────────────── */
.hero-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
}
.hero-slide.active {
    opacity: 1;
}

/* ── Glass Card ──────────────────────────────────────────────────────────── */
.glass-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

/* ── Marquee Animation ───────────────────────────────────────────────────── */
@keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(calc(-50% - 12px)); }
}

.animate-marquee {
    animation: marquee 30s linear infinite;
}
.animate-marquee:hover {
    animation-play-state: paused;
}
.animate-marquee-slow {
    animation: marquee 40s linear infinite;
}
.animate-marquee-slow:hover {
    animation-play-state: paused;
}

/* ── Offer Cards (Special Offers marquee) ────────────────────────────────── */
.offer-card {
    flex-shrink: 0;
    width: 320px;
    cursor: pointer;
}
@media (min-width: 768px)  { .offer-card { width: 480px; } }
@media (min-width: 1024px) { .offer-card { width: 560px; } }