/* Module Capsules de dossiers — Funtribe
 * La couleur vient de --dossier-accent (tableau des sites du plugin Dossier, ou couleur du template).
 */

.dossier-capsules {
	--capsule-accent: var(--dossier-accent, #e4007c);
	--capsule-sur-accent: #fff;
	--capsule-gap: .5rem;
	width: 100%;
	min-width: 0;
}

.dossier-capsules ul {
	display: flex;
	flex-wrap: nowrap;          /* Jamais deux lignes. */
	align-items: center;
	gap: var(--capsule-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	overflow: hidden;           /* Le script retire celles qui ne tiennent pas ; ceci évite tout débordement en attendant. */
}

.dossier-capsules li { flex: 0 0 auto; margin: 0; }

.dossier-capsules .dossier-capsules__label {
	font-size: .8rem;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--capsule-accent);
}

.dossier-capsules .dossier-capsule {
	display: inline-block;
	padding: .3rem .85rem;
	border: 1px solid var(--capsule-accent);
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
	white-space: nowrap;
	transition: background-color .2s ease, color .2s ease, opacity .2s ease;
}

/* Pleins : fond couleur du site, texte blanc. */
.dossier-capsules--plein .dossier-capsule {
	background: var(--capsule-accent);
	color: var(--capsule-sur-accent);
}

.dossier-capsules--plein .dossier-capsule:hover,
.dossier-capsules--plein .dossier-capsule:focus-visible,
.dossier-capsules--plein .dossier-capsule.is-active {
	background: var(--capsule-sur-accent);
	color: var(--capsule-accent);
	text-decoration: none;
}

/* Contour : texte couleur du site, plein au survol. */
.dossier-capsules--contour .dossier-capsule {
	background: transparent;
	color: var(--capsule-accent);
}

.dossier-capsules--contour .dossier-capsule:hover,
.dossier-capsules--contour .dossier-capsule:focus-visible,
.dossier-capsules--contour .dossier-capsule.is-active {
	background: var(--capsule-accent);
	color: var(--capsule-sur-accent);
	text-decoration: none;
}

/* Capsule retirée faute de place. */
.dossier-capsules li.is-masque { display: none; }