/* V132 — menu mobile definitivo com painel real e tema funcional */
@media (max-width:860px){
  html,body{overflow-x:hidden!important;max-width:100%!important;}
  body.nav-open-v71{overflow:hidden!important;touch-action:none!important;}

  .site-header,
  .site-header .nav-shell{overflow:visible!important;}
  .site-header{z-index:2147483642!important;}
  .site-header .nav-toggle,
  .site-header .theme-toggle{position:relative!important;z-index:2147483647!important;}

  /* o menu original do header fica escondido no mobile; o painel real é renderizado no body */
  .site-header .nav-menu{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .mobile-nav-panel-v132{
    position:fixed;
    top:max(82px, calc(env(safe-area-inset-top) + 72px));
    left:12px;
    right:12px;
    z-index:2147483646;
    display:flex;
    flex-direction:column;
    gap:8px;
    width:auto;
    max-height:calc(100dvh - 96px - env(safe-area-inset-bottom));
    padding:12px;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    border:1px solid rgba(70,154,245,.22);
    border-radius:22px;
    background:linear-gradient(145deg,rgba(250,253,255,.99),rgba(233,244,255,.985));
    box-shadow:0 28px 90px rgba(5,25,55,.28), inset 0 1px 0 rgba(255,255,255,.96);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-10px) scale(.985);
    transform-origin:top center;
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  html[data-theme="dark"] .mobile-nav-panel-v132{
    border-color:rgba(111,187,255,.18);
    background:linear-gradient(145deg,rgba(8,20,38,.99),rgba(12,30,54,.985));
    box-shadow:0 28px 96px rgba(0,0,0,.58), inset 0 1px 0 rgba(255,255,255,.06);
  }
  .mobile-nav-panel-v132.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0) scale(1);
  }
  .mobile-nav-panel-v132 .nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:52px!important;
    padding:14px 16px!important;
    margin:0!important;
    border:1px solid rgba(49,130,220,.14)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.86)!important;
    color:#0b1b35!important;
    opacity:1!important;
    font-size:15px!important;
    font-weight:850!important;
    text-align:left!important;
    text-decoration:none!important;
    box-shadow:none!important;
    transform:none!important;
  }
  .mobile-nav-panel-v132 .nav-link::after{display:none!important;}
  .mobile-nav-panel-v132 .nav-link:hover,
  .mobile-nav-panel-v132 .nav-link:focus-visible{
    color:#0b1b35!important;
    background:#ffffff!important;
    border-color:rgba(49,130,220,.22)!important;
  }
  .mobile-nav-panel-v132 .nav-link.active{
    color:#fff!important;
    background:linear-gradient(135deg,#149dff,#006ee8)!important;
    border-color:transparent!important;
    box-shadow:0 12px 28px rgba(0,111,232,.22)!important;
  }
  html[data-theme="dark"] .mobile-nav-panel-v132 .nav-link{
    background:rgba(255,255,255,.055)!important;
    color:#f6f9ff!important;
    border-color:rgba(126,203,255,.10)!important;
  }
  html[data-theme="dark"] .mobile-nav-panel-v132 .nav-link:hover,
  html[data-theme="dark"] .mobile-nav-panel-v132 .nav-link:focus-visible{
    background:rgba(255,255,255,.075)!important;
    color:#ffffff!important;
    border-color:rgba(126,203,255,.18)!important;
  }
  html[data-theme="dark"] .mobile-nav-panel-v132 .nav-link.active{
    color:#fff!important;
    background:linear-gradient(135deg,#149dff,#006ee8)!important;
    border-color:transparent!important;
  }

  .nav-backdrop-v71{
    position:fixed!important;
    inset:0!important;
    z-index:2147483644!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    border:0!important;
    background:rgba(2,8,18,.34)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease, visibility .18s ease!important;
  }
  .nav-backdrop-v71.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  /* setas do banner mais discretas no mobile */
  .site-banner-control-v64,
  .hqt-home-institutional-carousel-v109 .site-banner-control-v64,
  .hqt-home-institutional-carousel-v112 .site-banner-control-v64,
  .product-carousel-control{
    opacity:.34!important;
    background:rgba(0,119,235,.34)!important;
    border-color:rgba(255,255,255,.18)!important;
    box-shadow:0 8px 18px rgba(0,54,130,.14)!important;
    backdrop-filter:blur(4px)!important;
    -webkit-backdrop-filter:blur(4px)!important;
  }
  .site-banner-control-v64:active,
  .site-banner-control-v64:focus-visible,
  .product-carousel-control:active,
  .product-carousel-control:focus-visible{
    opacity:.56!important;
    background:rgba(0,119,235,.50)!important;
  }
}