@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');

@supports (scrollbar-gutter: stable) {
  html { scrollbar-gutter: stable; }
}

.search-modal-wrap,
.search-modal-box,
.search-modal,
.search-form {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #fff !important;
}

.search-modal-wrap input.search-field.live-search-query {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: rgba(255,255,255,.5) !important;
}

.search-modal-wrap input.search-field.live-search-query::placeholder,
.search-modal-wrap input.search-field.live-search-query::-webkit-input-placeholder,
.search-modal-wrap input.search-field.live-search-query::-moz-placeholder,
.search-modal-wrap input.search-field.live-search-query:-ms-input-placeholder,
.search-modal-wrap input.search-field.live-search-query::-ms-input-placeholder {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 28px !important;
  line-height: 1.15 !important;
  color: #fff !important;
  opacity: 1 !important;
}

.search-modal-wrap p.message {
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #fff !important;
}

@media (max-width: 768px) {
  .search-modal-wrap input.search-field.live-search-query {
    font-size: 16px !important;
  }
  .search-modal-wrap input.search-field.live-search-query::placeholder,
  .search-modal-wrap input.search-field.live-search-query::-webkit-input-placeholder,
  .search-modal-wrap input.search-field.live-search-query::-moz-placeholder,
  .search-modal-wrap input.search-field.live-search-query:-ms-input-placeholder,
  .search-modal-wrap input.search-field.live-search-query::-ms-input-placeholder {
    font-size: 16px !important;
  }
}

.mfp-wrap.search-modal .mfp-close {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 999999 !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  font-size: 0 !important;
  line-height: 44px !important;
  transform: translateZ(0) !important;
}

.admin-bar .mfp-wrap.search-modal .mfp-close {
  top: 48px !important;
}

@media (max-width: 782px) {
  .mfp-wrap.search-modal .mfp-close {
    top: 10px !important;
    left: 10px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  .admin-bar .mfp-wrap.search-modal .mfp-close {
    top: 62px !important;
    left: 10px !important;
  }
}

.mfp-wrap.search-modal .mfp-close::before,
.mfp-wrap.search-modal .mfp-close::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 24px !important;
  height: 2px !important;
  background: #fff !important;
  border-radius: 2px !important;
  transform-origin: center !important;
}

.mfp-wrap.search-modal .mfp-close::before {
  transform: translate(-50%, -50%) rotate(45deg) !important;
}

