/* =========================================================================
   ARCHIVE / CATÉGORIE — Maison Éditoriale Warm (page de bureau)
   ========================================================================= */

/* En-tête de bureau (cartouche-filet) */
.gwd-bureau-head { position: relative; border: 1px solid var(--gwd-sienne-hair); border-radius: var(--gwd-radius); padding: clamp(1.6rem,3vw,2.6rem); max-width: 860px; background: var(--wp--preset--color--base); }
.gwd-bureau-head .gwd-eyebrow { margin-bottom: 0.6rem; }
.gwd-bureau-head__title { font-family: var(--wp--preset--font-family--serif); font-weight: 400; font-size: var(--wp--preset--font-size--3xl); line-height: 1.05; letter-spacing: -0.02em; margin: 0; }
.gwd-bureau-head__angle { font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: var(--wp--preset--font-size--lg); line-height: 1.35; color: var(--wp--preset--color--accent-deep); max-width: 46ch; margin: 0.9rem 0 0; }
.gwd-bureau-head__desc { font-size: var(--wp--preset--font-size--base); line-height: 1.6; color: var(--wp--preset--color--ink-soft); max-width: 56ch; margin: 0.9rem 0 0; }
.gwd-bureau-head__meta { display: flex; align-items: center; gap: 0.8rem; font: 500 0.88rem/1.4 var(--wp--preset--font-family--sans); color: var(--wp--preset--color--ink-soft); margin: 1.3rem 0 0; }
.gwd-bureau-head__meta .gwd-monogram { width: 40px; height: 40px; font-size: 1.2rem; }
.gwd-bureau-head__meta strong { color: var(--wp--preset--color--accent-deep); font-variant-numeric: tabular-nums; }

/* Card : enrichissement (excerpt, titre clampé, hover) */
.gwd-card__excerpt { margin: 0.45rem 0 0; font-size: 0.95rem; line-height: 1.5; color: var(--wp--preset--color--ink-soft); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.gwd-card__title { text-wrap: balance; }
.gwd-archive-grid .gwd-card__title { line-height: 1.16; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s var(--gwd-ease); }
.gwd-archive-grid .gwd-card:hover .gwd-card__title { color: var(--wp--preset--color--accent-deep); }
.gwd-card__meta { font-variant-numeric: tabular-nums; }

/* 1re carte = à la une du bureau (pleine largeur, bannière contenue) — le <li> est l'item de grille */
@media (min-width: 760px) {
  .gwd-archive-grid > :first-child { grid-column: 1 / -1; margin-bottom: 0.6rem; }
  .gwd-archive-grid > :first-child .gwd-card__media { aspect-ratio: 24 / 9; max-height: 420px; position: relative; }
  .gwd-archive-grid > :first-child .gwd-card__media::after { content: "À la une du bureau"; position: absolute; top: 1rem; left: 1rem; background: var(--wp--preset--color--accent); color: #fff; font: 700 0.66rem/1 var(--wp--preset--font-family--sans); text-transform: uppercase; letter-spacing: 0.12em; padding: 0.45rem 0.8rem; border-radius: var(--gwd-radius-badge); z-index: 1; }
  .gwd-archive-grid > :first-child .gwd-card__title { font-size: var(--wp--preset--font-size--2xl); line-height: 1.12; -webkit-line-clamp: 2; max-width: 34ch; }
  .gwd-archive-grid > :first-child .gwd-card__excerpt { -webkit-line-clamp: 2; max-width: 74ch; font-size: var(--wp--preset--font-size--base); }
}

/* Pagination en cartouche-filet */
.gwd-pagination { gap: 0.4rem; align-items: center; }
.gwd-pagination a, .gwd-pagination .page-numbers, .gwd-pagination .wp-block-query-pagination-previous, .gwd-pagination .wp-block-query-pagination-next { min-width: 44px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--gwd-hair); border-radius: var(--gwd-radius-sm); font: 500 0.9rem/1 var(--wp--preset--font-family--sans); color: var(--wp--preset--color--ink-soft); padding: 0 0.85rem; font-variant-numeric: tabular-nums; text-decoration: none; transition: border-color .2s, color .2s, background .2s; }
.gwd-pagination .page-numbers.current { background: var(--wp--preset--color--accent); color: #fff; border-color: var(--wp--preset--color--accent); }
.gwd-pagination a:hover { border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--accent-deep); }
.gwd-pagination .wp-block-query-pagination-previous::before { content: "← "; }
.gwd-pagination .wp-block-query-pagination-next::after { content: " →"; }

.gwd-no-results { font-family: var(--wp--preset--font-family--serif); font-style: italic; font-size: var(--wp--preset--font-size--lg); color: var(--wp--preset--color--muted); text-align: center; padding: 3rem 0; }

/* MOBILE — 2 colonnes serrées (plus lisible qu'une colonne monotone) */
@media (max-width: 560px) {
  .gwd-grid-3.gwd-archive-grid { grid-template-columns: 1fr 1fr; gap: 1.3rem; }
  .gwd-archive-grid > :first-child { grid-column: 1 / -1; }
  .gwd-archive-grid > :first-child .gwd-card__media { aspect-ratio: 16/10; }
  .gwd-archive-grid .gwd-card__title { font-size: var(--wp--preset--font-size--base); -webkit-line-clamp: 3; }
  .gwd-archive-grid > :not(:first-child) .gwd-card__excerpt { display: none; }
  .gwd-bureau-head__meta { flex-wrap: wrap; }
}