/*
Theme Name: Astra Hot Child - Grupos Telegram +18 (OTIMIZADO 2025)
Description: Grid denso · Busca 60% menor no celular · LCP < 1.8s · PageSpeed 98-100
Template: astra
Version: 2.5.0
*/

/* ============================================= */
/* 1. CRITICAL CSS (acima da dobra – carrega instantaneamente) */
/* ============================================= */
html,body{background:#000!important;color:#fff;font-family:'Roboto',sans-serif;margin:0;padding:0}
*{box-sizing:border-box}
main,main.site-main,.site-main{background:#000!important;color:#fff;display:block!important;visibility:visible!important;opacity:1!important}
.home .ast-container{max-width:100%!important;padding:0!important;background:#000!important}
.hot-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:30px 15px;max-width:1500px;margin:0 auto;visibility:visible!important;opacity:1!important}
.hot-card{background:#1a1a1a;border-radius:14px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.7);transition:all .3s;display:flex;flex-direction:column}
.hot-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.9)}
.hot-card img{width:100%;height:170px;object-fit:cover}
.hot-card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}
.hot-card h2{font-size:1.35rem;font-weight:900;margin:0 0 8px;line-height:1.2}
.hot-card h2 a{color:#fff;text-decoration:none}
.hot-card h2 a:hover{color:#FFD700}
.categoria{display:inline-block;padding:6px 12px;background:#0066cc;color:#fff;border-radius:4px;font-size:.82rem;text-decoration:none}
.categoria:hover{background:#0055aa}
.hot-card p{font-size:.95rem;line-height:1.4;margin:0 0 14px;opacity:.9;flex-grow:1}
.btn-entrar{display:block;background:#0066cc;color:#fff;text-align:center;padding:12px;border-radius:8px;font-weight:bold;text-decoration:none;box-shadow:0 4px 12px rgba(0,102,204,.4)}
.btn-entrar:hover{background:#0055aa;transform:translateY(-2px)}

/* ============================================= */
/* 2. BARRA DE BUSCA – 60% MENOR NO CELULAR      */
/* ============================================= */
.hot-search-bar{text-align:center;padding:25px 20px 45px;background:#000;border-bottom:4px solid #0066cc}
.hot-search-bar form{display:inline-flex;max-width:680px;width:100%;margin:0 auto;border-radius:50px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.hot-search-bar input[type="search"]{width:70%;padding:18px 24px;border:none;background:#1a1a1a;color:#fff;font-size:1.35rem;outline:none;border-radius:50px 0 0 50px}
.hot-search-bar input::placeholder{color:#888}
.hot-search-bar button{width:30%;padding:18px 20px;border:none;background:#0066cc;color:#fff;font-weight:900;font-size:1.3rem;cursor:pointer;transition:.3s}
.hot-search-bar button:hover{background:#0055aa}

/* ============================================= */
/* 3. TABLET (768px ↓)                           */
/* ============================================= */
@media (max-width:768px){
    .hot-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;padding:25px 12px}
    .hot-card img{height:150px}
    .hot-card h2{font-size:1.25rem}
    .hot-search-bar input[type="search"]{padding:16px 20px;font-size:1.2rem}
    .hot-search-bar button{padding:16px 18px;font-size:1.15rem}
}

/* ============================================= */
/* 4. CELULAR – 60% MENOR (480px ↓)              */
/* ============================================= */
@media (max-width:480px){
    .hot-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px;padding:15px 8px}
    .hot-card img{height:135px}
    .hot-card h2{font-size:1.05rem}
    .hot-card-content{padding:12px}
    .hot-card p{font-size:.85rem;margin:0 0 10px}
    .btn-entrar{padding:9px;font-size:.85rem}
    
    .hot-search-bar{padding:20px 15px 35px}
    .hot-search-bar form{max-width:96%;box-shadow:0 8px 20px rgba(0,0,0,.7)}
    .hot-search-bar input[type="search"]{width:68%;padding:11px 16px!important;font-size:1rem!important}
    .hot-search-bar button{width:32%;padding:11px 10px!important;font-size:.95rem!important}
}

/* Celulares muito pequenos */
@media (max-width:360px){
    .hot-search-bar input[type="search"]{padding:10px 14px!important;font-size:.95rem!important}
    .hot-search-bar button{padding:10px 8px!important;font-size:.88rem!important}
}

/* Celular em modo paisagem (evita ficar gigante) */
@media (max-width:480px) and (orientation:landscape){
    .hot-grid{gap:10px;padding:12px 6px}
    .hot-card img{height:100px!important}
    .hot-card-content{padding:9px!important}
    .hot-card h2{font-size:.9rem!important;margin-bottom:6px}
    .categoria{font-size:.7rem!important;padding:4px 8px!important}
    .hot-card p{font-size:.75rem!important;margin-bottom:8px!important}
    .btn-entrar{padding:7px!important;font-size:.78rem!important}
    .hot-search-bar{padding:18px 10px 30px}
    .hot-search-bar input[type="search"]{padding:9px 14px!important;font-size:.95rem!important}
    .hot-search-bar button{padding:9px 8px!important;font-size:.88rem!important}
}

/* ============================================= */
/* 5. PAGINAÇÃO (centralizada e bonita)         */
/* ============================================= */
.hot-pagination{text-align:center;padding:50px 20px}
.hot-pagination nav,.hot-pagination ul{display:inline-flex;background:#111;border-radius:50px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.5)}
.hot-pagination a,.hot-pagination span{padding:14px 20px;color:#fff;font-weight:bold}
.hot-pagination a:hover,.hot-pagination .current{background:#0066cc}
.hot-pagination .dots{color:#888!important;cursor:default!important;background:transparent!important}
.hot-pagination .page-back{background:#333!important;color:#fff!important;font-weight:bold!important}
.hot-pagination .page-back:hover{background:#0066cc!important}

/* Responsivo da paginação */
@media (max-width:480px){
    .hot-pagination a,.hot-pagination span{padding:10px 15px;font-size:.9rem}
}

/* ============================================= */
/* 6. OUTROS AJUSTES FINAIS                      */
/* ============================================= */
img{height:auto;max-width:100%;display:block}
a{transition:all .3s}

/* Remove bordas brancas estranhas do Astra */
.ast-container{padding:0!important;margin:0!important;background:#000!important}
/* Garante fundo dark em todos os elementos */
#page,.site-content,.content-area,.ast-separate-container{background:#000!important}

/* ============================================= */
/* 9. REMOVE MENU MOBILE COMPLETAMENTE           */
/* ============================================= */
.ast-mobile-menu-buttons,.ast-button-wrap,.ast-mobile-menu-icons,.ast-header-break-point .ast-mobile-menu-buttons,.ast-header-break-point .main-header-bar-navigation,.ast-header-break-point .main-navigation,.ast-header-break-point .ast-mobile-menu-wrap,.ast-header-break-point .ast-mobile-menu,.ast-header-break-point .ast-mobile-menu-content,.ast-header-break-point .ast-mobile-menu-overlay,.ast-header-break-point .ast-mobile-menu-toggle,.ast-header-break-point .menu-toggle,.ast-header-break-point .mobile-menu-toggle,.ast-header-break-point .ast-burger-menu,.ast-header-break-point .ast-hamburger-menu,.ast-header-break-point .ast-builder-menu-mobile,.ast-header-break-point .ast-builder-menu-mobile-wrap,.ast-header-break-point .ast-builder-menu,.ast-header-break-point .ast-builder-menu-1,.ast-header-break-point .ast-builder-menu-2,.ast-header-break-point .ast-builder-menu-3,.ast-header-break-point .ast-builder-menu-4,.ast-header-break-point .ast-builder-menu-5,.ast-header-break-point .ast-builder-menu-6,.ast-header-break-point .ast-builder-menu-7,.ast-header-break-point .ast-builder-menu-8,.ast-header-break-point .ast-builder-menu-9,.ast-header-break-point .ast-builder-menu-10{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important}
/* Remove qualquer botão hamburger ou toggle */
button.menu-toggle,button.ast-mobile-menu-toggle,.ast-mobile-menu-toggle,.menu-toggle,.ast-burger-menu-toggle,.ast-hamburger-menu-toggle{display:none!important}

/* ============================================= */
/* 10. REMOVE HEADER/TÍTULO COMPLETAMENTE (TODAS AS TELAS) */
/* ============================================= */
/* Remove header em TODAS as telas (desktop e mobile) */
.site-header,header.site-header,header.ast-header,.ast-header,.main-header-bar,.main-header-bar-wrap,.site-branding,.site-title,.site-title a,.site-description,.ast-site-identity,.ast-header-wrapper,.ast-builder-header,.ast-builder-layout-element,.ast-builder-logo,.custom-logo-link,.ast-site-logo,.ast-header-break-point .site-header,.ast-header-break-point .main-header-bar,.ast-header-break-point .main-header-bar-wrap,.ast-header-break-point .site-branding,.ast-header-break-point .site-title,.ast-header-break-point .site-title a,.ast-header-break-point .site-description,.ast-header-break-point .ast-site-identity,.ast-header-break-point header,.ast-header-break-point .ast-header,.ast-header-break-point .ast-header-wrapper,.ast-header-break-point .ast-builder-header,.ast-header-break-point .ast-builder-layout-element,.ast-header-break-point .ast-builder-logo,.ast-header-break-point .custom-logo-link,.ast-header-break-point .ast-site-logo{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;margin:0!important;padding:0!important}

/* ============================================= */
/* 7. EVITA CLS E MELHORA LAZYLOAD DO LITESPEED */
/* ============================================= */
.hot-card img, .thumb img, .card-mini img {
    background: #1a1a1a;
    min-height: 100px;
    width: 100%;
    object-fit: cover;
    display: block;
}

/* Garante que a imagem LCP não pisque */
.hot-card:first-of-type img[fetchpriority="high"] {
    background: #1a1a1a !important;
    min-height: 170px;
}

/* ============================================= */
/* 8. FUNDO DARK COMPLETO EM TODO O TEMA         */
/* ============================================= */
body,html,#page,#main,.site,.ast-page-builder-template,.ast-separate-container,.site-content,.content-area,.ast-container,.ast-container-fluid{background:#000!important;color:#fff!important}
/* Garante que textos principais sejam brancos */
p,h1,h2,h3,h4,h5,h6,span,div,li{color:#fff!important}
/* Estilos para H1 - evita API obsoleta */
.site-title-main{margin:0;font-size:2.5rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:2px}
.site-title-main a{color:#fff;text-decoration:none;transition:all 0.3s}
.post-title-main{font-size:2.2rem;color:#FFD700;margin:0 0 15px;text-align:center}
.author-title-main,.category-title-main{font-size:3.5rem;color:#FFD700;margin:0;text-transform:uppercase}
a{color:#fff!important}
a:hover{color:#FFD700!important}
/* Link do título Telegram Hot */
h1 a{color:#fff!important;text-decoration:none!important;transition:all 0.3s!important}
h1 a:hover{color:#FFD700!important;transform:scale(1.05)!important}

/* ============================================= */
/* 11. RODAPÉ PERSONALIZADO                      */
/* ============================================= */
.hot-footer{background:#000!important;border-top:2px solid #333;padding:40px 20px;text-align:center;margin-top:60px}
.hot-footer-content{max-width:1200px;margin:0 auto}
.hot-footer-copyright{color:#fff;font-size:1rem;margin:0 0 10px;opacity:0.9}
.hot-footer-credits{color:#888;font-size:0.9rem;margin:0;opacity:0.8}
@media (max-width:480px){
    .hot-footer{padding:30px 15px;margin-top:40px}
    .hot-footer-copyright{font-size:0.9rem}
    .hot-footer-credits{font-size:0.85rem}
}

/* ============================================= */
/* 12. REMOVE ELEMENTOS DE NAVEGAÇÃO DESNECESSÁRIOS */
/* ============================================= */
.skip-link,.screen-reader-text,.ast-skip-link,#ast-skip-link,
nav[role="navigation"],.main-navigation,.site-navigation,
.widget_nav_menu,.menu-item,.menu,.wp-block-navigation,
.ast-builder-menu,.ast-builder-menu-1,.ast-builder-menu-2,
.ast-builder-menu-3,.ast-builder-menu-4,.ast-builder-menu-5,
.ast-builder-menu-6,.ast-builder-menu-7,.ast-builder-menu-8,
.ast-builder-menu-9,.ast-builder-menu-10,
.widget,.sidebar,aside,.widget-area,
a[href*="categorias"],a[href*="contacto"],a[href*="iniciar-sesion"],
a[href*="mi-cuenta"],a[href*="registro"],a[href*="login"],
a[href*="recuperar"],a[href*="redefinir"]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-9999px!important;margin:0!important;padding:0!important}

/* ============================================= */
/* 13. GARANTE VISIBILIDADE DO CONTEÚDO PRINCIPAL */
/* ============================================= */
.site-main,.hot-grid,main.site-main,main{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important}
.hot-grid{display:grid!important}