/* Pages de l'univers Sport (page Club de sports canins et sous-pages de discipline) : réglages de mise en
   page propres aux maquettes « Sport Canin » et « Sport Canin Discipline » (recette du 05/11/2026).
   Chargée seulement sur les pages dont l'univers est « sport » (includes/sports.php) et scopée à
   main[data-branch="sport"] : aucun effet sur les autres pages ni sur les blocs partagés. */

/* ---------- Section texte | photo (« Qu'est-ce que… ») : texte centré verticalement, photo de 420 px
   de haut au bureau, 260 px en mobile (maquettes). ---------- */
body.cnd-site main[data-branch="sport"] :is(#definition, #sport) > .wp-block-columns {
	align-items: center !important; /* v0.38.0 : le cœur force « normal !important » */
	gap: 32px 40px;
}
body.cnd-site main[data-branch="sport"] :is(#definition, #sport) .wp-block-image img {
	width: 100%;
	height: 420px;
	aspect-ratio: auto !important;
	object-fit: cover;
	border-radius: var(--r-md);
}
@media (max-width: 899px) {
	body.cnd-site main[data-branch="sport"] :is(#definition, #sport) .wp-block-image img {
		height: 260px;
	}
}

/* ---------- Filtre des sports : pastilles neutres (bordure grise, texte foncé), la pastille choisie
   pleine (maquette Sport Canin). ---------- */
body.cnd-site main[data-branch="sport"] .cnd-image-cards-filterable button.cnd-filter-pill:not([aria-pressed="true"]) {
	color: var(--ink);
	border-color: var(--line-2);
}
body.cnd-site main[data-branch="sport"] .cnd-image-cards-filterable button.cnd-filter-pill:not([aria-pressed="true"]):hover {
	border-color: var(--brand);
	color: var(--brand-strong);
	background: var(--surface);
}

/* ---------- « Pourquoi » : la liste de la carte « Prévention de l'ennui… » en étiquettes teintées
   (maquette), sans puces. ---------- */
body.cnd-site main[data-branch="sport"] #bienfaits .cnd-advantage__text--rich ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0;
	list-style: none;
}
body.cnd-site main[data-branch="sport"] #bienfaits .cnd-advantage__text--rich li {
	padding: 4px 10px;
	border-radius: var(--r-pill);
	background: var(--brand-tint);
	color: var(--brand-strong);
	font-size: var(--t-caption);
	line-height: 1.4;
}

/* ---------- Centres : cartes de la maquette (nom, région en capitales, lien fléché), sans pictogramme. La région
   est la « meta » du bloc ; v0.38.0 (recette du 09/11, aucun surtitre) : elle reste sous le nom. ---------- */
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__icon {
	display: none;
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__content {
	gap: 6px;
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__meta {
	margin-top: 0;
	font-size: var(--t-caption);
	font-weight: 500;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--ink-3); /* --ink-4 de la maquette n'atteint pas 4,5:1 (DS). */
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__title {
	font-family: var(--font-display);
	font-size: 20px;
	line-height: 1.2;
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__text {
	margin-top: 6px;
	font-size: var(--t-small);
	font-weight: 500;
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__text a {
	color: var(--brand-strong);
	text-decoration: none;
}
body.cnd-site main[data-branch="sport"] .is-style-cnd-centres-lieux .cnd-icon-list__text a:hover {
	text-decoration: underline;
}

/* ======================= Sous-pages de discipline (maquette « Sport Canin Discipline ») ======================= */

/* Listes à puces rondes de l'univers (« Le sport », « L'équipement », « Le matériel ») ; en grille de 200 px
   au-delà de 3 puces. */
body.cnd-site main[data-branch="sport"] .wp-block-list:is(.is-style-cnd-puces, .is-style-cnd-puces-grille) {
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 1.5;
}
body.cnd-site main[data-branch="sport"] .wp-block-list.is-style-cnd-puces-grille {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	gap: 10px 24px;
}
body.cnd-site main[data-branch="sport"] .wp-block-list.is-style-cnd-puces > li + li {
	margin-top: 10px;
}
body.cnd-site main[data-branch="sport"] .wp-block-list:is(.is-style-cnd-puces, .is-style-cnd-puces-grille) > li {
	position: relative;
	padding-left: 22px;
}
body.cnd-site main[data-branch="sport"] .wp-block-list:is(.is-style-cnd-puces, .is-style-cnd-puces-grille) > li::before {
	content: "";
	position: absolute;
	left: 2px;
	top: .5em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--brand);
}

/* Intertitres des sections titre à gauche (« Harnais de course pour chien »…) : Outfit 19 px. */
body.cnd-site main[data-branch="sport"] .is-style-cnd-entete h3 {
	font-size: 19px;
	margin-block-start: 8px;
}

/* « Pour quel chien » : 3 cartes de même hauteur ; remarque sous un filet, 14 px gris. */
body.cnd-site main[data-branch="sport"] #chiens > .wp-block-columns {
	align-items: stretch;
	gap: 12px;
}
body.cnd-site main[data-branch="sport"] #chiens .wp-block-column > .is-style-cnd-carte {
	height: 100%;
}
body.cnd-site main[data-branch="sport"] #chiens .is-style-cnd-carte h3 {
	font-size: 19px;
}
body.cnd-site main[data-branch="sport"] #chiens .is-style-cnd-carte-note {
	margin-top: var(--s-3);
	padding-top: var(--s-3);
	border-top: 1px solid var(--line);
	font-size: var(--t-small);
	line-height: 1.55;
	color: var(--ink-3);
}
body.cnd-site main[data-branch="sport"] #chiens .is-style-cnd-carte-note p {
	margin: 0;
	font-size: inherit;
	color: inherit;
}
body.cnd-site main[data-branch="sport"] :is(#chiens, #bienfaits, #canidelite) > .wp-block-buttons {
	margin-top: var(--s-5);
}

