/* Boîtes dépliables du catalogue : couleur du domaine (ouvertes comme fermées), texte blanc, contenu sur fond blanc.
   La ligne « Parcours métiers » reprend la couleur du domaine assombrie de 25 % (--box-dark, calculée côté serveur).
   Variables fournies par le modèle : --box (couleur du domaine) et --box-dark. */

.apting-cat .theme-accordion-list .theme-accordion { border: 0; background: #fff; color: #fff; box-shadow: none; }  /* le lien « Découvrir la thématique » hérite du blanc de la boîte */

.apting-cat .theme-accordion-list .theme-accordion__header,
.apting-cat .theme-accordion-list .theme-accordion__header:is(:hover, :focus, :active),
.apting-cat .theme-accordion-list .theme-accordion.is-open .theme-accordion__header,
.apting-cat .theme-accordion-list .theme-accordion.is-open .theme-accordion__header:is(:hover, :focus, :active) {
  background: var(--box);
  color: #fff;
}
.apting-cat .theme-accordion-list .theme-accordion--parcours .theme-accordion__header,
.apting-cat .theme-accordion-list .theme-accordion--parcours .theme-accordion__header:is(:hover, :focus, :active),
.apting-cat .theme-accordion-list .theme-accordion--parcours.is-open .theme-accordion__header,
.apting-cat .theme-accordion-list .theme-accordion--parcours.is-open .theme-accordion__header:is(:hover, :focus, :active) {
  background: var(--box-dark);
}

.apting-cat .theme-accordion-list .theme-accordion__header strong,
.apting-cat .theme-accordion-list .theme-accordion__header small,
.apting-cat .theme-accordion-list .theme-accordion__count b,
.apting-cat .theme-accordion-list .theme-accordion__count span,
.apting-cat .theme-accordion-list .theme-accordion__count .theme-accordion__selection-count,
.apting-cat .theme-accordion-list .theme-accordion__count .theme-accordion__selection-count b,
.apting-cat .theme-accordion-list .theme-accordion__header svg { color: #fff; }
.apting-cat .theme-accordion-list .theme-accordion__header .theme-accordion__tag { color: rgba(255, 255, 255, .85); }

.apting-cat .theme-accordion-list .theme-accordion__content { background: #fff; color: #111; }

/* ---------- Pages thématiques : lignes « Prestations » (même rendu que sur les pages catalogue) ---------- */
.apting-pg .theme-line { margin: 0 0 12px; background: #fff; }
.apting-pg .theme-line:last-child { margin-bottom: 0; }

.apting-pg .theme-line .theme-line__header,
.apting-pg .theme-line .theme-line__header:is(:hover, :focus, :active) {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 86px;
  padding: 18px 20px;
  border: 0;
  border-radius: 0;
  background: var(--box);
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.apting-pg .theme-line__heading { display: grid; flex: 1; min-width: 0; }
.apting-pg .theme-line__tag { display: block; margin: 0 0 4px; color: rgba(255, 255, 255, .85); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.apting-pg .theme-line .theme-line__header strong { color: #fff; font-size: clamp(15px, 1.35vw, 18px); font-weight: 600; line-height: 1.35; }
.apting-pg .theme-line .theme-line__count { color: #fff; font-size: 13px; font-weight: 600; white-space: nowrap; }
.apting-pg .theme-line .theme-line__count b { margin-right: 4px; color: #fff; font-size: 25px; font-weight: 700; letter-spacing: -.04em; }
.apting-pg .theme-line .theme-line__header svg { flex: none; width: 22px; height: 22px; color: #fff; transition: transform .15s; }
.apting-pg .theme-line.is-open .theme-line__header svg { transform: rotate(180deg); }

.apting-pg .theme-line__content { padding: 0 20px; border: 1px solid #d7d7d7; border-top: 0; background: #fff; }
.apting-pg .theme-line__content .competence-card { padding: 14px 0; border: 0; border-bottom: 1px solid #e6e6e6; background: transparent; }
.apting-pg .theme-line__content .competence-card:last-child { border-bottom: 0; }

@media (max-width: 700px) {
  .apting-pg .theme-line .theme-line__header,
  .apting-pg .theme-line .theme-line__header:is(:hover, :focus, :active) { gap: 12px; padding: 16px 14px; }
  .apting-pg .theme-line .theme-line__count b { font-size: 20px; }
  .apting-pg .theme-line__content { padding: 0 14px; }
}

/* Titres longs : ils passent à la ligne au lieu de déborder sous la flèche (mobile) */
.apting-cat .theme-accordion__header > span { min-width: 0; grid-template-columns: minmax(0, 1fr); }
.apting-cat .theme-accordion__heading,
.apting-pg .theme-line__heading { min-width: 0; }
.apting-cat .theme-accordion__header strong,
.apting-pg .theme-line .theme-line__header strong { overflow-wrap: anywhere; hyphens: auto; }
/* Les titres sont dans un bouton : le thème impose « white-space: nowrap » à tous les boutons, ce qui empêchait le retour à la ligne. Le compteur garde sa propre règle (une seule ligne). */
.apting-cat .theme-accordion-list .theme-accordion__header,
.apting-pg .theme-line .theme-line__header { white-space: normal; }

/* Pages thématiques : même survol visible pour les boutons « Ajouter » */
.apting-pg .competence-list .competence-add:is(:hover, :focus-visible) { background-color: #b80066; color: #fff; }
.apting-pg .competence-list .competence-add[aria-pressed="true"]:is(:hover, :focus-visible) { background-color: #3a3a3a; color: #fff; }
.apting-cat .theme-accordion-list .theme-accordion__header .theme-accordion__tag { white-space: normal; }   /* « Sélection de parcours métiers » peut passer à la ligne sur les très petits écrans */

/* Bas des pages thématiques : marges raisonnables entre le texte « méthode », la FAQ, les autres thématiques et le bloc d'appel */
.apting-pg .method-section { padding-block: 64px; }
.apting-pg .seo-area { padding-block: 64px 56px; }
.apting-pg .domain-themes { padding-block: 24px 28px; }
@media (max-width: 700px) {
  .apting-pg .method-section { padding-block: 44px; }
  .apting-pg .seo-area { padding-block: 44px 40px; }
  .apting-pg .domain-themes { padding-block: 18px 22px; }
}

/* Boîtes « Sélection de prestations » : noires, avec le surtitre en rose (pages catalogue et pages thématiques) */
.apting-cat .theme-accordion-list .theme-accordion--prestations { --box: #000; }
.apting-pg .theme-line { --box: #000; }
.apting-cat .theme-accordion-list .theme-accordion--prestations .theme-accordion__header .theme-accordion__tag,
.apting-pg .theme-line .theme-line__tag { color: #e6007e; }