/* UAVI — normalização do drawer mobile em Safari/iPhone.
   Evita azul padrão de <a>/<button> e substitui a seta emoji por SVG. */

.mobile-drawer .drawer-link,
.mobile-drawer a.drawer-link,
.mobile-drawer button.drawer-link{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  text-decoration:none !important;
  -webkit-appearance:none;
  appearance:none;
  font-family:inherit;
}

.mobile-drawer .drawer-link > span:first-child{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}

.mobile-drawer .drawer-link .plus{
  color:var(--yellow) !important;
  -webkit-text-fill-color:var(--yellow) !important;
}

.mobile-drawer .drawer-arrow{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:#111;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:#111;
}

.mobile-drawer a,
.mobile-drawer button{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.mobile-drawer .drawer-subcard,
.mobile-drawer .drawer-subcard:visited,
.mobile-drawer .drawer-footer a,
.mobile-drawer .drawer-footer a:visited{
  text-decoration:none !important;
}

@supports (-webkit-touch-callout:none){
  .mobile-drawer .drawer-link{
    color:#111 !important;
    -webkit-text-fill-color:#111 !important;
  }
  .mobile-drawer .drawer-link .plus{
    color:var(--yellow) !important;
    -webkit-text-fill-color:var(--yellow) !important;
  }
}


/* GLOBAL MOBILE HEADER — corrige a coluna residual criada por internal.css em <=1180px.
   Esta regra é global e substitui o hotfix que antes existia apenas na página UAVI 100. */
@media (max-width:900px){
  .header .nav{
    grid-template-columns:minmax(0,1fr) auto !important;
    width:min(92vw,var(--max)) !important;
    gap:16px !important;
  }
  .header .brand{
    justify-self:start !important;
    min-width:0;
  }
  .header .menu-btn{
    display:flex !important;
    justify-self:end !important;
    margin-left:auto !important;
  }
}