/* ===================================================================
 * mobile-fixes.css — Correcoes de usabilidade mobile em portais
 *                    InsAite ProAdmin (PHP/Bootstrap 3 + DL Menu)
 *
 * Versao: 2026-05-14.01
 * Proposito:
 *  Garantir que banners (.city_main_banner) e o campo de busca
 *  (#pesquisar) permanecam clicaveis em mobile, evitando que widgets
 *  externos (UserWay) ou CSS legado herdem o controle de eventos.
 *
 * Compativel com:
 *  - Bootstrap 3.x (grid col-md-*)
 *  - jQuery DL Menu (kode-responsive-navigation)
 *  - Slick / bxSlider
 *
 * Changelog:
 *  2026-05-14.01 - Versao inicial. Corrige bug reportado em Barao de
 *                  Cotegipe. Replicavel para demais portais.
 * =================================================================== */

@media (max-width: 991px) {

  /* 1. Garante clicabilidade explicita nos banners.
   *    Sobrescreve qualquer pointer-events herdado de regras de debug
   *    ou de wrappers de slider (.slick-track, .slick-slide). */
  .city_main_banner,
  .city_main_banner > div,
  .city_main_banner .slick-list,
  .city_main_banner .slick-track,
  .city_main_banner .slick-slide {
    position: relative;
    z-index: 1;
    pointer-events: auto;
  }
  .city_main_banner a,
  .city_main_banner img {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
  }

  /* 2. Garante clicabilidade no campo de busca e no botao. */
  .city_top_form,
  .city_top_search {
    position: relative;
    z-index: 5;
    pointer-events: auto;
  }
  #pesquisar,
  #button_pesquisar {
    pointer-events: auto !important;
    position: relative;
    z-index: 6;
  }

  /* 3. Reduz z-index do wrapper do menu mobile para um valor sensato.
   *    Originalmente 1000 (component.css). Mantemos acima dos banners
   *    apenas quando o menu esta aberto (.dl-menuopen mantem o seu
   *    proprio empilhamento via opacity/pointer-events). */
  .dl-menuwrapper {
    z-index: 100;
  }

  /* 4. Defesa contra #bg_alert ressuscitado: forca inativacao se a div
   *    nao estiver presente (impede que CSS orfao pegue por engano). */
  body > #bg_alert:empty {
    display: none !important;
    pointer-events: none !important;
  }
}