/*
 Theme Name:   Ultimate News Child
 Theme URI:    /
 Description:  Tema Filho para o Ultimate News
 Author:       Manus AI
 Author URI:   /
 Template:     ultimate-news 
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  ultimate-news-child
*/

.copyright-responsivo {
    white-space: nowrap;      /* 1 linha */
    text-align: center;       /* centralizado */
    display: block;
    max-width: 100%;
    padding: 0 12px;          /* margem lateral para não encostar */
    box-sizing: border-box;
}

/* Telas menores = diminui o texto de forma simples */
@media (max-width: 480px) {
    .copyright-responsivo {
        font-size: 13px;
    }
}

@media (max-width: 360px) {
    .copyright-responsivo {
        font-size: 11px;
    }
}

@media (max-width: 300px) {
    .copyright-responsivo {
        font-size: 10px;
    }
}



/* =====================================================
   FORÇA LAYOUT 2 COLUNAS - SIDEBAR (desktop)
   ===================================================== */
.ascendoor-page {
  display: grid !important;
  grid-template-columns: 1fr 350px !important;
  gap: 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

.ascendoor-page #primary,
.ascendoor-page main#primary {
  grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.ascendoor-page aside#secondary {
  grid-column: 2 !important;
  width: 350px !important;
  max-width: 350px !important;
  position: sticky !important;
  top: 40px !important;
}

#primary .entry-content,
#primary article {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.entry-content img,
.entry-content .elementor,
.entry-content > *:not(#tts-player-main-container):not(.tts-player-container) {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* =====================================================
   TABLET (até 1024px) - coluna única
   ===================================================== */
@media screen and (max-width: 1024px) {
  .ascendoor-page {
    display: block !important;
    padding: 0 10px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .ascendoor-page #primary,
  .ascendoor-page main#primary {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .ascendoor-page aside#secondary {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    position: relative !important;
    top: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  #primary .entry-content,
  #primary article,
  .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
}

/* =====================================================
   MOBILE (320px a 769px) - 2px nas laterais
   NÃO afeta o container do player TTS (#tts-player-main-container)
   para evitar que os botões saiam da caixa em telas pequenas
   ===================================================== */
@media screen and (min-width: 320px) and (max-width: 769px) {
  .ascendoor-page {
    padding: 0 2px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .ascendoor-page #primary,
  .ascendoor-page main#primary,
  .ascendoor-page aside#secondary,
  #primary .entry-content,
  #primary article,
  .entry-content,
  .site-main,
  .content-area {
    padding: 0 2px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Aplica max-width:100% em filhos do entry-content
     MAS exclui o player TTS para não quebrar seu layout interno */
  .entry-content img,
  .entry-content .elementor,
  .entry-content > *:not(#tts-player-main-container):not(.tts-player-container) {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Garante que o player TTS respeite seu próprio layout interno */
  #tts-player-main-container,
  .tts-player-container {
    width: 100% !important;
    max-width: 600px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .tts-player {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
}

/* =====================================================
   TELAS MUITO PEQUENAS (320px a 360px)
   Ajuste fino do player TTS para não vazar botões
   ===================================================== */
@media screen and (min-width: 320px) and (max-width: 360px) {
  #tts-player-main-container,
  .tts-player-container {
    padding: 0 4px !important;
    max-width: 100% !important;
  }

  .tts-player {
    padding: 8px 4px !important;
    gap: 1% !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
  }

  .tts-btn {
    min-width: 24px !important;
    max-width: 36px !important;
    padding: 5px !important;
  }

  .tts-btn-main {
    width: 10vw !important;
    height: 10vw !important;
    min-width: 34px !important;
    min-height: 34px !important;
    max-width: 40px !important;
    max-height: 40px !important;
  }
}

/* =====================================================
   ABAIXO DE 320px
   ===================================================== */
@media screen and (max-width: 319px) {
  .ascendoor-page {
    padding: 0 2px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #tts-player-main-container,
  .tts-player-container {
    padding: 0 2px !important;
    max-width: 100% !important;
  }

  .tts-player {
    padding: 8px 2px !important;
    gap: 1% !important;
  }

  .tts-btn {
    min-width: 22px !important;
    max-width: 32px !important;
    padding: 4px !important;
  }

  .tts-btn-main {
    width: 10vw !important;
    height: 10vw !important;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 36px !important;
    max-height: 36px !important;
  }
}




/*
Theme Name: Ultimate News Child
Theme URI: https://example.com/ultimate-news-child/
Description: Tema filho para Ultimate News com personalizações modulares de categoria.
Author: Manus AI
Author URI: https://www.manus.im
Template: ultimate-news
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-header, custom-menu, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: ultimate-news-child
*/

/* ============================================================
   CHILD THEME: ESTILOS MODULARES DE CATEGORIA
   ============================================================ */

/* Estilos para o banner */
.cat-modular-banner {
    margin-bottom: 20px; /* Espaçamento padrão abaixo do banner */
}

.cat-banner-full {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cat-banner-contained {
    /* O magazine-inside-wrap já deve conter a largura do tema */
    /* Se precisar ajustar, adicione aqui */
}

/* Estilos para o layout sem sidebar */
body.category .full-width-content {
    width: 100%;
    max-width: 100%; /* Garante que o conteúdo ocupe toda a largura disponível */
    float: none; /* Remove float se houver */
    margin-left: auto;
    margin-right: auto;
}

body.category .site-content {
    display: flex; /* Ou block, dependendo da estrutura do seu tema */
    flex-wrap: wrap;
}

body.category .site-content > #primary {
    width: 100%;
    margin-right: 0; /* Remove margem se houver */
}

body.category #secondary {
    display: none; /* Esconde a sidebar */
}

/* Ajustes para o magazine-inside-wrap em layout full-width, se necessário */
body.category .full-width-content.magazine-inside-wrap {
    padding-left: 0;
    padding-right: 0;
}

/* Adicione quaisquer outros estilos específicos do seu tema que possam ser afetados */