/*
 * Gabarit « Index de domaine » — liste filtrable des reportages
 * (/reportage-architecture/). Chargé uniquement sur ce gabarit (functions.php).
 * Référence : maquettes/gabarit-index-domaine.html.
 * Règle de spécificité : deux classes, ou une classe et un élément.
 * Tailles fixes en rem (racine 16 px).
 */

/* ---------- En-tête : H1 et présentation ---------- */
.wp-block-group.entete-index{grid-template-columns:1.05fr .95fr;gap:56px;padding:62px 0 34px;align-items:end}
.entete-index h1{font-size:clamp(1.9rem,4.2vw,3.1rem);font-weight:200;line-height:1.06;letter-spacing:-.038em;max-width:15ch}
.entete-index h1 strong{font-weight:500}
.entete-index p{max-width:58ch}
.entete-index p + p{margin-top:13px}
.entete-index p a{border-bottom:1px solid var(--wp--preset--color--filet)}

/* ---------- Filtre par typologie (assets/js/filtre.js) ---------- */
.wp-block-group.tri{padding:0 0 26px;border-bottom:1px solid var(--wp--preset--color--filet);margin-bottom:3px}
.tri .wp-block-buttons{gap:6px;margin:0}
.tri .wp-block-button__link{display:inline-block;padding:9px 14px;border:1px solid var(--wp--preset--color--filet);border-radius:0;background:none;
	font-family:var(--wp--preset--font-family--mono);font-size:.65625rem;font-weight:400;letter-spacing:.06em;line-height:normal;color:var(--wp--preset--color--gris);
	cursor:pointer;transition:border-color .3s,color .3s,background .3s}
.tri .wp-block-button__link:hover{border-color:var(--wp--preset--color--encre);color:var(--wp--preset--color--encre)}
.tri .wp-block-button__link[aria-pressed="true"]{background:var(--wp--preset--color--encre);border-color:var(--wp--preset--color--encre);color:var(--wp--preset--color--papier)}
.wp-block-post-content p.compte{max-width:none;padding:18px 0 22px;font-family:var(--wp--preset--font-family--mono);font-size:.625rem;line-height:normal;
	letter-spacing:.1em;text-transform:uppercase;color:var(--wp--preset--color--gris)}

/* ---------- Grille des reportages ---------- */
.wp-block-group.grille{grid-template-columns:repeat(3,1fr);gap:3px}
/* Index construit par un bloc Requête (corporate) : même grille, même carte. */
.wp-block-post-template.grille{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:0;padding:0;list-style:none}
.wp-block-post-template.grille > li{margin:0}
.grille .projet{position:relative;background:var(--wp--preset--color--papier-2)}
.grille .projet[hidden]{display:none}
.projet .wp-block-image,.projet .wp-block-post-featured-image{margin:0;aspect-ratio:3/2;overflow:hidden;background:var(--wp--preset--color--attente)}
.projet .wp-block-image img,.projet .wp-block-post-featured-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--wp--custom--courbe)}
.projet:hover .wp-block-image img,.projet:hover .wp-block-post-featured-image img{transform:scale(1.04)}
/* Marge intérieure des cartes : celle que le CSS de la maquette prévoyait
   (18px 20px 24px). La maquette ne l'appliquait pas (span en ligne contenant
   un h2) : texte collé au bord, bug corrigé à la demande d'Eric (19/10/2026),
   maquette corrigée de même. */
.projet .texte{padding:1.125rem 1.25rem 1.5rem}
.projet h2{margin:0 0 .5rem;font-size:1.08rem;font-weight:400;letter-spacing:-.022em;line-height:1.25}
/* Le lien du titre couvre toute la carte. */
.projet h2 a::after{content:"";position:absolute;inset:0}
.projet .wp-block-post-date.meta,.projet p.meta{margin-top:0;padding-top:.1875rem;max-width:none;font-family:var(--wp--preset--font-family--mono);font-size:.65625rem;letter-spacing:.04em;line-height:1.8;color:var(--wp--preset--color--gris)}

/* ---------- Pour aller plus loin ---------- */
.wp-block-group.plus-loin{grid-template-columns:.8fr 1.2fr;gap:56px;padding:76px 0 0;margin-top:76px;border-top:1px solid var(--wp--preset--color--filet)}
.plus-loin h2{font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:300;letter-spacing:-.03em;line-height:normal;max-width:18ch}
.plus-loin p{max-width:60ch}
.plus-loin p + p{margin-top:13px}
.plus-loin p a{border-bottom:1px solid var(--wp--preset--color--filet)}
.plus-loin p a:hover{border-color:var(--wp--preset--color--encre)}

/* ---------- 1100 px et moins ---------- */
@media (max-width:1100px){
	.wp-block-group.grille,.wp-block-post-template.grille{grid-template-columns:repeat(2,1fr)}
}

/* ---------- 760 px et moins ---------- */
@media (max-width:760px){
	.wp-block-group.entete-index,.wp-block-group.plus-loin{grid-template-columns:1fr;gap:22px}
	.wp-block-group.entete-index{padding:44px 0 26px}
	.wp-block-group.grille,.wp-block-post-template.grille{grid-template-columns:1fr}
	.wp-block-group.plus-loin{padding-top:56px;margin-top:56px}
}

/* Pagination et absence de résultat du bloc Requête. */
.index-requete .wp-block-query-pagination{gap:18px;margin-top:34px;font-family:var(--wp--preset--font-family--mono);font-size:.6875rem;letter-spacing:.04em}
.index-requete .wp-block-query-no-results p{color:var(--wp--preset--color--gris)}