/* ══════════════════════════════════════════════════════════════
   DEFERRED STYLES — Non-critical (loaded after FCP)
   - Navbar dropdowns (desktop-only)
   - WhatsApp float button
   - Mega-menu styles (all variants)
   - Destination strip
   ══════════════════════════════════════════════════════════════ */

/* ── NAVBAR DROPDOWNS (desktop only) ── */
@media(min-width:992px){
  .navbar-nav .dropdown-menu{
    border:none;border-top:3px solid #f59e0b;
    border-radius:0 0 10px 10px;
    box-shadow:0 12px 40px rgba(0,0,0,.15);
    padding:.5rem 0;min-width:210px;
    background:#fff;
  }
  .navbar-nav .dropdown-item{
    font-size:.85rem;font-weight:500;color:#374151;
    padding:.5rem 1.2rem;transition:color .14s,background-color .14s;
  }
  .navbar-nav .dropdown-item:hover{
    background:#f0f5ff;color:#0a1f44;
  }
}

/* ── WHATSAPP FLOAT BUTTON ── */
.wa-float{position:fixed;bottom:80px;right:20px;z-index:9999;width:54px;height:54px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(37,211,102,.5);cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 24px rgba(37,211,102,.6)}
.wa-float i{color:#fff;font-size:1.6rem}
.wa-float-pulse{position:absolute;width:100%;height:100%;border-radius:50%;background:rgba(37,211,102,.4);animation:wa-pulse 2s ease-out infinite}
@keyframes wa-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(1.6);opacity:0}}
@media(min-width:768px){.wa-float{bottom:90px}}
@media(max-width:480px){.wa-float{width:48px;height:48px;bottom:90px;right:14px}.wa-float i{font-size:1.4rem}}

