.bloc-text-accordeon {
  --accent: var(--commit-2);
  --accent-soft: color-mix(in srgb, var(--accent) 20%, white);
}
.bloc-text-accordeon--vert      { --accent: var(--commit-2); }
.bloc-text-accordeon--turquoise { --accent: var(--commit-0); }
.bloc-text-accordeon--orange    { --accent: var(--commit-1); }
.bloc-text-accordeon--nuit      { --accent: var(--commit-3); }
.bloc-text-accordeon--royal     { --accent: var(--commit-4); }

.bloc-text-accordeon { width: 100%; margin: 0 auto; padding: 1.5rem 0; line-height: 1.6; color: #334155; }
.bloc-text-accordeon .field__label { display: none; }

/* En-tête */
.bloc-text-accordeon__header { margin-bottom: 2rem; padding-left: 1rem; border-left: 4px solid var(--accent); }
.bloc-text-accordeon__kicker { margin: 0 0 .3rem; font-size: .8rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--accent); }
.bloc-text-accordeon__title { margin: 0 0 .5rem; font-size: 1.85rem; font-weight: 800; line-height: 1.25;color: var(--accent)!important; }
.bloc-text-accordeon__subtitle { margin: 0; font-size: 1rem; color: #475569; }

/* Liste */
.bloc-text-accordeon__list { display: flex; flex-direction: column; gap: 1rem; }

.bloc-text-accordeon__item {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-left: 10px solid var(--accent);
  border-radius: 0px;
  overflow: hidden;
  transition: box-shadow .25s, background-color .25s;
}
.bloc-text-accordeon__item:hover {
  box-shadow: 0 4px 14px color-mix(in srgb, var(--accent) 25%, transparent);
}
.bloc-text-accordeon__item[open] {
  border: 2px solid var(--accent);
  border-left-width: 10px;
  background: color-mix(in srgb, var(--accent-soft) 35%, white);
  box-shadow: 0 6px 18px color-mix(in srgb, var(--accent) 20%, transparent);
}

.bloc-text-accordeon__summary {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1.15rem 1.5rem; cursor: pointer; list-style: none; user-select: none; outline: none;
  font-size: .95rem; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; color: #0f172a;
}
.bloc-text-accordeon__summary::-webkit-details-marker { display: none; }
.bloc-text-accordeon__summary::marker { content: ""; }

/* Icône + / − sans JavaScript */
.bloc-text-accordeon__icon { flex-shrink: 0; margin-left: 1rem; font-size: 1.4rem; font-weight: bold; line-height: 1; color: var(--accent); }
.bloc-text-accordeon__icon::before { content: "+"; }
.bloc-text-accordeon__item[open] .bloc-text-accordeon__icon::before { content: "−"; }

.bloc-text-accordeon__content { padding: 0 1.5rem 1.25rem; font-size: .98rem; line-height: 1.65; }
.bloc-text-accordeon__content p { margin: 0 0 .75rem; }
.bloc-text-accordeon__content p:last-child { margin-bottom: 0; }
.bloc-text-accordeon__content strong { color: #0f172a; }
.bloc-text-accordeon { position: relative; }
.bloc-text-accordeon--fond-logo-3-points-bleu {
  background-image: url('/themes/custom/sakyran_bootstrap5/images/CHEMIN-DU-LOGO.png');
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 300px auto;
}
@media (max-width: 640px) {
  .bloc-text-accordeon__title { font-size: 1.5rem; }
  .bloc-text-accordeon__summary { padding: 1rem; font-size: .85rem; }
  .bloc-text-accordeon__content { padding: 0 1rem 1rem; font-size: .9rem; }
}