/* V28 LAPTOP DESKTOP NAVIGATION FIX
   Fixes laptop rendering as mobile by resetting all mobile drawer rules above 991px.
   Mobile drawer remains active only on true tablet/phone widths. */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

/* True desktop / laptop layout */
@media (min-width: 992px){
  body,
  body.menu-open{
    overflow:auto !important;
    position:static !important;
    width:auto !important;
  }
  body.menu-open::after,
  body::after{
    display:none !important;
    content:none !important;
    pointer-events:none !important;
  }

  .topbar{display:block !important;}
  .header,
  .prestige-pro-header{
    position:sticky !important;
    top:0 !important;
    z-index:1000 !important;
  }
  .prestige-pro-header .nav,
  .nav{
    min-height:84px !important;
    height:84px !important;
    display:flex !important;
    align-items:center !important;
    gap:16px !important;
  }

  .mobile-toggle,
  #toggle,
  .mobile-close,
  .mobile-menu-head{
    display:none !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }

  .prestige-pro-header nav#menu.menu.prestige-menu,
  nav#menu.menu.prestige-menu,
  .prestige-pro-header .menu,
  .menu.prestige-menu,
  .menu{
    display:flex !important;
    position:static !important;
    inset:auto !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin-left:auto !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;
    transform:none !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    overflow:visible !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:10px !important;
  }

  .menu.prestige-menu > a:not(.btn),
  .menu.prestige-menu .nav-dropbtn{
    width:auto !important;
    min-height:42px !important;
    padding:10px 11px !important;
    border:0 !important;
    background:transparent !important;
    color:#071b3a !important;
    border-radius:12px !important;
    font-size:14px !important;
    line-height:1 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    cursor:pointer !important;
  }
  .menu.prestige-menu > a:not(.btn):hover,
  .menu.prestige-menu .nav-dropbtn:hover{
    background:#f3f6fb !important;
    color:#0b2a6f !important;
  }

  .prestige-pro-header .menu .btn,
  .menu.prestige-menu .btn{
    width:auto !important;
    min-height:42px !important;
    padding:10px 15px !important;
    margin:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
    font-size:14px !important;
  }
  .prestige-pro-header .menu > .btn-primary,
  .menu.prestige-menu > .btn-primary{
    display:none !important;
  }
  .prestige-pro-header .nav-cta,
  .nav-cta{
    display:inline-flex !important;
    width:auto !important;
    white-space:nowrap !important;
    padding:12px 16px !important;
    font-size:14px !important;
    flex:0 0 auto !important;
  }

  .nav-dropdown{
    position:relative !important;
    width:auto !important;
    display:inline-flex !important;
    align-items:center !important;
  }
  .nav-dropdown-menu{
    position:absolute !important;
    top:calc(100% + 12px) !important;
    left:0 !important;
    min-width:250px !important;
    width:max-content !important;
    max-width:320px !important;
    padding:10px !important;
    display:grid !important;
    gap:4px !important;
    background:#fff !important;
    border:1px solid #e6edf5 !important;
    border-radius:18px !important;
    box-shadow:0 24px 60px rgba(7,27,58,.15) !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transform:translateY(8px) !important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease !important;
    z-index:1600 !important;
  }
  .nav-dropdown:hover .nav-dropdown-menu,
  .nav-dropdown:focus-within .nav-dropdown-menu,
  .nav-dropdown.open .nav-dropdown-menu{
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
    transform:translateY(0) !important;
  }
  .nav-dropdown-menu a{
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:40px !important;
    padding:10px 12px !important;
    border-radius:12px !important;
    color:#071b3a !important;
    background:transparent !important;
    font-size:14px !important;
    font-weight:800 !important;
    text-align:left !important;
    white-space:nowrap !important;
  }
  .nav-dropdown-menu a:hover{
    background:#f3f6fb !important;
    color:#0b2a6f !important;
  }

  .brand span{max-width:none !important;}
  .brand strong{font-size:15px !important;}
  .brand small{font-size:11px !important;}
}

/* Medium laptops: keep desktop navigation but tighten spacing */
@media (min-width: 992px) and (max-width: 1180px){
  .container{width:min(100% - 32px,1180px) !important;}
  .prestige-pro-header .brand img{width:50px !important;height:50px !important;border-radius:14px !important;}
  .prestige-pro-header .brand span{max-width:155px !important;}
  .prestige-pro-header .brand strong{font-size:13.5px !important;}
  .prestige-pro-header .brand small{font-size:10px !important;}
  .menu.prestige-menu{gap:5px !important;}
  .menu.prestige-menu > a:not(.btn),
  .menu.prestige-menu .nav-dropbtn{font-size:13px !important;padding:9px 8px !important;}
  .prestige-pro-header .menu .btn{font-size:13px !important;padding:9px 12px !important;}
  .nav-cta{font-size:13px !important;padding:10px 13px !important;}
}

/* True mobile / tablet drawer only */
@media (max-width: 991px){
  .nav-cta{display:none !important;}
  .mobile-toggle{display:inline-flex !important;}
  .topbar{display:none !important;}
}