/**
 * Responsive Utilities - Tema Poços Já
 * Versão: 3.2 - FIXES DE OVERFLOW ADICIONADOS
 * 
 * ATUALIZAÇÃO v3.2:
 * - Fixes globais de overflow-x
 * - max-width: 100% em containers de anúncios
 * 
 * ATUALIZAÇÃO v3.1:
 * - Anúncios automaticamente centralizados
 * - text-align: center em todos os containers
 * - margin: auto para centralização horizontal
 * 
 * SIMPLIFICAÇÃO v3.0:
 * - Removidos tablet-portrait e tablet-landscape
 * - Apenas 2 dispositivos: MOBILE (0-767px) e DESKTOP (768px+)
 * - Breakpoint único: 768px
 * - Código mais limpo, performático e fácil de manter
 * 
 * DISPOSITIVOS:
 * - Mobile:   0 - 767px
 * - Desktop:  768px+
 * 
 * CLASSES SUPORTADAS:
 * - td-visible-phone / pj-visible-phone (mobile)
 * - td-visible-desktop / pj-visible-desktop (desktop)
 * - td-hidden-phone / pj-hidden-phone
 * - td-hidden-desktop / pj-hidden-desktop
 */

/* === FIX GLOBAL DE OVERFLOW === */
html, body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* ===================================================================
   MOBILE - Visível apenas em 0-767px
   =================================================================== */

.pj-visible-phone,
.pj-visible-mobile,
.td-visible-phone {
  display: revert !important;
  visibility: visible !important;
  opacity: 1 !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 100% !important; /* FIX OVERFLOW */
  overflow: hidden !important; /* FIX OVERFLOW */
}

@media (min-width: 768px) {
  .pj-visible-phone,
  .pj-visible-mobile,
  .td-visible-phone {
    display: none !important;
  }
}

/* ===================================================================
   DESKTOP - Visível apenas em 768px+
   =================================================================== */

.pj-visible-desktop,
.td-visible-desktop {
  display: none !important;
}

@media (min-width: 768px) {
  .pj-visible-desktop,
  .td-visible-desktop {
    display: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100% !important; /* FIX OVERFLOW */
    overflow: hidden !important; /* FIX OVERFLOW */
  }
}

/* ===================================================================
   HIDDEN MOBILE
   =================================================================== */

.pj-hidden-phone,
.pj-hidden-mobile,
.td-hidden-phone {
  display: none !important;
}

@media (min-width: 768px) {
  .pj-hidden-phone,
  .pj-hidden-mobile,
  .td-hidden-phone {
    display: revert !important;
  }
}

/* ===================================================================
   HIDDEN DESKTOP
   =================================================================== */

.pj-hidden-desktop,
.td-hidden-desktop {
  display: revert !important;
}

@media (min-width: 768px) {
  .pj-hidden-desktop,
  .td-hidden-desktop {
    display: none !important;
  }
}

/* ===================================================================
   COMPATIBILIDADE COM ANÚNCIOS - CRÍTICO!
   =================================================================== */

/* Anúncios Mobile (0-767px) */
.pj-ad-mobile,
.td-ad-mobile,
.pj-visible-phone .adsbygoogle,
.pj-visible-mobile .adsbygoogle,
.td-visible-phone .adsbygoogle,
.pj-visible-phone ins.adsbygoogle,
.pj-visible-mobile ins.adsbygoogle,
.td-visible-phone ins.adsbygoogle {
  display: inline-block !important;
  margin: 20px auto;
  text-align: center;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100%;
  overflow: hidden; /* FIX OVERFLOW */
}

@media (min-width: 768px) {
  .pj-ad-mobile,
  .td-ad-mobile,
  .pj-visible-phone .adsbygoogle,
  .pj-visible-mobile .adsbygoogle,
  .td-visible-phone .adsbygoogle,
  .pj-visible-phone ins.adsbygoogle,
  .pj-visible-mobile ins.adsbygoogle,
  .td-visible-phone ins.adsbygoogle {
    display: none !important;
  }
}

/* Anúncios Desktop (768px+) */
.pj-ad-desktop,
.td-ad-desktop,
.pj-visible-desktop .adsbygoogle,
.td-visible-desktop .adsbygoogle,
.pj-visible-desktop ins.adsbygoogle,
.td-visible-desktop ins.adsbygoogle {
  display: none !important;
}

@media (min-width: 768px) {
  .pj-ad-desktop,
  .td-ad-desktop,
  .pj-visible-desktop .adsbygoogle,
  .td-visible-desktop .adsbygoogle,
  .pj-visible-desktop ins.adsbygoogle,
  .td-visible-desktop ins.adsbygoogle {
    display: inline-block !important;
    margin: 20px auto;
    text-align: center;
    visibility: visible !important;
    opacity: 1 !important;
    max-width: 100%;
    overflow: hidden; /* FIX OVERFLOW */
  }
}

/* ===================================================================
   FORÇAR VISIBILIDADE DE IMAGENS
   =================================================================== */

.pj-visible-phone img,
.pj-visible-mobile img,
.td-visible-phone img,
.pj-visible-desktop img,
.td-visible-desktop img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100%;
  height: auto;
}

/* ===================================================================
   AD INSERTER - COMPATIBILIDADE ESPECÍFICA
   =================================================================== */

[class*="code-block"],
[id*="AI_"],
.ai-insert,
.ai-rotate {
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important; /* FIX OVERFLOW */
  overflow: hidden !important; /* FIX OVERFLOW */
}

[class*="code-block"] img,
[id*="AI_"] img,
.ai-insert img,
.ai-rotate img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100%;
  height: auto;
}

/* ===================================================================
   UTILITIES EXTRAS
   =================================================================== */

/* Centralizar anúncios */
.pj-ad-center,
.td-ad-center {
  display: block !important;
  margin: 20px auto !important;
  text-align: center !important;
  max-width: 100% !important; /* FIX OVERFLOW */
  overflow: hidden !important; /* FIX OVERFLOW */
}

/* Container de anúncio responsivo */
.pj-ad-container,
.td-ad-container {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
}

/* ===================================================================
   BREAKPOINTS DOCUMENTADOS
   =================================================================== */

/*
  BREAKPOINT ÚNICO: 768px
  
  Mobile:    0 - 767px
  Desktop:   768px+
  
  Baseado em estatísticas do Google Analytics:
  - 90% mobile
  - 10% desktop
  
  Breakpoint de 768px é padrão da indústria e funciona bem
  para tablets (que são tratados como desktop)
*/

/* ===================================================================
   FIM DO ARQUIVO - v3.2 FIXES DE OVERFLOW
   Desenvolvido por: Juliano Borges
   Para: Tema Poços Já (GeneratePress)
   
   CHANGELOG v3.2:
   - ADICIONADO: Fixes globais de overflow-x
   - ADICIONADO: max-width: 100% em containers
   - ADICIONADO: overflow: hidden em anúncios
   
   CHANGELOG v3.1:
   - ADICIONADO: Centralização automática de anúncios
   - ADICIONADO: text-align: center !important
   - ADICIONADO: margin: auto para centralização
   
   CHANGELOG v3.0:
   - SIMPLIFICADO: Apenas mobile/desktop (removidos tablets separados)
   - OTIMIZADO: Código mais limpo e performático
   - MANTIDO: Todas as funcionalidades essenciais
   - COMPATÍVEL: Ad Inserter, AdSense, imagens
   =================================================================== */