@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');

/* =========================================================
   Site-wide polish, loaded after style.css on every page
   ========================================================= */

/* ---------- Unified inner-page hero ---------- */
.about-hero,
.fleet-hero,
.services-hero,
.testimonials-hero {
    background:
        linear-gradient(180deg, rgba(11, 19, 36, .82) 0%, rgba(11, 19, 36, .94) 100%),
        url('../images/urbania-rent.png') center 60% / cover no-repeat !important;
    padding: 110px 0 120px !important;
}
.about-hero::before, .about-hero::after,
.fleet-hero::before, .fleet-hero::after,
.services-hero::before, .services-hero::after,
.testimonials-hero::before, .testimonials-hero::after {
    display: none !important;
}
.about-hero h1, .fleet-hero h1, .services-hero h1, .testimonials-hero h1 {
    color: #fff !important;
    font-size: clamp(2.2rem, 5vw, 3.6rem) !important;
    letter-spacing: -.03em;
    line-height: 1.1 !important;
}
.about-hero h1 span, .fleet-hero h1 span, .services-hero h1 span, .testimonials-hero h1 span {
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
    font-weight: 600;
    color: #e2c46b !important;
    background: none !important;
    -webkit-text-fill-color: #e2c46b !important;
}
.about-hero p, .fleet-hero p, .services-hero p, .testimonials-hero p {
    color: #cbd5e1 !important;
}
.about-hero .hero-badge, .fleet-hero .hero-badge, .services-hero .hero-badge, .testimonials-hero .hero-badge {
    background: rgba(201, 162, 58, .14) !important;
    border: 1px solid rgba(226, 196, 107, .4) !important;
    color: #e2c46b !important;
    text-transform: uppercase;
    letter-spacing: .14em;
    font-size: .76rem !important;
}

/* ---------- Header ---------- */
.top-announcement-bar { background: #0b1324 !important; }
.main-header { box-shadow: 0 1px 0 rgba(15, 23, 42, .06) !important; }
.btn-header-cta {
    background: linear-gradient(135deg, #e2c46b, #c9a23a 55%, #9c7a1f) !important;
    color: #1a1405 !important;
}

/* Logo icon inherits a transparent text-fill from the gradient text rules; restore it */
.logo-icon, .logo-icon i { -webkit-text-fill-color: #D4AF37 !important; }

/* ---------- Footer ---------- */
.site-footer .footer-logo .logo-text { color: #fff !important; }
.site-footer .footer-logo .logo-accent {
    background: none !important;
    -webkit-text-fill-color: #e2c46b !important;
    color: #e2c46b !important;
}
.footer-pre-cta { background: #0b1324 !important; }

/* ---------- Scroll-reveal fallback ----------
   style.css hides some cards until JS marks them .visible; make sure
   reduced-motion users never get stuck with invisible content. */
@media (prefers-reduced-motion: reduce) {
    .section-title, .feature-card, .fleet-card, .why-item, .testimonial-card, .blog-card, .pricing-card {
        opacity: 1 !important;
        transform: none !important;
    }
}

/* ---------- Mobile header: keep the hamburger on-screen ---------- */
@media (max-width: 767px) {
    .header-content { gap: 10px !important; }
    .logo-text { font-size: 1.05rem !important; }
    .header-action { gap: 8px !important; flex-shrink: 0; }
    .btn-header-cta { width: 38px; height: 38px; padding: 0 !important; justify-content: center; border-radius: 10px !important; }
    .btn-header-cta span { display: none !important; }
}
@media (max-width: 380px) {
    .logo-text { font-size: .95rem !important; }
}

/* ---------- Mobile drawer open ---------- */
/* The header's backdrop blur makes it the containing block for the fixed drawer, offsetting it below the top bar. */
body.nav-open .main-header { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.nav-open .floating-buttons-container,
body.nav-open .back-to-top { display: none !important; }