/* Ajustes so para o que era feito por PHP/JS do WordPress.
   Nada de redesenho: o visual vem do CSS do Elementor. */

/* acessibilidade: link de pular conteudo */
.skip-link.screen-reader-text{position:absolute;left:-9999px;top:0}
.skip-link.screen-reader-text:focus{left:6px;top:6px;z-index:100000;
  background:#fff;color:#263765;padding:12px 18px;border-radius:3px;
  box-shadow:0 2px 8px rgba(0,0,0,.3);outline:2px solid #DFAA18}
.elementor-screen-only,.screen-reader-text{position:absolute;width:1px;height:1px;
  padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* menu: NADA aqui de proposito. O widget-nav-menu.min.css do Elementor Pro ja
   cobre reset de lista, padding do item, layout horizontal, esconder/mostrar por
   breakpoint (--dropdown-mobile) e abrir/fechar o dropdown pelo irmao adjacente
   do .elementor-menu-toggle.elementor-active. Regra minha aqui carrega por
   ultimo e atropelaria o do plugin -- foi o que quebrou o menu mobile. */

/* NAO estilizamos aqui .jet-listing-grid__items, .grid-col-* nem
   .jet-smart-listing__*: esse CSS vem do jet-engine/frontend.css e do
   jet-blog.css, que agora entram no framework.css. Este arquivo carrega por
   ultimo, entao qualquer regra nossa venceria a do plugin e desfaria o layout
   original (o Jet usa flex + var(--columns), nao grid). */

/* o slick e um plugin jQuery que nao temos: o js/main.js monta a mesma
   estrutura (slick-list/slick-track/slick-slide) para o CSS do Jet casar.
   Isto abaixo e so o que o slick aplicava via style inline. */
.jet-listing-grid__slider .slick-track{display:flex;align-items:stretch;
  transition:transform .5s ease}
.jet-listing-grid__slider .slick-slide{flex:0 0 auto}
.jet-listing-grid__slider-icon.slick-arrow{cursor:pointer;z-index:2}
.jet-listing-grid__slider-icon.slick-arrow.prev-arrow{left:0}

/* popup do whatsapp */
.elementor-popup{position:fixed;inset:0;z-index:9999;display:none;
  align-items:flex-end;justify-content:flex-end;padding:24px;pointer-events:none}
.elementor-popup.is-open{display:flex}
.elementor-popup>.elementor{pointer-events:auto;max-width:360px}

/* o form estatico nao envia: deixa claro que vai pro whatsapp */
form[data-static-form] .elementor-field-group{margin-bottom:14px}