/*
 Theme Name: Hott Torturella
 Theme URI: https://hott.torturella.com.br
 Description: Child theme do Twenty Twenty-Five para Hott Torturella — Oftalmologia e Cirurgia Plástica
 Author: Hott Torturella
 Author URI: https://hott.torturella.com.br
 Template: twentytwentyfive
 Version: 1.0.0
 License: GNU General Public License v2 or later
 Text Domain: hott-torturella
*/

/* =====================================================================
   HOTT TORTURELLA — Blog Typography & Responsive Fixes
   2026-02-22 — Gen.Claudio
   Issues: (1) texto claro/pequeno no menu e conteúdo
           (2) texto saindo de boxes e sobrepondo imagem em janela estreita
   ===================================================================== */

/* ─── NAVIGATION MENU SUPERIOR ────────────────────────────────────── */
.wp-block-navigation a,
.wp-block-navigation .wp-block-navigation-item__content {
    color: #111111 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em;
}

.wp-block-navigation a:hover,
.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: #003366 !important;
}

/* Submenu items */
.wp-block-navigation .wp-block-navigation__submenu-container a {
    color: #111111 !important;
    font-size: 0.95rem !important;
    font-weight: 500 !important;
}

/* ─── TIPOGRAFIA — ESCOPO: só blog/posts, nunca sobrescreve homepage custom template ── */
.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4,
.wp-block-post-content h5,
.wp-block-post-content h6,
.wp-block-post-content .wp-block-heading {
    color: #111111;
    font-weight: 700;
}

.wp-block-post-content p,
.wp-block-post-content li,
.wp-block-post-content td,
.wp-block-post-content th,
.wp-block-post-content blockquote {
    color: #333333;
}

/* ─── BLOG ARCHIVE — TÍTULOS DOS POSTS ────────────────────────────── */
.wp-block-post-title,
.wp-block-post-title a {
    color: #111111 !important;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    line-height: 1.35;
    word-break: break-word;
    overflow-wrap: break-word;
    position: relative;
    z-index: 1;
}

/* Excerpt */
.wp-block-post-excerpt,
.wp-block-post-excerpt__excerpt,
.wp-block-post-excerpt p {
    color: #333333 !important;
    font-size: 0.95rem !important;
    line-height: 1.6;
}

/* Data, autor, meta */
.wp-block-post-date,
.wp-block-post-date a,
.wp-block-post-author,
.wp-block-post-author__name {
    color: #444444 !important;
    font-size: 0.875rem !important;
}

/* Títulos de categorias / arquivo */
.wp-block-query-title,
.archive-title,
.page-title {
    color: #111111 !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    word-break: break-word;
    overflow-wrap: break-word;
}

/* ─── FIX OVERFLOW — TEXTO SAINDO DOS BOXES ───────────────────────── */

/* Card do post: clip conteúdo que extravase */
.wp-block-post {
    overflow: hidden;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
}

/* Imagem em destaque: bloqueia crescimento para fora */
.wp-block-post-featured-image {
    overflow: hidden;
    width: 100%;
    display: block;
    max-width: 100%;
}

.wp-block-post-featured-image img {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    object-fit: cover;
}

/* Itens da lista de posts */
.wp-block-post-template li,
.wp-block-post-template > li {
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
}

/* Conteúdo interno do post */
.wp-block-post-content,
.entry-content,
.wp-block-group__inner-container {
    overflow: hidden;
    word-break: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

/* Cover blocks (hero/banner no topo da página) */
.wp-block-cover {
    overflow: hidden;
    max-width: 100%;
}

.wp-block-cover .wp-block-cover__inner-container {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}

/* Previne scroll horizontal em toda a página */
body,
.wp-site-blocks,
.wp-block-group {
    max-width: 100%;
    overflow-x: hidden;
}

/* Header fixo/sticky acima do conteúdo */
.wp-block-template-part header,
header.wp-block-template-part {
    z-index: 100;
    position: relative;
    background: #fff;
}

/* ─── CATEGORIAS / TAGS ────────────────────────────────────────────── */
.wp-block-categories,
.wp-block-categories-list,
.wp-block-tag-cloud {
    overflow: hidden;
    word-break: break-word;
}

.wp-block-categories a,
.wp-block-tag-cloud a {
    color: #111111 !important;
    font-weight: 600;
}

/* ─── RESPONSIVE — JANELA ESTREITA ────────────────────────────────── */
@media (max-width: 900px) {
    .wp-block-post-template li,
    .wp-block-post {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .wp-block-post-title,
    .wp-block-post-title a {
        font-size: 1.1rem !important;
    }

    .wp-block-query-title,
    .archive-title {
        font-size: 1.5rem !important;
    }

    .wp-block-navigation a {
        font-size: 0.95rem !important;
    }

    .wp-block-cover .wp-block-cover__inner-container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 480px) {
    .wp-block-post-title,
    .wp-block-post-title a {
        font-size: 1rem !important;
    }

    h1 { font-size: 1.5rem !important; }
    h2 { font-size: 1.25rem !important; }
    h3 { font-size: 1.1rem !important; }

    .wp-block-cover .wp-block-cover__inner-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}