/* ── MEGA-MENU ── */
.mega-wrap{position:static}
.mega-wrap .mega-menu-panel{position:fixed!important;left:0!important;right:0!important;top:70px!important;width:100%!important;border-radius:0 0 20px 20px;padding:0;border:none!important;background:linear-gradient(180deg,#fff 0%,#fafbfd 100%)!important;box-shadow:0 24px 60px rgba(0,0,0,.22)!important;margin-top:0!important;max-height:75vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
.mega-wrap .mega-menu-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#fbbf24,#ea580c 30%,#0a1f44 70%,#142e5e)}
.mega-inner{max-width:1320px;margin:0 auto;padding:1.2rem 2rem 1.5rem;display:grid;grid-template-columns:repeat(5,1fr);gap:1.5rem 1.8rem}
.mega-col{max-height:none;overflow-y:visible;padding-right:.3rem}
.mega-col::-webkit-scrollbar{width:4px}
.mega-col::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px}
.mega-col::-webkit-scrollbar-thumb:hover{background:#cbd5e1}
.mega-state{font-size:.74rem;font-weight:800;color:#0a1f44;text-transform:uppercase;letter-spacing:.12em;padding-bottom:.55rem;margin-bottom:.7rem;border-bottom:2px solid transparent;background:linear-gradient(90deg,#fbbf24 0%,#ea580c 70%,transparent 100%) bottom/100% 2px no-repeat;display:flex;align-items:center;gap:7px}
.mega-state .mega-state-count{background:#f3f4f6;color:#6b7280;font-size:.62rem;font-weight:700;padding:1px 8px;border-radius:10px;letter-spacing:0;text-transform:none}
.mega-list{list-style:none;padding:0;margin:0}
.mega-list li{margin-bottom:.1rem}
.mega-list a{font-size:.77rem;color:#374151;text-decoration:none;display:flex;align-items:center;gap:6px;padding:.3rem .5rem;border-radius:6px;transition:all .18s;line-height:1.35;position:relative}
.mega-list a::before{content:"\f054";font-family:"Font Awesome 6 Free",sans-serif;font-weight:900;font-size:.55rem;color:#cbd5e1;opacity:0;transition:opacity .18s,transform .18s;transform:translateX(-4px)}
.mega-list a:hover{color:#0a1f44;background:linear-gradient(90deg,#fef3c7 0%,#fff 100%);padding-left:.75rem;font-weight:600}
.mega-list a:hover::before{opacity:1;transform:translateX(0);color:#f59e0b}
.mega-view-all{display:inline-block;margin-top:.7rem;font-size:.73rem;font-weight:700;color:#f59e0b;text-decoration:none;padding:.3rem .6rem;border-radius:6px;transition:all .18s}
.mega-view-all:hover{color:#d97706;background:#fef3c7}
@media(max-width:1399px){.mega-inner{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1199px){.mega-wrap>.dropdown-menu{position:static;width:100%;box-shadow:none;border-radius:10px;background:linear-gradient(180deg,#f8fafc,#f0f4f8);border-top:2px solid #fbbf24;padding:1rem 1.2rem;max-height:62vh;overflow-y:auto;margin:.4rem 1.2rem!important}.mega-wrap .mega-menu-panel::before{display:none}.mega-inner{grid-template-columns:repeat(2,1fr);gap:1rem}.mega-state{font-size:.68rem}.mega-list a{font-size:.76rem}}
@media(max-width:640px){.mega-inner{grid-template-columns:1fr}.mega-col{max-height:none}}
.mega-panel-hdr{display:flex;align-items:center;justify-content:space-between;padding:.65rem 2rem;background:linear-gradient(90deg,#0a1f44 0%,#142e5e 100%);font-size:.78rem;color:rgba(255,255,255,.85)}
.mega-panel-hdr strong{color:#fff}
.mega-browse-all{color:#fbbf24;font-weight:700;text-decoration:none;font-size:.78rem;transition:color .18s}
.mega-browse-all:hover{color:#f59e0b}
a.mega-state{text-decoration:none;cursor:pointer}
a.mega-state:hover{color:#ea580c}
.mega-cat-group{margin-bottom:.85rem}
.mega-cat-label{display:flex;align-items:center;gap:5px;font-size:.67rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;padding-top:.1rem}
.mega-cat-label i{color:#f59e0b;font-size:.7rem;width:12px;text-align:center}
.mega-cat-count{background:#f3f4f6;color:#9ca3af;font-size:.58rem;font-weight:700;padding:1px 5px;border-radius:8px;letter-spacing:0;text-transform:none}
.mega-more-link{color:#f59e0b!important;font-size:.72rem!important;font-style:italic;padding:.2rem .5rem!important}
.mega-more-link i{font-size:.5rem!important}
.mega-more-link:hover{color:#d97706!important;background:#fef3c7!important}
.mega-mobile-list{padding:.4rem 0}
.mega-mob-all{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.2rem;font-weight:700;font-size:.85rem;color:#0a1f44;text-decoration:none;background:linear-gradient(90deg,#fef3c7,#fffbeb);border-bottom:1px solid #e5e7eb}
.mega-mob-all:hover{color:#ea580c;background:#fef9c3}
.mega-mob-badge{background:#0a1f44;color:#fff;font-size:.63rem;font-weight:700;padding:1px 7px;border-radius:10px}
.mega-mob-state-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.55rem 1.2rem;background:none;border:none;border-bottom:1px solid #f3f4f6;font-size:.83rem;font-weight:600;color:#374151;cursor:pointer;text-align:left}
.mega-mob-state-btn[aria-expanded="true"]{color:#0a1f44;background:#f8fafc}
.mega-mob-state-btn[aria-expanded="true"] .mega-mob-chev{transform:rotate(180deg)}
.mega-mob-chev{transition:transform .2s;font-size:.65rem;color:#9ca3af}
.mega-mob-cats{padding:.6rem 1rem .8rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e5e7eb}
.mega-mob-cat{margin-bottom:.65rem}
.mega-mob-cat-lbl{font-size:.67rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.07em;margin-bottom:.3rem;display:flex;align-items:center;gap:5px}
.mega-mob-cat-lbl i{color:#f59e0b;font-size:.7rem}
.mega-mob-dests{list-style:none;padding:0;margin:0}
.mega-mob-dests li{margin-bottom:.1rem}
.mega-mob-dests a{font-size:.79rem;color:#4b5563;text-decoration:none;padding:.22rem .5rem;display:block;border-radius:5px}
.mega-mob-dests a:hover{background:#fef3c7;color:#0a1f44;font-weight:600}

/* ── DESTINATION STRIP ── */
.dst-strip{background:#fff;border-bottom:1px solid #e8ecf0;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.dst-strip-inner{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;overflow-x:auto;scrollbar-width:none}
.dst-strip-inner::-webkit-scrollbar{display:none}
.dst-strip-label{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;flex-shrink:0;padding-right:.25rem}
.dst-strip-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;white-space:nowrap;font-size:.78rem;font-weight:600;text-decoration:none;background:#f1f5f9;color:#475569;border:1.5px solid transparent;transition:all .18s;flex-shrink:0}
.dst-strip-pill:hover{background:#0a1f44;color:#fff;border-color:#0a1f44;transform:translateY(-1px);box-shadow:0 3px 8px rgba(10,31,68,.2)}
.dst-strip-pill .pill-em{font-size:.85rem;line-height:1}
@media(max-width:767px){.dst-strip{display:none}}