/* =========================================================
ARCHIVE GUIDES / GUIDES-ACHAT / ACTUALITÉS
Basé sur template-parts/archive/{guide,guides-achat,news}.php
========================================================= */

/* =========================================================
WRAPPERS GLOBAUX
========================================================= */

.editorial-archive-guides,
.editorial-archive-guides-achat,
.editorial-archive-news {
padding-bottom: var(--cg-space-8);
}

/* =========================================================
HERO
========================================================= */

.editorial-archive-hero {
padding: var(--cg-space-8) 0 var(--cg-space-7);
background: var(--cg-bg-soft);
border-bottom: 1px solid var(--cg-border);
}

.editorial-archive-hero--compact {
padding: var(--cg-space-7) 0 var(--cg-space-6);
}

.editorial-archive-title {
margin: 0;
font-size: var(--cg-text-3xl);
line-height: var(--cg-leading-tight);
color: var(--cg-primary);
}

.editorial-archive-subtitle {
max-width: 720px;
margin-top: var(--cg-space-3);
font-size: var(--cg-text-md);
line-height: var(--cg-leading-relaxed);
color: var(--cg-text-soft);
}

/* =========================================================
NAV CATÉGORIES
========================================================= */

.editorial-archive-cats {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: var(--cg-space-5);
}

.editorial-cat-btn {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 14px;
border-radius: var(--cg-radius-pill);
border: 1px solid var(--cg-border);
background: #fff;
font-size: var(--cg-text-xs);
font-weight: 700;
color: var(--cg-primary);
text-decoration: none;
transition: all 0.2s ease;
}

.editorial-cat-btn:hover {
background: #fffaf5;
border-color: rgba(234, 125, 31, 0.35);
color: var(--cg-accent);
}

.editorial-cat-btn--active,
.editorial-cat-btn--active:hover {
background: var(--cg-accent);
border-color: var(--cg-accent);
color: #fff;
}

/* =========================================================
TOOLBAR (résultats)
========================================================= */

.editorial-archive-toolbar {
margin: var(--cg-space-6) 0 var(--cg-space-5);
}

.editorial-results-count {
margin: 0;
font-size: var(--cg-text-sm);
color: var(--cg-text-muted);
}

/* =========================================================
GRID PRINCIPALE (guides + guides-achat : 3 colonnes)
========================================================= */

.editorial-archive-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--cg-space-6);
}

/* Grid actualités : 2 colonnes (cards en format ligne) */

.editorial-archive-grid-news {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--cg-space-4);
}

/* =========================================================
CARD HEIGHT
========================================================= */

.editorial-archive-grid .cg-card,
.editorial-archive-grid-news .cg-card {
height: 100%;
}

/* Title guide légèrement plus grand */

.editorial-archive-grid .cg-card-title {
font-size: 1.08rem;
line-height: 1.35;
}

/* Hover léger */

.editorial-archive-grid .cg-card:hover,
.editorial-archive-grid-news .cg-card:hover {
transform: translateY(-5px);
}

/* =========================================================
PAGINATION
========================================================= */

.cg-pagination {
margin-top: var(--cg-space-8);
}

/* =========================================================
EMPTY STATE
========================================================= */

.editorial-no-results {
margin: var(--cg-space-8) 0;
text-align: center;
color: var(--cg-text-muted);
}

/* =========================================================
RESPONSIVE
========================================================= */

@media (max-width: 1024px) {

.editorial-archive-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

}

@media (max-width: 767px) {

.editorial-archive-hero {
padding: var(--cg-space-7) 0 var(--cg-space-6);
}

.editorial-archive-hero--compact {
padding: var(--cg-space-6) 0 var(--cg-space-5);
}

.editorial-archive-title {
font-size: var(--cg-text-2xl);
}

.editorial-archive-subtitle {
font-size: var(--cg-text-base);
}

.editorial-archive-cats {
gap: 8px;
}

.editorial-cat-btn {
padding: 6px 12px;
}

.editorial-archive-grid-news {
grid-template-columns: 1fr;
}

}

@media (max-width: 640px) {

.editorial-archive-grid {
grid-template-columns: 1fr;
}

}