/* Strofilia : accordéon de la carte (widget Accordéon d'Elementor + gabarits de la carte, modèle de conteneurs d'Elementor).
   Bloc (.cb) = conteneur colonne, rangées (.cl) en ligne, cellules (.cc) de largeur 100 % ou fixe, qui rétrécissent
   comme dans Elementor ; marges internes de 10 px au bureau. Textes en blanc (classe nn-crevert du site actuel). */

.accordeon { border-top: 1px solid #fff; opacity: .9; text-align: left; }
.acc-item { border: 1px solid #d5d8dc; }
.acc-item + .acc-item { border-top: none; }
.acc-titre { display: flex; align-items: center; width: 100%; margin: 0; padding: 15px 20px; border: 0; border-radius: 0; background: transparent; cursor: pointer;
  font-family: var(--inter); font-size: 16px; font-weight: 600; line-height: 1; text-align: left; color: #fff; white-space: normal; user-select: none; }
.acc-ico { display: inline-flex; width: 1.5em; flex-shrink: 0; }
.acc-ico .ico { width: auto; height: 1em; fill: #fff; }
.acc-ico .ouvert, .acc-titre[aria-expanded="true"] .ferme { display: none; }
.acc-titre[aria-expanded="true"] .ouvert { display: block; }
.acc-texte { display: block; }
.acc-contenu { border-top: 1px solid #d5d8dc; color: #fff; padding: 15px 0 0; } /* 15 px au-dessus du gabarit, comme aujourd'hui */
@media (max-width: 767px) { .acc-titre { font-size: 14px; } }

/* bloc, rangées, cellules */
.cb { display: flex; flex-direction: column; gap: var(--bg, 20px); padding: var(--bp, 10px); max-width: 1140px; margin: 0 auto; }
.cl { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 20px; padding: 0; }
.cc { display: flex; flex-direction: column; gap: var(--cg, 20px); flex: 0 1 auto; min-width: 0; width: var(--cw-d, 100%); padding: var(--cp, 10px); }
.cl-sous { width: 100%; }
@media (max-width: 1024px) { .cc { width: var(--cw-t, var(--cw-d, 100%)); } }
@media (max-width: 767px) {
  .cb { gap: var(--bgm, var(--bg, 20px)); }
  .cl { gap: 5px; }
  .cl-retour { flex-wrap: wrap; }
  .cc { width: var(--cw-m, 100%); padding: var(--cpm, var(--cp, 10px)); }
}

/* textes (titres Elementor : interligne 1, marges nulles) */
.ct { margin: 0; padding: 0; line-height: 1; font-family: var(--inter); font-size: 15px; font-weight: 400; color: #fff; }
.ct-section { font-weight: 600; text-transform: uppercase; text-align: center; }
.ct-gras, .ct-prix-gras { font-weight: 700; }
.ct-description { font-size: 13px; font-style: italic; margin-left: 10px; }
.ct-note { text-align: center; }
.ct-intertitre { font-size: 22px; font-weight: 700; text-align: center; }
@media (max-width: 767px) {
  .ct, .ct-section, .ct-gras, .ct-note, .ct-intertitre { font-size: 13px; }
  .ct-prix, .ct-prix-gras { font-size: 14px; }
  .ct-description { font-size: 12px; }
}