/**
 * Cab Istanbul — global mobile hamburger drawer
 * Scope: <=991.98px only. Desktop untouched.
 */

@media (max-width: 991.98px) {
  /* ── Premium drawer (replaces HRH turkuaz) ── */
  /* service-static-hero sets nav{position:relative!important} — drawer must stay fixed */
  .mobail_menu .cd-dropdown,
  .mobail_menu nav.cd-dropdown {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    width: min(88vw, 320px);
    background: linear-gradient(180deg, #080808 0%, #0e0e0e 38%, #1a1714 100%);
    box-shadow: 8px 0 40px rgba(0, 0, 0, 0.45);
    font-family: Inter, system-ui, sans-serif;
  }

  .mobail_menu .cd-dropdown h2 {
    font-family: Inter, system-ui, sans-serif;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #f0b429;
    border-bottom: 1px solid rgba(240, 180, 41, 0.22);
    margin: 0;
    padding: 0 20px;
    height: 56px;
    line-height: 56px;
  }

  .mobail_menu .cd-dropdown h2 a {
    color: #f0b429;
  }

  .mobail_menu .cd-dropdown h2::after {
    display: none;
  }

  .mobail_menu .cd-dropdown .cd-close::after,
  .mobail_menu .cd-dropdown .cd-close::before {
    background-color: rgba(255, 255, 255, 0.82);
  }

  .mobail_menu .cd-dropdown-content {
    padding-top: 56px;
  }

  .mobail_menu .cd-dropdown-content a,
  .mobail_menu .cd-dropdown-content ul a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    border-color: rgba(255, 255, 255, 0.08);
    border-left: 3px solid transparent;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
  }

  .mobail_menu .cd-dropdown-content a:hover,
  .mobail_menu .cd-dropdown-content a:active,
  .mobail_menu .cd-dropdown-content a:focus,
  .mobail_menu .cd-dropdown-content ul a:hover,
  .mobail_menu .cd-dropdown-content ul a:active,
  .mobail_menu .cd-dropdown-content ul a:focus {
    background: rgba(240, 180, 41, 0.12);
    color: #f0b429;
    border-left-color: #f0b429;
  }

  .mobail_menu .cd-dropdown-content .cd-divider,
  .mobail_menu .cd-dropdown-content ul .cd-divider {
    background-color: #141820;
    border-color: rgba(240, 180, 41, 0.18);
    color: rgba(240, 180, 41, 0.72);
    font-size: 10px;
    letter-spacing: 0.18em;
  }

  /* ── Stacking: menu above hero/booking when open ── */
  body:has(.cd-dropdown.dropdown-is-active) .hs_navigation_header_wrapper {
    z-index: 11001 !important;
  }

  body:has(.cd-dropdown.dropdown-is-active) .mobail_menu .cd-dropdown {
    z-index: 1110 !important;
  }

  /* Hide hero/booking layers under open drawer (closed state unchanged) */
  body:has(.cd-dropdown.dropdown-is-active) .cab8b5-hero-overlay,
  body:has(.cd-dropdown.dropdown-is-active) .cab8b5-hero-actions,
  body:has(.cd-dropdown.dropdown-is-active) .service-hero-v2,
  body:has(.cd-dropdown.dropdown-is-active) .service-hero,
  body:has(.cd-dropdown.dropdown-is-active) .service-hero-inner,
  body:has(.cd-dropdown.dropdown-is-active) .service-hero-title,
  body:has(.cd-dropdown.dropdown-is-active) .service-hero-desc,
  body:has(.cd-dropdown.dropdown-is-active) .hrh-about-premium-page .hero-content,
  body:has(.cd-dropdown.dropdown-is-active) .hrh-about-premium-page .hero-inner,
  body:has(.cd-dropdown.dropdown-is-active) .cwd-v3-hero-booking,
  body:has(.cd-dropdown.dropdown-is-active) #transferFormMobile {
    visibility: hidden;
  }
}