/* Points d'intégration "Portes ouvertes" hors landing : onglet archive,
   CTA hero archive, bandeau fiche promotion. Conventions identiques à
   portes-ouvertes.css : angles droits, classes boutons natives du thème,
   accent magenta charte (--po-red), pas de framework. */

:root {
	--po-red: #a50532;
	--po-anthracite: #23262b;
}

/* --- Onglet archive : mise en évidence + détachement du groupe filtres --- */

.cogestim-po-archive-tab {
	margin-left: 1.25rem;
}

.cogestim-po-archive-tab__link {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.2rem;
	background-color: #f5f5f5 !important;
	border-radius: 0;
	/* La hauteur de la barre est fixée par le padding vertical des AUTRES
	   onglets (.news-filter--list-link, 3.6rem, dimensionné pour une
	   seule ligne de texte) : le <li> (flex, align-items:stretch côté
	   thème) s'étire à cette hauteur commune. Ce lien doit donc remplir
	   toute la hauteur de son <li> (height:100%) plutôt que fixer son
	   propre padding vertical, sous peine de flotter au milieu de la
	   barre avec du noir visible au-dessus/en-dessous.
	*/
	height: 100%;
	padding: 0.5rem 1.5rem !important;
	white-space: nowrap;
}

.cogestim-po-archive-tab__link:hover,
.cogestim-po-archive-tab__link:focus {
	background-color: var(--po-anthracite) !important;
}

.cogestim-po-archive-tab__link:hover .cogestim-po-archive-tab__label,
.cogestim-po-archive-tab__link:focus .cogestim-po-archive-tab__label {
	color: #fff;
	-webkit-text-fill-color: #fff;
}

.cogestim-po-archive-tab__link:hover .cogestim-po-archive-tab__icon,
.cogestim-po-archive-tab__link:focus .cogestim-po-archive-tab__icon {
	fill: #fff !important;
}

.cogestim-po-archive-tab__icon {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
}

.cogestim-po-archive-tab__label {
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	background: linear-gradient(135deg, var(--po-red), #6e0322);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--po-red);
	-webkit-text-fill-color: transparent;
}

/* --- CTA hero archive : dans le hero, sous le titre --- */

.cogestim-po-hero-cta {
	margin-top: 1.5rem;
}

.cogestim-po-hero-cta__link.btn-primary {
	background-color: var(--po-anthracite) !important;
	border-color: var(--po-anthracite) !important;
	color: #fff !important;
}

.cogestim-po-hero-cta__link.btn-primary::before {
	background: var(--po-red) !important;
}

.cogestim-po-hero-cta__link.btn-primary:hover,
.cogestim-po-hero-cta__link.btn-primary:focus {
	color: #fff !important;
	border-color: var(--po-anthracite) !important;
}

/* --- Bandeau CTA fiche promotion (sans dates) --- */

.cogestim-po-cta-banner {
	background-color: #f5f5f5;
	color: var(--po-anthracite);
	text-align: center;
	padding: 2.5rem 1.5rem;
}

.cogestim-po-cta-banner__icon {
	color: var(--po-red);
	width: 28px;
	height: 28px;
	margin-bottom: 0.75rem;
}

.cogestim-po-cta-banner__title {
	color: var(--po-anthracite);
	margin-bottom: 0.5rem;
	letter-spacing: 0.03em;
}

.cogestim-po-cta-banner__text {
	color: var(--po-anthracite);
	opacity: 0.75;
	margin: 0 0 1.25rem;
}

.cogestim-po-cta-banner__link.btn-primary {
	background-color: var(--po-anthracite) !important;
	border-color: var(--po-anthracite) !important;
	color: #fff !important;
}

.cogestim-po-cta-banner__link.btn-primary::before {
	background: var(--po-red) !important;
}

.cogestim-po-cta-banner__link.btn-primary:hover,
.cogestim-po-cta-banner__link.btn-primary:focus {
	color: #fff !important;
	border-color: var(--po-anthracite) !important;
}