/* « Les bienfaits » : tuiles blanches cochées, 190 px au moins (5 sur une ligne au bureau). */
body.cnd-site main[data-branch="sport"] #bienfaits .cnd-advantages--compact {
	grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
	gap: 12px;
}
body.cnd-site main[data-branch="sport"] #bienfaits .cnd-advantages--compact .cnd-advantage {
	padding: 20px;
}
body.cnd-site main[data-branch="sport"] #bienfaits .cnd-advantages--compact .cnd-advantage__title {
	font-size: 15px;
	line-height: 1.45;
	padding-top: 0;
	color: var(--ink);
}

/* « Comment apprendre » : étapes en cartes bordées, pastille ronde de 36 px, intitulé 15 px ; les 4 sur une
   ligne au bureau, une colonne en mobile (maquette). */
body.cnd-site main[data-branch="sport"] #apprendre .cnd-advantages--num-circle {
	grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
	gap: 12px;
}
@media (max-width: 599px) {
	body.cnd-site main[data-branch="sport"] #apprendre .cnd-advantages--num-circle {
		grid-template-columns: 1fr;
	}
}
body.cnd-site main[data-branch="sport"] #apprendre .cnd-advantages--num-circle .cnd-advantage {
	padding: 18px;
	gap: 12px;
	border: 1px solid var(--line);
	border-radius: var(--r-md);
}
body.cnd-site main[data-branch="sport"] #apprendre .cnd-advantages--num-circle .cnd-advantage__num {
	width: 36px;
	height: 36px;
	font-size: 16px;
}
body.cnd-site main[data-branch="sport"] #apprendre .cnd-advantages--num-circle .cnd-advantage__title {
	font-family: var(--font-body);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.45;
	color: var(--ink);
}

/* « En images » : titre et texte au-dessus du carrousel. */
body.cnd-site main[data-branch="sport"] #images .is-style-cnd-galerie-entete {
	max-width: 70ch;
	margin-bottom: var(--s-4);
}

/* « En images » avec une seule photo (fitness canin, frisbee, hoopers) : la photo seule, centrée, sans
   carrousel ni flèches (décision du 05/11). */
body.cnd-site main[data-branch="sport"] #images .is-style-cnd-photo-seule {
	max-width: 880px;
	margin-inline: auto;
}
body.cnd-site main[data-branch="sport"] #images .is-style-cnd-photo-seule .wp-block-image {
	margin: 0;
}
body.cnd-site main[data-branch="sport"] #images .is-style-cnd-photo-seule img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-md);
}

/* Barre d'ancres juste sous le hero (maquettes : environ 24 px, contre 64 px de marge par défaut). */
body.cnd-site main[data-branch="sport"] > .cnd-anchors {
	margin-top: 24px;
}

/* Listes : 12 px sous leur phrase d'intro ou leur titre de carte (maquette « Sport Canin Discipline »). */
body.cnd-site main[data-branch="sport"] :is(p, h3) + .wp-block-list {
	margin-top: 12px;
}