/**
 * Responsive Utilities - Tema Poços Já
 * Versão: 2.0 - Compatibilidade Dupla
 * 
 * IMPORTANTE: Este arquivo suporta AMBAS as nomenclaturas:
 * - td-visible-* (antigas do Newspaper)
 * - pj-visible-* (novas do Tema Poços Já)
 * 
 * Assim você NÃO precisa alterar o banco de dados!
 * Todo o conteúdo antigo continua funcionando perfeitamente.
 */

/* ===================================================================
   MOBILE - Visível apenas em dispositivos móveis
   Suporta: pj-visible-phone E td-visible-phone
   =================================================================== */

.pj-visible-phone,
.td-visible-phone {
  display: block !important;
}

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

/* ===================================================================
   DESKTOP - Visível apenas em desktop
   Suporta: pj-visible-desktop E td-visible-desktop
   =================================================================== */

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

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

/* ===================================================================
   TABLET LANDSCAPE - Tablets em modo paisagem
   Suporta: pj-visible-tablet-landscape E td-visible-tablet-landscape
   =================================================================== */

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

@media (min-width: 768px) and (max-width: 1023px) {
  .pj-visible-tablet-landscape,
  .td-visible-tablet-landscape {
    display: block !important;
  }
}

/* ===================================================================
   TABLET PORTRAIT - Tablets em modo retrato
   Suporta: pj-visible-tablet-portrait E td-visible-tablet-portrait
   =================================================================== */

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

@media (min-width: 600px) and (max-width: 767px) {
  .pj-visible-tablet-portrait,
  .td-visible-tablet-portrait {
    display: block !important;
  }
}

/* ===================================================================
   HIDDEN MOBILE - Oculto em dispositivos móveis
   Suporta: pj-hidden-phone E td-hidden-phone
   =================================================================== */

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

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

/* ===================================================================
   HIDDEN DESKTOP - Oculto em desktop
   Suporta: pj-hidden-desktop E td-hidden-desktop
   =================================================================== */

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

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

/* ===================================================================
   HIDDEN TABLET LANDSCAPE
   Suporta: pj-hidden-tablet-landscape E td-hidden-tablet-landscape
   =================================================================== */

.pj-hidden-tablet-landscape,
.td-hidden-tablet-landscape {
  display: block !important;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .pj-hidden-tablet-landscape,
  .td-hidden-tablet-landscape {
    display: none !important;
  }
}

/* ===================================================================
   HIDDEN TABLET PORTRAIT
   Suporta: pj-hidden-tablet-portrait E td-hidden-tablet-portrait
   =================================================================== */

.pj-hidden-tablet-portrait,
.td-hidden-tablet-portrait {
  display: block !important;
}

@media (min-width: 600px) and (max-width: 767px) {
  .pj-hidden-tablet-portrait,
  .td-hidden-tablet-portrait {
    display: none !important;
  }
}

/* ===================================================================
   DISPLAY VARIANTS - Para elementos inline
   =================================================================== */

/* Inline */
.pj-visible-phone-inline,
.td-visible-phone-inline {
  display: inline !important;
}

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

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

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

/* Inline-block */
.pj-visible-phone-inline-block,
.td-visible-phone-inline-block {
  display: inline-block !important;
}

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

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

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

/* Flex */
.pj-visible-phone-flex,
.td-visible-phone-flex {
  display: flex !important;
}

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

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

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

/* ===================================================================
   BREAKPOINTS DE REFERÊNCIA
   =================================================================== */

/*
  Mobile:              < 600px
  Tablet Portrait:     600px - 767px
  Tablet Landscape:    768px - 1023px
  Desktop:             ≥ 1024px
  
  Breakpoint principal: 768px (mobile vs desktop)
*/

/* ===================================================================
   UTILITÁRIOS ADICIONAIS
   =================================================================== */

/* Text alignment responsivo */
.pj-text-center-mobile,
.td-text-center-mobile {
  text-align: center !important;
}

@media (min-width: 768px) {
  .pj-text-center-mobile,
  .td-text-center-mobile {
    text-align: inherit !important;
  }
}

.pj-text-center-desktop,
.td-text-center-desktop {
  text-align: inherit !important;
}

@media (min-width: 768px) {
  .pj-text-center-desktop,
  .td-text-center-desktop {
    text-align: center !important;
  }
}

/* Float responsivo */
.pj-float-none-mobile,
.td-float-none-mobile {
  float: none !important;
}

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

/* Width 100% em mobile */
.pj-full-width-mobile,
.td-full-width-mobile {
  width: 100% !important;
}

@media (min-width: 768px) {
  .pj-full-width-mobile,
  .td-full-width-mobile {
    width: auto !important;
  }
}

/* ===================================================================
   COMPATIBILIDADE COM ANÚNCIOS
   Importante para Ad Inserter e Google AdSense
   =================================================================== */

/* Container de anúncios responsivo */
.pj-ad-mobile,
.td-ad-mobile,
.pj-visible-phone .adsbygoogle,
.td-visible-phone .adsbygoogle {
  display: block !important;
  margin: 20px auto;
  text-align: center;
}

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

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

@media (min-width: 768px) {
  .pj-ad-desktop,
  .td-ad-desktop,
  .pj-visible-desktop .adsbygoogle,
  .td-visible-desktop .adsbygoogle {
    display: block !important;
    margin: 20px auto;
    text-align: center;
  }
}

/* ===================================================================
   FIM DO ARQUIVO
   Desenvolvido por: Juliano Borges
   Para: Tema Poços Já (GeneratePress)
   =================================================================== */