/* Tarifs Magic Parc, rendu public, version 1.5.2 (prix Magic Kids affichés à deux décimales, tk_affiche_prix ; semis v9 ; titre de groupe et libellés courts des paliers, ordre de la bande, point d'extension fp_tarifs_offres_cote_html). Tokens du thème (var(--fp-*)).

   CE COMMENTAIRE EST UN MARQUEUR DE DÉPLOIEMENT, pas de la décoration. Ce dépôt
   n'a AUCUN webhook GitHub : un push ne déploie rien, Marino lance le
   déploiement à la main. Comme cette feuille est le seul fichier du plugin que
   l'on puisse sonder de l'extérieur (curl -sI sur son Last-Modified), un lot
   purement PHP ne la ferait pas bouger et l'on ne saurait pas distinguer
   « pas encore déployé » de « déployé, CSS inchangé ». Le 2026-09-10, cette
   confusion a fait conclure à tort que les décimales n'étaient pas en ligne
   alors qu'elles l'étaient. Remonter le numéro ici à chaque lot livré. */

.fp-tarifs-widget { font-family: var(--fp-font-body, inherit); }

.fp-tarifs-title {
	font-family: var(--fp-font-heading, inherit);
	margin: 0 0 14px;
}

.fp-tarifs-table {
	width: 100%;
	border-collapse: collapse;
	background: var(--fp-paper, #fff);
	border-radius: var(--fp-radius, 18px);
	overflow: hidden;
	box-shadow: var(--fp-shadow, 0 18px 40px -18px rgba(24, 26, 42, 0.25));
}
.fp-tarifs-table th,
.fp-tarifs-table td {
	padding: 13px 18px;
	text-align: left;
	border-bottom: 1px solid var(--fp-line, rgba(24, 26, 42, 0.12));
}
.fp-tarifs-table thead th {
	font-family: var(--fp-font-heading, inherit);
	font-size: .82rem;
	text-transform: uppercase;
	letter-spacing: .06em;
	color: var(--fp-ink-soft, #5a5f72);
	background: var(--fp-cream, #f6f3ee);
}
/* th inclus : la première cellule d'une ligne est un th scope="row" (mode
   simple depuis le 2026-09-03, mode matrice depuis toujours). */
.fp-tarifs-table tbody tr:last-child th,
.fp-tarifs-table tbody tr:last-child td { border-bottom: none; }
.fp-tarifs-label { font-weight: 600; }
.fp-tarifs-rownote { display: block; font-weight: 400; font-size: .85rem; color: var(--fp-ink-soft, #5a5f72); }
.fp-tarifs-price-col,
.fp-tarifs-price { text-align: right; white-space: nowrap; font-family: var(--fp-font-heading, inherit); font-weight: 400; color: var(--fp-primary, #2a7e74); }
.fp-tarifs-note { margin-top: 12px; font-size: .9rem; color: var(--fp-ink-soft, #5a5f72); }

/* Matrice jour x tranche horaire ------------------------------------------ */
.fp-tarifs-matrix-wrap { overflow-x: auto; border-radius: var(--fp-radius, 18px); }
.fp-tarifs-matrix { min-width: 480px; }
.fp-tarifs-matrix th,
.fp-tarifs-matrix td { text-align: center; }
.fp-tarifs-matrix .fp-tarifs-corner { background: var(--fp-cream, #f6f3ee); }
.fp-tarifs-matrix .fp-tarifs-day {
	background: var(--fp-primary, #2a7e74);
	color: var(--fp-white, #fff);
	font-family: var(--fp-font-heading, inherit);
}
.fp-tarifs-matrix .fp-tarifs-day-subtitle {
	display: block;
	font-size: .75rem;
	font-weight: 400;
	text-transform: none;
	letter-spacing: normal;
	opacity: .85;
}
.fp-tarifs-matrix .fp-tarifs-period {
	background: var(--fp-accent, #7ebbb5);
	color: var(--fp-white, #fff);
	font-size: .82rem;
}
.fp-tarifs-matrix .fp-tarifs-rowlabel { text-align: left; font-weight: 600; }
.fp-tarifs-matrix .fp-tarifs-rownote { text-align: left; }

/* Découpage mobile par jour(s) --------------------------------------------
   Le mode matrice rend DEUX représentations issues de la même boucle de
   données (voir FP_Tarifs_Shortcode::render_matrix) : le tableau complet et,
   juste en dessous, une pile de petits tableaux, un par groupe de jours de la
   grille. Une seule des deux est affichée à la fois, la bascule est purement
   une question de largeur d'écran (aucun script).
   ÉCRITURE MOBILE D'ABORD (retour client du 2026-08-20) : la PILE est l'état
   par défaut de la feuille, et c'est le tableau complet qui est rendu par une
   requête de grand écran (à partir de 821px). Le rendu visible est le même
   qu'avant à toutes les largeurs ; ce qui change, c'est ce qui reste si la
   requête de média venait à sauter (optimiseur de CSS, feuille tronquée,
   moteur ancien) : le téléphone garderait la pile au lieu de retomber sur un
   tableau à faire défiler latéralement, ce dont le client ne veut plus.
   Garde-fou : la classe .fp-tarifs-has-daystack n'est posée par le rendu que
   si une pile est réellement produite en dessous, donc masquer le tableau
   complet ne peut jamais vider la section.
   Le sous-tableau porte aussi la classe .fp-tarifs-matrix pour hériter de tout
   l'habillage de la matrice : on lui retire seulement la largeur minimale, qui
   n'a plus lieu d'être puisqu'il ne défile pas. */
.fp-tarifs-has-daystack .fp-tarifs-matrix-wrap { display: none; }
.fp-tarifs-daystack { display: grid; grid-template-columns: 1fr; gap: 16px; }
.fp-tarifs-matrix.fp-tarifs-daytable { min-width: 0; width: 100%; }
@media (min-width: 821px) {
	.fp-tarifs-has-daystack .fp-tarifs-matrix-wrap { display: block; }
	.fp-tarifs-has-daystack .fp-tarifs-daystack { display: none; }
}

/* Pastille visuelle --------------------------------------------------------- */
.fp-tarifs-visual .fp-tarifs-pastille {
	background: var(--fp-paper, #fff);
	border-radius: var(--fp-radius, 18px);
	box-shadow: var(--fp-shadow, 0 18px 40px -18px rgba(24, 26, 42, 0.25));
	padding: 22px;
	text-align: center;
}
/* (Plus de règle .fp-tarifs-pastille-img : le champ image a été retiré, plus
   aucune vignette n'est rendue.) */
.fp-tarifs-pastille-title { font-family: var(--fp-font-heading, inherit); margin: 0 0 8px; color: var(--fp-primary, #2a7e74); }
.fp-tarifs-pastille-body { color: var(--fp-ink, #181a2a); }
.fp-tarifs-pastille-info { margin-top: 12px; font-size: .9rem; text-align: center; color: var(--fp-ink-soft, #5a5f72); }

@media (max-width: 980px) {
	.fp-tarifs-matrix { min-width: 420px; }
}


/* Offres (tarifs Magic Kids interactifs, markup fp-tk-*) ------------------
   Aucune règle ici depuis la 1.4.0 : ce type de grille est habillé par le
   thème seul (tarifs-kids.css), qui neutralisait de toute façon les règles
   du plugin. Les anciens blocs .fp-tarifs-offre* et .fp-tarifs-jetons*
   (markup abandonné, plus émis par le shortcode) ont été retirés.
   -------------------------------------------------------------------- */