/* ═══════════════════════════════════════════════════════════════
   SALAM RADIO DAKAR — extra.css
   Styles complémentaires : archive, search, 404, page, pagination
   À concaténer dans main.css ou enqueuer séparément
═══════════════════════════════════════════════════════════════ */

/* ── ARCHIVE LAYOUT (partagé par archive.php, category.php, search.php) ── */
.sr-archive-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 40px;
    padding-top: 36px;
    padding-bottom: 60px;
    align-items: start;
}
.sr-archive-grid { margin-bottom: 0; }

/* ── BANNIÈRE ARCHIVE GÉNÉRIQUE ── */
.sr-archive-banner {
    background: linear-gradient(135deg, var(--sr-dark) 0%, var(--sr-dark3, #242438) 100%);
    padding: 32px 0;
    border-bottom: 3px solid var(--sr-red);
}
.sr-archive-banner-inner {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 20px; flex-wrap: wrap;
}
.sr-archive-type {
    font-size: .7rem; text-transform: uppercase; letter-spacing: 1.5px;
    color: rgba(255,255,255,.4); display: block; margin-bottom: 6px;
}
.sr-archive-title {
    font-family: 'Oswald', sans-serif; font-size: 2rem; font-weight: 700;
    color: var(--sr-white); line-height: 1.15;
}
.sr-archive-desc {
    font-size: .9rem; color: rgba(255,255,255,.55); margin-top: 8px;
    max-width: 600px; line-height: 1.6;
}
.sr-archive-author-meta {
    display: flex; align-items: center; gap: 12px; margin-top: 14px;
}
.sr-archive-author-meta img { border-radius: 50%; }
.sr-archive-author-meta strong { color: var(--sr-white); font-size: .9rem; display: block; }
.sr-archive-author-meta span { color: rgba(255,255,255,.5); font-size: .8rem; }
.sr-archive-count { text-align: right; flex-shrink: 0; }
.sr-archive-count-num {
    font-family: 'Oswald', sans-serif; font-size: 2.8rem; font-weight: 700;
    color: var(--sr-red); display: block; line-height: 1;
}
.sr-archive-count-lbl {
    font-size: .72rem; color: rgba(255,255,255,.35);
    text-transform: uppercase; letter-spacing: 1px;
}

/* ── PAGINATION ── */
.sr-pagination {
    margin-top: 36px;
    display: flex; justify-content: center;
}
.sr-pagination .nav-links {
    display: flex; align-items: center; gap: 4px; flex-wrap: wrap;
}
.sr-pagination .page-numbers {
    display: inline-flex; align-items: center; justify-content: center;
    width: 40px; height: 40px; border-radius: var(--sr-radius-sm);
    font-family: 'Oswald', sans-serif; font-weight: 600; font-size: .88rem;
    border: 1px solid var(--sr-grey-200); color: var(--sr-text);
    transition: all .2s;
}
.sr-pagination .page-numbers:hover { background: var(--sr-dark); color: var(--sr-white); border-color: var(--sr-dark); }
.sr-pagination .page-numbers.current { background: var(--sr-red); color: var(--sr-white); border-color: var(--sr-red); }
.sr-pagination .page-numbers.prev,
.sr-pagination .page-numbers.next { width: auto; padding: 0 14px; }
.sr-pagination .page-numbers.dots { border: none; color: var(--sr-text-muted); width: auto; }

/* ── EMPTY STATE ── */
.sr-empty-state {
    text-align: center; padding: 60px 20px;
    display: flex; flex-direction: column; align-items: center; gap: 12px;
}
.sr-empty-icon { font-size: 3rem; }
.sr-empty-state h2 { font-family: 'Oswald', sans-serif; font-size: 1.4rem; color: var(--sr-text); }
.sr-empty-state p { color: var(--sr-text-muted); font-size: .95rem; max-width: 380px; }

/* ── RESPONSIVE ARCHIVE / SEARCH ── */
@media (max-width: 900px) {
    .sr-archive-layout { grid-template-columns: 1fr; }
    .sr-archive-sidebar { display: none; }
}
@media (max-width: 768px) {
    .sr-archive-title { font-size: 1.5rem; }
    .sr-archive-count-num { font-size: 2rem; }
    .sr-archive-layout { padding-top: 24px; padding-bottom: 36px; }
    .sr-grid-4.sr-archive-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
    .sr-grid-4.sr-archive-grid { grid-template-columns: 1fr; }
}