/* ==========================================================================
   Cometa Diário — Responsive
   Breakpoints globais não cobertos nos arquivos individuais.
   ========================================================================== */

/* ==========================================================================
   Utilitários responsivos
   ========================================================================== */

@media (max-width: 1280px) {
    :root {
        --container-max: 100%;
    }
}

/* ==========================================================================
   Tablet — até 1024px
   ========================================================================== */
@media (max-width: 1024px) {
    /* Layout geral */
    .cd-layout,
    .cd-single-layout,
    .cd-homepage-leaderboard {
        margin-bottom: 20px;
    }

    .cd-homepage-layout {
        grid-template-columns: 1fr;
    }

    /* Sidebar vai para baixo */
    .cd-sidebar {
        order: 2;
    }

    /* Hero: empilha em coluna */
    .cd-hero {
        grid-template-columns: 1fr;
    }

    .cd-hero__secondary {
        flex-direction: row;
        gap: 16px;
    }

    .cd-hero__sec-item {
        flex: 1;
    }
}

/* ==========================================================================
   Mobile médio — até 768px
   ========================================================================== */
@media (max-width: 768px) {
    /* Header search — esconder em telas muito pequenas */
    .cd-header__search {
        max-width: 100%;
    }

    /* Hero secundários empilham */
    .cd-hero__secondary {
        flex-direction: column;
    }

    /* Category section empilha */
    .cd-cat-section__grid {
        grid-template-columns: 1fr;
    }

    /* Related posts empilha */
    .cd-related__grid {
        grid-template-columns: 1fr;
    }

    /* About grid no admin */
    .cd-about-actions {
        grid-template-columns: 1fr;
    }

    /* Post header: título menor */
    .cd-post-header__title {
        font-size: 1.5rem;
    }

}

/* ==========================================================================
   Mobile pequeno — até 600px
   ========================================================================== */
@media (max-width: 600px) {
    /* Tipografia base */
    body {
        font-size: 0.9375rem;
    }

    /* Card vira coluna (já definido em cards.css, reforço global) */
    .cd-card {
        flex-direction: column;
    }

    .cd-card__img-link {
        flex: 0 0 auto;
    }

    .cd-card__img-wrap {
        height: 200px;
    }

    /* Paginação — textos curtos no mobile */
    .cd-pagination__item .page-numbers {
        min-width: 36px;
        height: 36px;
        font-size: 0.8125rem;
    }

    .cd-pagination__item--prev .page-numbers,
    .cd-pagination__item--next .page-numbers {
        font-size: 0.75rem;
        padding-inline: 0.75rem;
    }

    /* Breadcrumb encurta */
    .cd-post-breadcrumb__current {
        display: none;
    }

    /* Form de contato — 1 coluna */
    .cd-contact-form__row--2col {
        grid-template-columns: 1fr;
    }

    /* Hero secondary: força coluna */
    .cd-hero__secondary {
        flex-direction: column;
    }

    /* Admin tabs quebram */
    .cd-admin-tabs {
        flex-direction: column;
    }

    /* 404 */
    .cd-404 {
        flex-direction: column;
        padding-block: 2rem;
        gap: 2rem;
    }

    .cd-404__number {
        font-size: 6rem;
    }

    .cd-404__suggestions {
        flex: none;
        width: 100%;
    }
}

/* ==========================================================================
   Impressão
   ========================================================================== */
@media print {
    .cd-header,
    .cd-footer,
    .cd-sidebar,
    .cd-breaking,
    .cd-share,
    .cd-related,
    .cd-nav,
    .cd-topbar,
    #cd-dark-toggle,
    .cd-menu-toggle {
        display: none !important;
    }

    body {
        font-size: 12pt;
        color: #000;
        background: #fff;
    }

    .cd-post-content a::after {
        content: ' (' attr(href) ')';
        font-size: 10pt;
        color: #555;
    }

    .cd-container {
        max-width: 100%;
        padding: 0;
    }

    .cd-single-layout {
        display: block;
    }
}