/* =========================
   FIX DE ROLAGEM (somente quando a timeline está presente)
   ========================= */

/* Mantém a rolagem só no HTML */
html.cec-scrollfix {
  overflow-y: auto !important;
  height: auto !important;
}

/* Garante que o body não duplique rolagem */
body.cec-scrollfix {
  overflow: visible !important;
  height: auto !important;
}

/* Wrappers comuns do tema (Jannah e similares) */
body.cec-timeline-page #tie-body,
body.cec-timeline-page .tie-container,
body.cec-timeline-page .container,
body.cec-timeline-page .site-content,
body.cec-timeline-page .content,
body.cec-timeline-page #content,
body.cec-timeline-page .main-content,
body.cec-timeline-page .content-area,
body.cec-timeline-page .entry-content,
body.cec-timeline-page .tie-post,
body.cec-timeline-page .theiaStickySidebar {
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
  min-height: auto !important;
}

/* Garante que o wrapper do shortcode contribua para a altura da página */
.cec-timeline-wrapper { display: block; clear: both; padding-bottom: 64px; }

/* =========================
   ESTILOS DA TIMELINE
   ========================= */
.cec-timeline {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 1rem;
    max-width: 1100px;
    margin: 0 auto;
    background: transparent;
}

/* Bloco por ano */
.cec-year-block {
    background: #f9f9f9;
    border-radius: 8px;
    padding: 1rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

/* Título do ano */
.cec-year {
    font-size: 1.6rem;
    color: #003399;
    margin-bottom: 1rem;
    border-bottom: 2px solid #e6eefc;
    padding-bottom: 0.3rem;
}

/* Grid de camisas do ano */
.cec-year-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

/* Card da camisa */
.cec-item {
    background: #fff;
    border-radius: 6px;
    overflow: visible;
    padding: 1rem;
    text-align: center;
    box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.cec-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

.cec-thumb img {
    max-width: 160px;
    height: auto;
    display: block;
    margin: 0 auto 0.6rem;
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    background: #fff;
}

.cec-item h3 {
    font-size: 1.05rem;
    margin-bottom: 0.35rem;
    color: #222;
}

.cec-meta { font-size: 0.92rem; color: #444; margin: 0.2rem 0; }

/* Layout responsivo */
@media (min-width: 600px) {
    .cec-year-grid {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (min-width: 900px) {
    .cec-year-grid {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
    }
    .cec-thumb img { max-width: 200px; }
}