/* Page Tarifs (page-tuition.php). Le sélecteur est le composant pill-nav et
   chaque grille reprend la carte « Infos clés » des pages école
   (school-key-info.css) : ici, seulement la mise en page et les tableaux.
   Sans JavaScript, toutes les grilles restent affichées. */

.tuition-grids__header { text-align: center; margin-bottom: 1.75rem; }
.tuition-grids__header .section-title { margin: 0 0 0.75rem; }
.tuition-grids__intro { color: var(--color-text-soft, #6b7280); font-size: 1rem; line-height: 1.6; max-width: 620px; margin: 0 auto; }
/* Filtres : même rendu que /actualites/ (page-school-news.css, .sn-filter) */
.tuition-filter .pill-nav__pill { color: var(--color-primary); }
.tuition-filter .pill-nav__pill[hidden],
.tuition-table[hidden] { display: none; }
.tuition-filter .pill-nav__pill--active,
.tuition-filter .pill-nav__pill--active:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }
.tuition-filter__pill--type-first { margin-left: 14px; position: relative; }
.tuition-filter__pill--type-first::before { content: ''; position: absolute; left: -14px; top: 50%; transform: translateY(-50%); width: 1px; height: 22px; background: #e0dad2; }
@media (max-width: 640px) {
    .tuition-filter__pill--type-first { margin-left: 8px; }
    .tuition-filter__pill--type-first::before { left: -8px; }
}

.tuition-school { max-width: 820px; margin: 0 auto 1.5rem; }
.tuition-school[hidden] { display: none; }
.tuition-school .school-key-info__label { font-family: var(--font-base); }
/* Chaque tableau porte déjà son trait de séparation : pas de second sous l'en-tête */
.tuition-school .school-key-info__school-header { border-bottom: 0; padding-bottom: 0; }

.tuition-table__scroll { overflow-x: auto; margin-top: 0.25rem; }
.tuition-table table { width: 100%; border-collapse: collapse; border: 0; margin: 0; }
.tuition-table th,
.tuition-table td { padding: 0.45rem 0.5rem; border: 0; border-bottom: 1px solid rgba(15, 23, 42, 0.06); text-align: right; vertical-align: top; }
.tuition-table tr:last-child th,
.tuition-table tr:last-child td { border-bottom: 0; }
.tuition-table tbody th { padding-left: 0; text-align: left; font-weight: 400; color: #374151; }
.tuition-table thead th { font-size: 0.8rem; font-weight: 600; color: var(--color-text-soft, #6b7280); }
.tuition-table td { white-space: nowrap; font-weight: 600; }
.tuition-table__note { margin: 0.5rem 0 0; color: var(--color-text-soft, #6b7280); font-size: 0.85rem; line-height: 1.55; }

@media (max-width: 600px) {
    .tuition-table td { white-space: normal; }
}

/* Le h2 de chaque école porte le nom et la ligne « Tarifs … » (school-key-info.css) */
.tuition-school__heading { margin: 0; }
.tuition-school__heading > span { display: block; }
