.av-subheading {
  text-transform: uppercase !important;
  letter-spacing: 0.18em !important;
  font-weight: 600 !important;
}

/* Boutons en pilule */
.avia-button {
  border-radius: 999px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
}

.vda-item-oui p::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: #4B5A93;
  font-weight: 700;
}

.vda-item-non p::before {
  content: "✕";
  position: absolute;
  left: 0;
  color: #A9A296;
  font-weight: 700;
}

/* Prestations */
.vda-duree p {
  border-top: 1px solid #E5DFD4;
  padding-top: 14px;
  margin-bottom: 4px;
}

/* Bloc centré : l'italique est limité aux titres et paragraphes, jamais posé sur la colonne
   elle-même, sinon il est hérité par tout ce qu'elle contient (boutons, listes…). */
.vda-centre {
  text-align: center;
}

.vda-centre .av-special-heading,
.vda-centre .av-special-heading-tag,
.vda-centre p {
  text-align: center;
  font-style: italic;
}

.vda-item-oui p,
.vda-item-non p,
.vda-parcours-item p {
  position: relative;
  padding-left: 30px;
  margin: 0 0 14px;
}

/* Prestations (accueil) : cartes en flexbox
   Structure Avia inchangée : Color Section « vda-prestations » > colonnes 1/2 + 1/1
   (hauteur égale) portant la classe « vda-prestation ».
   - Les rangées « flex_column_table » générées par Enfold sont neutralisées (display:contents) :
     toutes les cartes partagent un seul conteneur flex, avec le même écart horizontal et vertical.
   - Chaque carte est un flex vertical : durée + prix sont poussés en bas, alignés d'une carte à l'autre.
   - Sélecteurs préfixés « #top #wrap_all » : home.css est chargé avant grid.css d'Enfold. */
#top #wrap_all .avia-section.vda-prestations .entry-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}

#top #wrap_all .avia-section.vda-prestations .entry-content-wrapper::before,
#top #wrap_all .avia-section.vda-prestations .entry-content-wrapper::after,
#top #wrap_all .avia-section.vda-prestations .av-flex-placeholder {
  display: none;
}

#top #wrap_all .avia-section.vda-prestations .flex_column_table {
  display: contents;
}

#top #wrap_all .avia-section.vda-prestations .flex_column {
  flex: 1 1 100%;
  width: auto;
  margin: 0;
  float: none;
}

#top #wrap_all .avia-section.vda-prestations .flex_column.vda-prestation {
  display: flex;
  flex-direction: column;
  border-radius: 22px;
}

#top #wrap_all .avia-section.vda-prestations .flex_column.vda-prestation.av_one_half {
  flex-basis: 40%;
}

.vda-prestation .vda-prestation-titre {
  margin-top: 0;
}

/* La classe Avia est posée sur le div interne : on pousse la <section> qui contient la durée. */
.vda-prestation>.av_textblock_section:has(.vda-duree) {
  margin-top: auto;
}

/* En flex, les marges des paragraphes ne fusionnent plus entre deux Text Blocks : on retire la marge haute. */
.vda-prestation>.av_textblock_section .avia_textblock> :first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  #top #wrap_all .avia-section.vda-prestations .entry-content-wrapper {
    gap: 20px;
  }

  #top #wrap_all .avia-section.vda-prestations .flex_column.vda-prestation.av_one_half {
    flex-basis: 100%;
  }
}