/* ============================================
   PUBLIC HOMEPAGE — PREMIUM BLUE & RED THEME
   (Original Layout with Attractive Colors)
   ============================================ */

:root {
    --site-primary: #0d6efd;      /* Vibrant Blue */
    --site-primary-dark: #0a58ca; /* Darker Blue */
    --site-navy: #0f223f;         /* Deep Navy */
    --site-navy-dark: #081221;    /* Darkest Navy */
    --site-accent: #ef4444;       /* Vibrant Red CTA */
    --site-accent-hover: #dc2626; /* Darker Red */
    --site-teal: #14b8a6;         /* Highlights */
    --site-amber: #f59e0b;        /* Stars / Highlights */
    --site-bg-light: #f8fafc;
    --site-border: #e2e8f0;
}

/* ============================================
   ANNOUNCEMENT TICKER 
   ============================================ */
.top-trust-bar.announcement-ticker{display:block!important;box-sizing:border-box;height:var(--ticker-height,45px);padding:0!important;overflow:hidden;color:#fff;background:#102e50;box-shadow:0 3px 14px rgba(15,34,63,.16);line-height:1}
.announcement-ticker-viewport{display:flex;align-items:center;width:100%;height:100%;overflow:hidden}
.announcement-ticker-track{display:flex;align-items:center;width:max-content;height:100%;animation:announcementTicker var(--ticker-duration,24000ms) linear infinite;will-change:transform;transform:translate3d(0,0,0)}
.announcement-ticker-group{display:flex;align-items:center;flex:0 0 auto;height:100%}
.announcement-ticker-item{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:8px;height:100%;padding:0 20px;color:var(--announcement-color,#fff);background:var(--announcement-bg,#102e50);font-size:var(--ticker-font-size,12px);line-height:1;text-align:center;letter-spacing:.01em;white-space:nowrap}
.announcement-ticker.mode-single .announcement-ticker-item{width:100vw;flex:0 0 100vw}
.announcement-ticker.mode-multiple .announcement-ticker-item{width:calc(100vw / var(--ticker-visible-count,3));flex:0 0 calc(100vw / var(--ticker-visible-count,3));padding:0 18px}
.announcement-ticker.mode-multiple .announcement-ticker-separator{display:none}
.announcement-ticker-item:before{content:"";width:7px;height:7px;flex:0 0 7px;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:var(--announcement-accent,var(--site-teal));box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.announcement-ticker-icon{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px;border-radius:50%;background:rgba(255,255,255,.13)}
.announcement-ticker-icon svg{width:12px;height:12px}
.announcement-ticker-item strong{font-weight:700}
.announcement-ticker-item a{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid currentColor;border-radius:999px;color:inherit;background:rgba(255,255,255,.12);font-size:9px;font-weight:800;text-decoration:none}
.announcement-ticker-item a:hover{color:inherit;background:rgba(255,255,255,.25)}
.announcement-ticker-item a svg{width:11px;height:11px}
.announcement-ticker-separator{display:none}
.announcement-ticker.pauses-on-hover .announcement-ticker-track:hover,.announcement-ticker.pauses-on-hover .announcement-ticker-track:focus-within,.announcement-ticker.is-interacting .announcement-ticker-track,.announcement-ticker.is-page-hidden .announcement-ticker-track{animation-play-state:paused}
@keyframes announcementTicker{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* ============================================
   NAVBAR
   ============================================ */
.navbar-wrapper{background:rgba(255,255,255,.98)!important;border-bottom:1px solid var(--site-border);backdrop-filter:blur(16px)}
.navbar-wrapper.has-announcement{top:var(--ticker-height,45px)}
.navbar-wrapper.no-announcement{top:0}
.navbar-main{width:min(100%,1220px)!important}
.brand-icon{color:#fff!important;background:var(--site-primary)!important;box-shadow:0 8px 20px rgba(13,110,253,.2)!important}
.brand-name{color:var(--site-navy)!important}
.brand-name .text-primary-blue{color:var(--site-primary)!important}
.nav-link-custom{color:#475569!important;font-weight:600!important}
.nav-link-custom:hover,.nav-link-custom.active-link{color:var(--site-primary)!important}
.nav-link-custom.active-link:after{display:none!important} /* Removed bottom line for cleaner look */
.nav-phone-btn{color:var(--site-navy)!important;background:#fff!important;border-color:var(--site-border)!important}
.nav-phone-btn:hover{background:var(--site-bg-light)!important}
.btn-nav-bookings{border:0!important;color:#fff!important;background:var(--site-accent)!important;box-shadow:0 8px 20px rgba(239,68,68,.24)!important;transition:all .3s ease;font-weight:600!important}
.btn-nav-bookings:hover{background:var(--site-accent-hover)!important;box-shadow:0 12px 25px rgba(239,68,68,.3)!important;transform:translateY(-1px)}

/* ============================================
   HERO SECTION 
   ============================================ */
.hero-section-v2{background:linear-gradient(135deg,#f0f7ff 0%,#ffffff 100%)!important;position:relative}
.hero-section-v2:before{background:none!important}
.section-pill{color:var(--site-primary)!important;background:#e6f0ff!important;border:none!important;font-weight:700!important;letter-spacing:1px}
.hero-headline{color:var(--site-navy)!important}
.hero-highlight{color:var(--site-primary)!important;background:none!important;-webkit-text-fill-color:var(--site-primary)!important}
.decor-line{background:linear-gradient(90deg,var(--site-primary),var(--site-teal))!important}
.decor-dot{background:var(--site-amber)!important}
.btn-hero-book{border:0!important;background:var(--site-navy)!important;box-shadow:0 12px 28px rgba(15,34,63,.2)!important;transition:all .3s ease;color:#fff!important}
.btn-hero-book:hover{background:var(--site-navy-dark)!important;box-shadow:0 16px 36px rgba(15,34,63,.3)!important;transform:translateY(-2px);color:#fff!important}
.btn-hero-explore{color:var(--site-navy)!important;border-color:var(--site-border)!important;background:#fff!important;transition:all .3s ease}
.btn-hero-explore:hover{color:var(--site-primary)!important;border-color:var(--site-primary)!important;background:var(--site-bg-light)!important}
.hero-boarding-card{border-color:var(--site-border)!important;box-shadow:0 20px 40px rgba(0,0,0,0.08)!important}
.boarding-label{background:var(--site-accent)!important;color:#fff!important}
.boarding-code{color:var(--site-navy)!important}

/* ============================================
   CORE SERVICES 
   ============================================ */
.core-services-section{background:linear-gradient(180deg,#fff,#f8fafc)!important}
.services-plane-mark{color:var(--site-primary)!important;background:#e6f0ff!important}
.services-title,.why-title,.testimonials-title,.section-title{color:var(--site-navy)!important}
.services-title-line{background:linear-gradient(90deg,var(--site-primary),var(--site-teal),var(--site-accent))!important}
.service-card-v2{border:1px solid var(--site-border)!important;box-shadow:0 12px 32px rgba(0,0,0,.03)!important;transition:all .3s ease;background:#fff!important}
.service-card-v2:hover{border-color:var(--site-primary)!important;box-shadow:0 20px 44px rgba(13,110,253,.1)!important;transform:translateY(-5px)}
.service-card-link{color:#fff!important;background:var(--site-primary)!important}
.service-price-row .price-value{color:var(--site-navy)!important;font-weight:800!important}
.service-cta-btn{border:0!important;background:var(--site-bg-light)!important;color:var(--site-primary)!important;box-shadow:none!important;border:1px solid var(--site-border)!important}
.service-cta-btn:hover{background:var(--site-primary)!important;color:#fff!important;border-color:var(--site-primary)!important;box-shadow:0 8px 20px rgba(13,110,253,.25)!important}
.service-btn-icon,.service-btn-arrow{transition:0.3s}
.service-cta-btn:hover .service-btn-icon{color:#fff!important}

/* ============================================
   HOW IT WORKS 
   ============================================ */
.home-process-section{padding:80px 0;background:linear-gradient(180deg,#f8fafc,#f0f7ff)}
.home-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.home-process-grid article{position:relative;padding:28px;border:1px solid var(--site-border);border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(0,0,0,.03);overflow:hidden;transition:.3s ease}
.home-process-grid article:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--site-primary)}
.home-process-grid article:nth-child(2n):before{background:var(--site-teal)}
.home-process-grid article:nth-child(3n):before{background:var(--site-accent)}
.home-process-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 46px rgba(13,110,253,.08)}
.home-process-grid article>span{position:absolute;top:18px;right:20px;color:#e2e8f0;font-size:30px;font-weight:800}
.home-process-grid article>svg{width:28px;height:28px;color:var(--site-primary)}
.home-process-grid h3{margin:18px 0 8px;font-size:18px;color:var(--site-navy)}
.home-process-grid p{margin:0;color:#64748b;font-size:13px}

/* ============================================
   WHY CHOOSE US 
   ============================================ */
.why-section-v2{background:#fff!important}
.why-feature-item{padding:22px 18px;border:1px solid var(--site-border);border-radius:18px;background:#fff;box-shadow:0 10px 26px rgba(0,0,0,.02);transition:.3s ease}
.why-feature-item:hover{transform:translateY(-6px);border-color:var(--site-primary);box-shadow:0 16px 34px rgba(13,110,253,.08)}
.why-icon-circle.icon-blue-light{color:var(--site-primary);background:#e6f0ff}
.why-icon-circle.icon-teal-light{color:var(--site-teal);background:#ccfbf1}
.why-icon-circle.icon-orange-light{color:var(--site-amber);background:#fef3c7}
.why-icon-circle.icon-purple-light{color:#8b5cf6;background:#ede9fe}
.why-icon-circle.icon-cyan-light{color:#06b6d4;background:#cffafe}
.why-icon-circle.icon-green-light{color:#10b981;background:#d1fae5}

/* ============================================
   TRUST / STATS 
   ============================================ */
.home-trust-section{padding:24px 0 72px;background:#fff}
.home-trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.home-trust-grid article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--site-border);border-radius:15px;background:var(--site-bg-light);transition:.3s ease}
.home-trust-grid article:hover{border-color:var(--site-primary);box-shadow:0 8px 24px rgba(13,110,253,.06);transform:translateY(-2px)}
.home-trust-grid article>svg{width:26px;color:var(--site-primary)}
.home-trust-grid h3{margin:0;font-size:15px;color:var(--site-navy)}
.home-trust-grid p{margin:4px 0 0;color:#64748b;font-size:12px}

/* ============================================
   TESTIMONIALS 
   ============================================ */
.testimonials-section{background:linear-gradient(180deg,#f8fafc,#f0f7ff)!important}
.testimonial-card{border-color:var(--site-border)!important;box-shadow:0 12px 30px rgba(0,0,0,.03)!important;transition:all .3s ease;background:#fff!important}
.testimonial-card:hover{box-shadow:0 18px 40px rgba(13,110,253,.08)!important}
.testimonial-quote-icon{color:var(--site-primary)!important;background:#e6f0ff!important}
.verified-badge{color:#10b981!important;background:#d1fae5!important}
.testimonial-avatar{background:var(--site-navy)!important}
.traveler-proof{border-color:var(--site-border)!important;background:#fff!important}
.star-filled{color:var(--site-amber)!important;fill:var(--site-amber)!important}

/* ============================================
   FAQ 
   ============================================ */
.faq-section-v2{background:#fff!important}
.faq-item{border-color:var(--site-border)!important;background:var(--site-bg-light)!important;border-radius:8px!important;margin-bottom:10px!important}
.faq-item.active{border-color:var(--site-primary)!important;background:#fff!important;box-shadow:0 10px 26px rgba(13,110,253,.06)!important}
.faq-leading-icon,.faq-icon-toggle{color:var(--site-primary)!important;background:#e6f0ff!important}
.faq-support-card{background:linear-gradient(135deg,var(--site-navy),var(--site-navy-dark))!important}
.faq-support-card>a{color:#fff!important;background:var(--site-primary)!important;border:none!important}
.faq-support-card>a:hover{background:var(--site-primary-dark)!important}

/* ============================================
   CTA SECTION
   ============================================ */
.cta-card-v2{background-image:radial-gradient(circle at 85% 0,rgba(13,110,253,.25),transparent 32%),linear-gradient(120deg,var(--site-navy),var(--site-navy-dark))!important;border-radius:24px!important}
.cta-mini-badge{color:#fff!important;background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.2)!important}
.btn-cta-white{color:var(--site-navy)!important;background:#fff!important}
.btn-cta-white:hover{background:var(--site-bg-light)!important;box-shadow:0 8px 24px rgba(255,255,255,.15)!important}
.btn-cta-outline{border-color:rgba(255,255,255,.34)!important;color:#fff!important}
.btn-cta-outline:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.6)!important}
.cta-feature-list>span{background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.1)}
.cta-feature-list>span i{color:var(--site-teal)!important}

/* ============================================
   FOOTER
   ============================================ */
.footer-links-v2 a:hover,.footer-contact-v2 a:hover{color:var(--site-primary)!important}
.footer-brand-icon{background:var(--site-primary)!important}

/* ============================================
   RESPONSIVE
   ============================================ */
@media(prefers-reduced-motion:reduce){.announcement-ticker-track{animation-play-state:paused}}
@media(max-width:760px){
    .announcement-ticker-item{gap:6px;padding:0 12px;font-size:min(var(--ticker-font-size,12px),12px)}
    .announcement-ticker.mode-multiple .announcement-ticker-item{width:50vw;flex-basis:50vw;padding:0 10px}
    .announcement-ticker-icon{width:21px;height:21px;flex-basis:21px}
    .announcement-ticker-item a{padding:3px 6px;font-size:8px}
    .navbar-wrapper.has-announcement{top:var(--ticker-height,45px)}
    .navbar-wrapper.no-announcement{top:0}
    .why-feature-item{padding:18px}
    .hero-section-v2{padding-top:150px!important}
}
@media(max-width:480px){
    .announcement-ticker.mode-single .announcement-ticker-item,.announcement-ticker.mode-multiple .announcement-ticker-item{width:max-content;min-width:100vw;flex:0 0 auto;padding-inline:22px}
    .announcement-ticker-item strong,.announcement-ticker-item:has(a) strong{max-width:none;overflow:visible;text-overflow:clip}
}