/* mas-accreditations.css — [E3330] bloc « accréditations + éléments à icônes » des fiches école.
 *
 * NOUVEAU fichier, NOUVEL espace de noms (`mas-cat2`) : il ne modifie ni ne supprime aucune règle existante du thème
 * (R86). Les règles `mas-school-category*` du thème restent en place, désormais sans objet pour ce bloc, dont le balisage
 * est remplacé. Commande explicite de Barbara (23/09/2026) : « le rendu actuel est en dessous du niveau du site ».
 *
 * Ce que ce fichier décide, et rien d'autre :
 *   · un groupe = une carte (même enveloppe que les sections de la page : bord fin, rayon 24, ombre douce) avec son titre ;
 *   · un élément = une petite carte, icône de 44 px (2,75 rem) en trait de 1,5, libellé en toutes lettres dessous ;
 *   · une accréditation = une pastille (logo, sigle en gras, nom complet ; sans logo : sigle + nom complet) ;
 *   · grille alignée, colonnes fluides, même rendu quelle que soit la langue de la page.
 * Couleurs : variables du thème (`--mas-color-*`) avec repli sur leur valeur publiée.
 */
.MoveAndStudyCore .mas-cat2 {
  display: grid;
  gap: clamp(0.8rem, 1.8vw, 1.1rem);
  margin-top: clamp(0.8rem, 1.8vw, 1rem);
}
.MoveAndStudyCore .mas-cat2__group {
  display: grid;
  gap: 0.85rem;
  align-content: start;
  padding: clamp(0.95rem, 2vw, 1.3rem);
  border: 1px solid rgba(216, 222, 228, 0.72);
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 248, 249, 0.92));
  box-shadow: 0 18px 44px rgba(32, 39, 45, 0.07);
}
.MoveAndStudyCore.MoveAndStudyCore-school .mas-cat2__title {
  margin: 0;
  color: var(--mas-color-ink, #2b3740);
  font-size: 1.06rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: 0.01em;
}
.MoveAndStudyCore .mas-cat2__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7.6rem, 1fr));
  gap: 0.65rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.MoveAndStudyCore .mas-cat2__grid > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* ── élément à icône ─────────────────────────────────────────────────────────────────────────── */
.MoveAndStudyCore .mas-cat2__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0.6rem;
  min-height: 7.2rem;
  padding: 1rem 0.55rem 0.85rem;
  border: 1px solid rgba(24, 40, 56, 0.09);
  border-radius: 16px;
  background: #fff;
  text-align: center;
}
.MoveAndStudyCore .mas-cat2__icon {
  display: grid;
  flex: 0 0 auto;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  color: var(--mas-color-link, #236b73);
}
.MoveAndStudyCore .mas-cat2__svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.MoveAndStudyCore .mas-cat2__label {
  display: block;
  color: var(--mas-color-ink, #2b3740);
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.3;
  overflow-wrap: break-word;
  hyphens: auto;   /* [E3338] un long mot (nl « Examenvoorbereiding ») se coupe à la syllabe, avec trait d'union, pas au milieu d'une lettre */
}
/* libellé seul (aucune icône dans la famille) : la carte garde sa taille, le libellé se centre — jamais un symbole générique */
.MoveAndStudyCore .mas-cat2__item--texte {
  justify-content: center;
  padding-top: 0.85rem;
}

/* ── accréditations : pastilles [E3338] ──────────────────────────────────────────────────────────
 * Même carte que les éléments à icône (bord, rayon, fond, padding, centrage) et même grille : les deux blocs se lisent comme
 * une seule famille. Une pastille = le logo de l'organisme (zone de hauteur fixe, pour aligner les cartes), son SIGLE en gras,
 * son nom complet en toutes lettres dessous. Sans logo : la pastille garde sa taille, sigle + nom complet — jamais une case vide.
 * ⚠ `.mas-cat2__grid > li` (plus haut) remet padding/marge à 0 : le sélecteur enfant ci-dessous est plus spécifique et redonne
 * à la pastille son espace intérieur.
 */
.MoveAndStudyCore .mas-cat2__grid--orgs {
  grid-template-columns: repeat(auto-fill, minmax(11.5rem, 1fr));
}
.MoveAndStudyCore .mas-cat2__grid > .mas-cat2__org--pastille {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  min-height: 7.2rem;
  padding: 1rem 0.8rem 0.95rem;
  border: 1px solid rgba(24, 40, 56, 0.09);
  border-radius: 16px;
  background: #fff;
  text-align: center;
}
.MoveAndStudyCore .mas-cat2__logozone {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.6rem;
  margin-bottom: 0.3rem;
}
.MoveAndStudyCore .mas-cat2__logo {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.MoveAndStudyCore .mas-cat2__sigle {
  display: block;
  color: var(--mas-color-ink, #2b3740);
  font-size: 1.06rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.03em;
  overflow-wrap: anywhere;
}
.MoveAndStudyCore .mas-cat2__nomcomplet {
  display: block;
  color: var(--mas-color-muted, #596874);
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

@media (max-width: 30em) {
  .MoveAndStudyCore .mas-cat2__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .MoveAndStudyCore .mas-cat2__item { min-height: 6.6rem; }
}