/* V318 - Mobile: modais dos botões flutuantes acima do topo/header */

@media(max-width:900px){
  /*
    O topo/menu/header estava ficando acima dos painéis.
    Estes z-index deixam WhatsApp, Acessibilidade e Roteiro IA na frente.
  */

  .whatsapp-float-v252,
  .casttur-a11y-widget,
  .ai-route-float-v292{
    z-index:2147482500!important;
  }

  .whatsapp-float-v252 .whatsapp-panel-v252,
  .casttur-a11y-widget .casttur-a11y-panel,
  .casttur-a11y-panel,
  .accessibility-panel,
  .a11y-panel,
  .assistencia-panel,
  .assistive-panel,
  .site-assist-panel{
    z-index:2147483000!important;
  }

  /* WhatsApp modal/painel na frente e bem posicionado no mobile */
  .whatsapp-float-v252 .whatsapp-panel-v252{
    position:fixed!important;
    right:14px!important;
    bottom:86px!important;
    left:auto!important;
    top:auto!important;
    max-width:calc(100vw - 28px)!important;
    width:min(360px, calc(100vw - 28px))!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  /* Painel de acessibilidade na frente, sem ficar atrás do topo */
  .casttur-a11y-widget .casttur-a11y-panel,
  .casttur-a11y-panel{
    position:fixed!important;
    right:14px!important;
    bottom:148px!important;
    left:auto!important;
    top:auto!important;
    max-width:calc(100vw - 28px)!important;
    width:min(320px, calc(100vw - 28px))!important;
    transform:none!important;
    pointer-events:auto!important;
  }

  .casttur-a11y-widget.open .casttur-a11y-panel{
    transform:none!important;
    opacity:1!important;
    pointer-events:auto!important;
  }

  /* Caso algum modal use overlay próprio, também fica na frente */
  .whatsapp-modal,
  .whatsapp-overlay,
  .float-modal,
  .floating-modal,
  .assist-modal,
  .a11y-modal,
  .accessibility-modal{
    z-index:2147483000!important;
  }

  /* Se existir backdrop desses modais, ele também fica acima do topo */
  .whatsapp-backdrop,
  .float-backdrop,
  .assist-backdrop,
  .a11y-backdrop,
  .accessibility-backdrop{
    z-index:2147482900!important;
  }

  /* O header/topo não pode passar por cima dos modais flutuantes */
  .top-strip,
  .top-bar,
  .topbar,
  .site-topbar,
  .site-header,
  .header,
  .main-header,
  .nav,
  .nav-bar,
  .desktop-menu,
  .mobile-header{
    z-index:1000!important;
  }

  /* Mas o menu mobile aberto continua acima quando realmente estiver aberto */
  #castturMobileNav.open,
  .casttur-mobile-menu-v273.open,
  .mmenu-v272.open{
    z-index:2147483100!important;
  }
}

@media(max-width:420px){
  .whatsapp-float-v252 .whatsapp-panel-v252{
    right:10px!important;
    bottom:78px!important;
    max-width:calc(100vw - 20px)!important;
    width:calc(100vw - 20px)!important;
  }

  .casttur-a11y-widget .casttur-a11y-panel,
  .casttur-a11y-panel{
    right:10px!important;
    bottom:136px!important;
    max-width:calc(100vw - 20px)!important;
    width:calc(100vw - 20px)!important;
  }
}