/*
 * Ajustes de UX e SEO aprovados (Sprints 07 e 08). Carregado depois do CSS do tema.
 */

/* ---- A2: títulos que mudaram de tag (h2/h3 → h1) mantêm o tamanho que tinham ---- */
.containerTitleCategories h1,
.search-page-section .page-title h1 {
    font-size: 36px;
}

/* Título de tag/autor/parcerias: mesmas regras de `.single-tag-block h2` do tema */
.single-tag-block h1 {
    color: #fff !important; /* o CSS inline do tema força #212121 !important em h1–h5 */
    font-weight: 700;
    line-height: 1;
    font-size: 36px;
}

/* Página "Tags" (template de categorias): o título era <h2 class="mb-3"> de 26px */
.page-title.maxw-900 h1.mb-3 {
    font-size: 26px;
}

@media screen and (max-width: 767px) {
    .containerTitleCategories h1,
    .search-page-section .page-title h1,
    .single-tag-block h1 {
        font-size: 30px;
    }
}

/* ---- P10 (opção a): texto escuro sobre o laranja da marca nos botões (contraste 5,4:1; antes 2,98:1) ---- */
#submit-btn,
.button-style,
.nl-form input[type="submit"] {
    color: #212121 !important;
}

/* Texto auxiliar da busca: #758f9d (3,4:1) → #5f7886 (4,65:1) */
.ah-search-wrap > p,
.faq-search-section .ah-search-wrap p {
    color: #5f7886;
}

/* ---- P11: largura de leitura do artigo no desktop (≈ 75 caracteres por linha) ---- */
@media (min-width: 992px) {
    .post-single-content > p,
    .post-single-content > ul,
    .post-single-content > ol,
    .post-single-content > h2,
    .post-single-content > h3,
    .post-single-content > h4,
    .post-single-content > blockquote {
        max-width: 100%;
    }
}

.post-single-content p,
.post-single-content li {
    line-height: 1.7;
}

/* ---- P12: sugestões quando a busca não encontra nada ---- */
.search-suggestions-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.search-suggestions-list a {
    font-weight: 600;
    text-decoration: underline !important;
}

/* ---- Sprint 09: título laranja do post/parceria (#E77817 sobre branco = 2,96:1 → #D96A0A = 3,49:1, mínimo AA para texto grande) ---- */
.blog-title {
    color: #d96a0a !important;
}

.post-single-content a,
.comment-content a {
    color: #d96a0a !important;
    text-decoration: underline !important;
}

/* ---- Editor Quill (painel): classes de alinhamento e recuo geradas no HTML do conteúdo. Escopo: só o corpo do post. ---- */
.post-single-content .ql-align-center {
    text-align: center;
}
.post-single-content .ql-align-right {
    text-align: right;
}
.post-single-content .ql-align-justify {
    text-align: justify;
}
.post-single-content .ql-indent-1 {
    padding-left: 3em;
}
.post-single-content .ql-indent-2 {
    padding-left: 6em;
}
.post-single-content .ql-indent-3 {
    padding-left: 9em;
}
.post-single-content img {
    max-width: 100%;
    height: auto;
}