/* ============================================================
   Custom Post Type - Noticia
   Arquivo: noticia.css
   Propósito: Estilos para archive-noticia.php e single-noticia.php
   ============================================================ */

/* ================ archive-noticia.php ================ */

/* =================================================================== */
/* CSS do arquivo archive-noticias.php                                 */
/* =================================================================== */

    /* Grid e Cards */
    .not-grid-container {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
        gap: 30px;
        padding: 20px 0;
    }

    .not-card {
        background-color: var(--sesc-fundo);
        border-radius: 12px;
        box-shadow: var(--sesc-shadow);
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border: 1px solid var(--sesc-borda);
        position: relative;
    }

    .not-card-link {
        text-decoration: none !important;
        color: inherit;
        display: block;
        height: 100%;
    }

    .not-card-link:hover .not-card {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 74, 135, 0.15);
        border-color: rgba(0, 92, 169, 0.1);
    }

    /* Container da Imagem */
    .not-card-image-container {
        position: relative;
        padding-top: 60%;
        overflow: hidden;
        background-color: #f8f9fa;
    }

    .not-card-image-container img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.6s ease;
    }

    .not-card-link:hover .not-card-image-container img {
        transform: scale(1.08);
    }

    /* Badge de Data */
    .not-date-badge {
        position: absolute;
        top: 20px;
        left: 20px;
        background-color: var(--sesc-azul);
        color: #fff;
        border-radius: 8px;
        padding: 8px 10px;
        text-align: center;
        line-height: 1.1;
        font-weight: 700;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
        z-index: 2;
    }
    
    .not-date-badge .day { 
        font-size: 1.5rem; 
        display: block; 
    }
    
    .not-date-badge .month { 
        font-size: 0.8rem; 
        display: block; 
        text-transform: uppercase; 
        letter-spacing: 0.5px; 
    }

    /* Badge de Categoria */
    .not-category-badge {
        position: absolute;
        bottom: 15px;
        left: 15px;
        padding: 5px 12px;
        border-radius: 6px;
        font-size: 0.75rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        z-index: 2;
        color: #fff;
    }

    /* Cores específicas para cada categoria */
    .category-saude {
        background-color: var(--tag-saude, #DF332F) !important;
    }

    .category-institucional {
        background-color: var(--tag-institucional, #004C99) !important;
    }

    .category-educacao {
        background-color: var(--tag-educacao, #176EE2) !important;
    }

    .category-cultura {
        background-color: var(--tag-cultura, #330D84) !important;
    }

    .category-sustentabilidade {
        background-color: var(--tag-sustentabilidade, #068940) !important;
    }

    .category-esporte {
        background-color: var(--tag-esporte, #677F00) !important;
    }

    .category-lazer {
        background-color: var(--tag-lazer, #D41E98) !important;
    }

    .category-assistencia {
        background-color: var(--tag-assistencia, #866AAC) !important;
    }

    .category-turismo {
        background-color: var(--tag-turismo, #773DC1) !important;
    }

    /* Cores para outras categorias que possam existir */
    .category-convocacao {
        background-color: #E67E22 !important;
    }

    .category-credenciamento {
        background-color: #27AE60 !important;
    }

    .category-destaque {
        background-color: #E74C3C !important;
    }

    .category-restaurante {
        background-color: #D35400 !important;
    }

    /* Fallback para categorias não mapeadas */
    .not-category-badge:not([class*="category-"]) {
        background-color: var(--sesc-amarelo) !important;
        color: var(--sesc-preto) !important;
    }

    /* Conteúdo do Card */
    .not-card-content {
        padding: 25px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    .not-card-title {
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 1.4;
        color: var(--sesc-texto-p);
        margin: 0 0 15px 0;
        transition: color 0.3s ease;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 3.5rem;
    }
    
    .not-card-link:hover .not-card-title { 
        color: var(--sesc-azul); 
    }
    
    .not-card-excerpt {
        font-size: 0.95rem;
        color: var(--sesc-texto-s);
        line-height: 1.6;
        margin: 0 0 20px 0;
        flex-grow: 1;
    }
    .not-card-read-more {
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--sesc-azul);
        display: flex;
        align-items: center;
        gap: 5px;
        transition: gap 0.3s ease;
    }
    .not-card-link:hover .not-card-read-more { gap: 10px; }

    /* Placeholder de Imagem */
    .not-card-image-placeholder {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        display: flex; align-items: center; justify-content: center;
        background: #eee; color: #999; font-size: 3rem;
    }
    
/* ================ single-noticia.php ================ */

/* --- Layout Responsivo --- */
    @media (max-width: 991.98px) {
        .sidebar-widget-area { margin-top: 40px; }
    }

    /* --- Título da Notícia --- */
    .single-title-noticia {
        color: var(--sesc-preto); 
        font-size: 2.5rem; 
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        border-bottom: 3px solid var(--sesc-amarelo); 
        text-align: left;
    }

    /* --- Metadados (Data) --- */
    .sesc-post-meta {
        color: var(--sesc-texto-s); 
        font-size: 0.9rem;
        margin-bottom: 3rem;
        text-align: left;
    }

    /* --- Conteúdo do Post --- */
    .sesc-post-content {
        color: var(--sesc-texto-p); 
        line-height: 1.8;
        font-size: 1.1rem;
    }
    .sesc-post-content p { margin-bottom: 1.5rem; }
    .sesc-post-content h2, .sesc-post-content h3, .sesc-post-content h4 {
        color: var(--sesc-azul-escuro); 
        margin-top: 2.5rem;
        margin-bottom: 1rem;
        font-weight: 700;
    }
    .sesc-post-content a {
        color: var(--sesc-azul-royal); 
        text-decoration: underline;
        font-weight: 600; 
    }
    .sesc-post-content a:hover { color: var(--sesc-azul-escuro); }

    /* --- Seção da Galeria --- */
    .sesc-gallery-section {
        margin-top: 4rem;
        padding-top: 2rem;
        border-top: 1px solid var(--sesc-cinza-claro); 
    }
    .sesc-gallery-section .section-title {
        text-align: center;
        color: var(--sesc-preto); 
        font-weight: 700;
        margin-bottom: 2rem;
    }
    .sesc-gallery-item {
        display: block;
        overflow: hidden;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    }
    .sesc-gallery-item img {
        transition: transform 0.3s ease;
        width: 100%;
        height: 180px;
        object-fit: cover;
    }
    .sesc-gallery-item:hover img { transform: scale(1.1); }



    /* --- Notícias Relacionadas (Cards & Badges) --- */
    .not-relac-related-title {
        font-size: 1.8rem;
        color: var(--sesc-texto-p);
        font-weight: 300;
    }
    .not-relac-related-title strong { color: var(--sesc-azul); font-weight: 700; }

    .not-relac-card {
        background-color: var(--sesc-branco);
        border-radius: 12px;
        box-shadow: var(--sesc-shadow);
        overflow: hidden;
        height: 100%;
        display: flex;
        flex-direction: column;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        border: 1px solid var(--sesc-borda);
        position: relative;
    }
    .not-relac-card-link { text-decoration: none !important; color: inherit; display: block; height: 100%; }
    .not-relac-card-link:hover .not-relac-card {
        transform: translateY(-10px);
        box-shadow: 0 20px 40px rgba(0, 74, 135, 0.15);
        border-color: rgba(0, 92, 169, 0.1);
    }
    .not-relac-card-image-container { position: relative; padding-top: 60%; overflow: hidden; background-color: #f8f9fa; }
    .not-relac-card-image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
    .not-relac-card-link:hover .not-relac-card-image-container img { transform: scale(1.08); }

    .sesc-date-badge {
        position: absolute; top: 15px; left: 15px;
        background-color: var(--sesc-azul); color: #fff;
        border-radius: 8px; padding: 5px 8px;
        text-align: center; line-height: 1.1; font-weight: 700;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15); z-index: 2;
    }
    .sesc-date-badge .day { font-size: 1.2rem; display: block; }
    .sesc-date-badge .month { font-size: 0.7rem; display: block; text-transform: uppercase; }

    .sesc-category-badge {
        position: absolute; bottom: 10px; left: 10px;
        padding: 4px 10px; border-radius: 6px;
        font-size: 0.65rem; font-weight: 800;
        text-transform: uppercase; letter-spacing: 0.5px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1); z-index: 2;
        color: #fff;
    }

    /* Aplicar cores às categorias nas notícias relacionadas também */
    .sesc-category-badge.category-saude {
        background-color: var(--tag-saude, #DF332F) !important;
    }

    .sesc-category-badge.category-institucional {
        background-color: var(--tag-institucional, #004C99) !important;
    }

    .sesc-category-badge.category-educacao {
        background-color: var(--tag-educacao, #176EE2) !important;
    }

    .sesc-category-badge.category-cultura {
        background-color: var(--tag-cultura, #330D84) !important;
    }

    .sesc-category-badge.category-sustentabilidade {
        background-color: var(--tag-sustentabilidade, #068940) !important;
    }

    .sesc-category-badge.category-esporte {
        background-color: var(--tag-esporte, #677F00) !important;
    }

    .sesc-category-badge.category-lazer {
        background-color: var(--tag-lazer, #D41E98) !important;
    }

    .sesc-category-badge.category-assistencia {
        background-color: var(--tag-assistencia, #866AAC) !important;
    }

    .sesc-category-badge.category-turismo {
        background-color: var(--tag-turismo, #773DC1) !important;
    }

    .sesc-category-badge.category-convocacao {
        background-color: #E67E22 !important;
    }

    .sesc-category-badge.category-credenciamento {
        background-color: #27AE60 !important;
    }

    .sesc-category-badge.category-destaque {
        background-color: #E74C3C !important;
    }

    .sesc-category-badge.category-restaurante {
        background-color: #D35400 !important;
    }

    .sesc-category-badge:not([class*="category-"]) {
        background-color: var(--sesc-amarelo) !important;
        color: var(--sesc-preto) !important;
    }

    .not-relac-card-content { padding: 15px; display: flex; flex-direction: column; flex-grow: 1; }
    .not-relac-card-title {
        font-size: 1.1rem; font-weight: 700; line-height: 1.4;
        color: var(--sesc-texto-p); margin: 0 0 10px 0;
        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
        overflow: hidden; height: 3rem;
    }
    .not-relac-card-read-more { font-size: 0.85rem; font-weight: 700; color: var(--sesc-azul); display: flex; align-items: center; gap: 5px; }

    /* --- Ajustes de Responsividade --- */
    @media (max-width: 768px) {
        .single-title-noticia { font-size: 2rem; }
        .sesc-gallery-item img { height: 150px; }
        .not-grid-container {
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 20px;
        }
    }

    @media (max-width: 576px) {
        .not-grid-container {
            grid-template-columns: 1fr;
        }
    }