.mfp-wrap.search-modal .mfp-close::after {
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

@media (max-width: 782px) {
  .mfp-wrap.search-modal .mfp-close::before,
  .mfp-wrap.search-modal .mfp-close::after {
    width: 22px !important;
  }
}
html { --sbw: calc(100vw - 100%); }

html.mfp-ready body,
html[style*="overflow: hidden"] body {
  padding-right: var(--sbw) !important;
}

html.mfp-ready body[style*="margin-right"],
html[style*="overflow: hidden"] body[style*="margin-right"] {
  margin-right: 0 !important;
}
.mfp-bg.search-modal,
.mfp-wrap.search-modal{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  height:100dvh!important;
}

@supports not (height:100dvh){
  .mfp-bg.search-modal,
  .mfp-wrap.search-modal{height:100vh!important;}
}

.mfp-bg.search-modal{
  background:#002F8A!important;
  opacity:1!important;
}

.mfp-bg.search-modal,
.mfp-wrap.search-modal,
.mfp-container,
.mfp-content{
  transition:none!important;
  animation:none!important;
}

.mfp-removing .mfp-bg.search-modal,
.mfp-removing .mfp-wrap.search-modal{
  opacity:0!important;
  transition:none!important;
}

html.mfp-ready,
body.mfp-ready,
html[style*="overflow: hidden"],
html[style*="overflow: hidden"] body{
  overflow:hidden!important;
}

.mfp-wrap.search-modal .mfp-close{
  left:16px!important;
  right:auto!important;
}

@media (max-width:782px){
  .mfp-wrap.search-modal .mfp-close{
    left:10px!important;
    right:auto!important;
  }
}

html{--sbw:calc(100vw - 100%);}

html.mfp-ready body,
html[style*="overflow: hidden"] body{
  padding-right:var(--sbw)!important;
  margin-right:0!important;
}
html body .mfp-wrap.search-modal > button.mfp-close,
html body .mfp-wrap.search-modal button.mfp-close,
html body .search-modal .mfp-close {
  position: fixed !important;
  left: 16px !important;
  right: auto !important;
  top: 16px !important;
  bottom: auto !important;
}

@media (max-width: 782px) {
  html body .mfp-wrap.search-modal > button.mfp-close,
  html body .mfp-wrap.search-modal button.mfp-close,
  html body .search-modal .mfp-close {
    left: 10px !important;
    right: auto !important;
    top: 10px !important;
  }
}

html body .mfp-bg.search-modal,
html body .mfp-wrap.search-modal {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  min-height: -webkit-fill-available !important;
}

@supports not (height: 100dvh) {
  html body .mfp-bg.search-modal,
  html body .mfp-wrap.search-modal { height: 100vh !important; }
}
/* =========================================================
   PATCH SmartMag Search Modal (Magnific Popup)
   - X sempre no lado ESQUERDO (desktop + mobile)
   - remove delay (sem transition/animation)
   - overlay 100% viewport (corrige iPhone/Safari 100vh)
   - não mexe no restante do site
   ========================================================= */

/* 1) Overlay e wrap sempre cobrindo a tela inteira */
.mfp-bg.search-modal,
.mfp-wrap.search-modal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* iOS/Safari: garante altura real da viewport (evita “sobrar site” embaixo) */
@supports (height: 100dvh) {
  .mfp-wrap.search-modal { height: 100dvh !important; }
  .mfp-bg.search-modal { height: 100dvh !important; }
}
@supports (height: 100svh) {
  .mfp-wrap.search-modal { height: 100svh !important; }
  .mfp-bg.search-modal { height: 100svh !important; }
}

/* 2) Remove animações/transições que causam atraso ao fechar */
.mfp-bg.search-modal,
.mfp-wrap.search-modal,
.mfp-wrap.search-modal .mfp-container,
.mfp-wrap.search-modal .mfp-content,
.mfp-wrap.search-modal .search-modal-wrap,
.mfp-wrap.search-modal .search-modal-box {
  transition: none !important;
  animation: none !important;
}

/* 3) Fundo do overlay (o seu azul) */
.mfp-bg.search-modal {
  background: #082548 !important;
  opacity: 1 !important;
}

/* 4) X SEMPRE à ESQUERDA (força mesmo que o tema tente jogar pra direita) */
.mfp-wrap.search-modal button.mfp-close,
.mfp-wrap.search-modal .mfp-close {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  position: fixed !important;
  top: 16px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;

  inset: 16px auto auto 16px !important; /* “mata” regras conflitantes */
  z-index: 999999 !important;

  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  margin: 0 !important;

  background: transparent !important;
  border: 0 !important;

  font-size: 0 !important; /* esconde o × original */
  line-height: 44px !important;

  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
}

/* Ajuste quando você está logado (admin-bar empurra tudo) */
.admin-bar .mfp-wrap.search-modal button.mfp-close,
.admin-bar .mfp-wrap.search-modal .mfp-close {
  top: 48px !important;
  inset: 48px auto auto 16px !important;
}

/* Mobile: um pouco menor */
@media (max-width: 782px) {
  .mfp-wrap.search-modal button.mfp-close,
  .mfp-wrap.search-modal .mfp-close {
    top: 10px !important;
    left: 10px !important;
    inset: 10px auto auto 10px !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  .admin-bar .mfp-wrap.search-modal button.mfp-close,
  .admin-bar .mfp-wrap.search-modal .mfp-close {
    top: 62px !important;
    inset: 62px auto auto 10px !important;
  }
	/* Single post: imagem destacada e imagens dos recomendados/relacionados */
.single .l-post .media,
.single .l-post .image-link,
.single .post .featured,
.single .related-posts .post-thumb,
.single .related-posts .image-link,
.single .post-nav .post-thumb,
.single .post-nav .image-link {
  border-radius: 15px !important;
  overflow: hidden !important;
}

.single .l-post .media img,
.single .l-post .image-link img,
.single .l-post .wp-post-image,
.single .post img.wp-post-image,
.single .post .featured img,
.single .related-posts img,
.single .post-nav img {
  border-radius: 15px !important;
}
/* SINGLE POST: arredondar imagens dos blocos/listagens do SmartMag
   sem afetar home nem blocos do Elementor fora do single */
.single .block-wrap .media,
.single .block-wrap .image-link,
.single .block-wrap .media-ratio {
  border-radius: 15px !important;
  overflow: hidden !important;
}

.single .block-wrap .media img,
.single .block-wrap .image-link img,
.single .block-wrap .media-ratio img,
.single .block-wrap .img {
  border-radius: 15px !important;
}

/* SINGLE POST: imagem dentro do corpo da matéria (Gutenberg/wp-block-image) */
.single .post-content-wrap .entry-content figure.wp-block-image,
.single .post-content-wrap .entry-content figure.wp-block-image img,
.single .post-content-wrap .entry-content .wp-block-image,
.single .post-content-wrap .entry-content .wp-block-image img {
  border-radius: 15px !important;
  overflow: hidden !important;
  display: block !important;
}