/* =========================================================================
 * En-tête des pages de liste : « Réalisations » (tpl-realisations.php)
 * et « Secteurs d'activité » (archive-secteur.php)
 * -------------------------------------------------------------------------
 * Volontairement minimale : la page réutilise l'en-tête (.spide-projets) et
 * les cartes (.spide-solutions / .sol-card) de hero.css, chargé sur tout le
 * site. On ne traite ici que les deux cas que l'accueil ne connaît pas :
 *   1. un titre plus long, qui doit passer devant le visuel ;
 *   2. un en-tête SANS visuel — sur l'accueil l'intro est posée en absolu
 *      sous l'image, sans image elle doit revenir dans le flux ;
 *   3. le titre H2 qui introduit la liste (l'accueil n'en a pas : sa section
 *      est déjà titrée par l'intro).
 * ====================================================================== */

/* 1. Panneau de texte devant le visuel ---------------------------------- */
/* Sur l'accueil l'image passe DEVANT le carton blanc (z-index 2 contre 1) :
   son titre tient en deçà du bord gauche de l'image. Ici le H1 porte le métier,
   il est plus long — sans cette règle, sa deuxième ligne passe sous l'image. */
.spide-realisations .spide-projets__intro{
	z-index:3;
}

/* 2. En-tête sans visuel ------------------------------------------------ */
/* Sans visuel, le bandeau blanc occupe TOUTE la largeur — sinon il s'arrête au
 * milieu de la section et laisse une bande grise vide à droite, qui se lit comme
 * un bug d'intégration. Le TEXTE, lui, reste borné : une ligne à 1600px serait
 * illisible. Cas visible sur /secteur-activite/, dont l'en-tête n'a pas d'image. */
.spide-projets--noimg{
	background:#fff;
}
.spide-projets--noimg .spide-projets__inner{
	min-height:0;
	display:flex;
	padding-bottom:0;
}
.spide-projets--noimg .spide-projets__intro{
	position:static;
	width:min(920px,100%);
	padding-inline:0;
	padding-block:clamp(36px,4vw,64px);
}

/* 3. Titre de la liste -------------------------------------------------- */
.spide-real-liste-head{
	background:#fff;
	font-family:"Montserrat",sans-serif;
}
.spide-real-liste-head__title{
	max-width:1600px;
	margin:0 auto;
	padding:clamp(40px,5vw,80px) clamp(24px,4vw,72px) clamp(24px,3vw,40px);
	font-size:clamp(24px,3vw,34px);
	font-weight:700;
	line-height:1.2;
	text-transform:uppercase;
	color:var(--spide-black);
}

/* 4. Lien « Voir la réalisation » dans la carte ------------------------- */
.sol-card__title-link{
	color:inherit;
	text-decoration:none;
}
.sol-card__title-link:hover,
.sol-card__title-link:focus{
	color:var(--spide-blue);
}
.sol-card__more{
	margin-top:clamp(18px,2vw,28px);
}