/* EVJF Deauville, bord de mer 2.2.0 : raccords des pages catalogue (type « offres »).
   La maquette (maquette.css) stylise les pastilles des cartes comme des <span> ; dans le thème les libellés des onglets Divi
   restent dans leurs <li> d'origine (contenu déplacé tel quel), d'où ces règles. Rien n'est réécrit dans da.css ni maquette.css. */

/* pastilles : liste sans puces, mêmes réglages que .evjf-pastilles span de la maquette */
body.evjf-bdm .evjf-offre ul.evjf-pastilles{list-style:none; margin:0; padding:0}
body.evjf-bdm .evjf-offre .evjf-pastilles li{background:var(--poudre); color:var(--marine); font-size:11.5px; font-weight:600; letter-spacing:.04em; padding:7px 10px; border-radius:3px; line-height:1.3; margin:0}
/* le libellé est le lien <a href="#"> de l'onglet Divi : inerte, sans soulignement (comme les tarifs de l'accueil) */
body.evjf-bdm .evjf-offre .evjf-pastilles a{color:inherit; text-decoration:none; pointer-events:none; cursor:default}
@media (max-width:600px){ body.evjf-bdm .evjf-offre .evjf-pastilles li{font-size:12px} }

/* cartes sans lien (formules) : le titre du CTA tient lieu de nom, à la taille du nom */
body.evjf-bdm .evjf-offre .evjf-nom h2, body.evjf-bdm .evjf-offre .evjf-nom h3, body.evjf-bdm .evjf-offre .evjf-nom h4{font-size:inherit; line-height:inherit; margin:0; max-width:none}
body.evjf-bdm .evjf-offre .evjf-nom h2 span{font-size:inherit}

/* description repliée (« Lire la suite ») */
body.evjf-bdm .evjf-offre .evjf-desc{font-size:15px; line-height:1.6; color:var(--texte)}
body.evjf-bdm .evjf-offre .evjf-desc p{margin:0 0 8px; max-width:none; font-size:inherit; line-height:inherit}
body.evjf-bdm .evjf-offre .evjf-desc ul{margin:0 0 8px; padding-left:18px}
body.evjf-bdm .evjf-offre .evjf-desc.evjf-clamp{display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden}

/* texte de section placé après la grille (rare) et titre de bande de liens sans h2 (paragraphe) */
body.evjf-bdm .evjf-sec--offres .evjf-apres{margin-top:34px}
body.evjf-bdm .evjf-bande-liens .evjf-wrap > p{color:#fff; max-width:60ch; margin:0 auto 30px; font-size:17px; line-height:1.6}
body.evjf-bdm .evjf-bande-liens .evjf-wrap > p a{color:#fff}

/* intro avec bouton (hébergements, accessoires) */
body.evjf-bdm .evjf-sec--intro .evjf-btnrow--intro{margin-top:26px}

/* ---------- packs (page « nos formules complètes ») : présentation « pack » de la maquette de l'accueil ----------
   Les règles .evjf-pack de maquette.css font le gros du travail ; il reste à habiller ce que la maquette n'a pas :
   la tuile décorative quand la page n'a pas de photo, le nom (un <p> et non un <h3>, aucun titre n'est ajouté),
   la ligne de tarif (une <ul> d'onglet Divi) et la note de tarif secondaire. */
body.evjf-bdm .evjf-pack{overflow:hidden}
body.evjf-bdm .evjf-pack > .evjf-sansphoto{display:block; width:calc(100% + 44px); height:160px; margin:-34px -22px 22px; border-bottom:1px solid var(--marine); border-radius:3px 3px 0 0; background:var(--poudre); position:relative}
body.evjf-bdm .evjf-pack > .evjf-sansphoto::after{content:""; position:absolute; inset:0; background:var(--dood) 50% 50%/72px auto no-repeat}
body.evjf-bdm .evjf-pack .evjf-nom{margin:0; display:block}
/* le nom du pack est le titre du site (h2/h3) ou son lien : même corps que la maquette, deux lignes réservées
   pour que le tarif démarre à la même hauteur d'une tuile à l'autre */
body.evjf-bdm .evjf-pack .evjf-nom, body.evjf-bdm .evjf-pack .evjf-nom :is(h2,h3,h4,h5){font-family:var(--display); font-weight:var(--dweight); font-stretch:var(--dstretch); font-size:24px; letter-spacing:.04em; line-height:1.1; margin:0; color:var(--marine); text-align:left; max-width:none}
body.evjf-bdm .evjf-pack .evjf-nom :is(h2,h3,h4,h5)::before, body.evjf-bdm .evjf-pack .evjf-nom :is(h2,h3,h4,h5)::after{content:none}
body.evjf-bdm .evjf-pack .evjf-nom{min-height:2.2em}
body.evjf-bdm .evjf-pack .evjf-nom a{color:inherit; text-decoration:none}
body.evjf-bdm .evjf-pack .evjf-nom a:hover{text-decoration:underline; text-underline-offset:5px; text-decoration-color:var(--bleu)}
body.evjf-bdm .evjf-pack .evjf-prix{list-style:none; padding:0}
body.evjf-bdm .evjf-pack .evjf-prix li{margin:0; padding:0; border:0; display:block}
body.evjf-bdm .evjf-pack .evjf-prix a{color:inherit; text-decoration:none; pointer-events:none; cursor:default}
body.evjf-bdm .evjf-pack .evjf-prix--note{margin:14px 0 0; font-size:12.5px; line-height:1.35; color:var(--gris); text-transform:none; letter-spacing:0; font-weight:400}
body.evjf-bdm .evjf-pack .evjf-inclus li span{white-space:nowrap}
body.evjf-bdm .evjf-pack .evjf-btn{margin-top:auto; align-self:flex-start}   /* boutons alignés en bas de chaque tuile */
body.evjf-bdm .evjf-pack .evjf-cache{display:none}
@media (max-width:820px){
  body.evjf-bdm .evjf-pack > .evjf-sansphoto{width:calc(100% + 32px); margin:-26px -16px 16px; height:130px}
  body.evjf-bdm .evjf-pack .evjf-nom, body.evjf-bdm .evjf-pack .evjf-nom :is(h2,h3,h4,h5){font-size:20px}
}
@media (max-width:600px){
  body.evjf-bdm .evjf-pack > .evjf-sansphoto{width:calc(100% + 24px); margin:0 -12px 12px; height:104px; border-radius:3px 3px 0 0}
  body.evjf-bdm .evjf-pack .evjf-nom, body.evjf-bdm .evjf-pack .evjf-nom :is(h2,h3,h4,h5){font-size:17px; letter-spacing:.02em}
  body.evjf-bdm .evjf-pack .evjf-prix--note{font-size:11.5px; margin:10px 0 0}
  body.evjf-bdm .evjf-pack .evjf-btn{width:100%; text-align:center; align-self:stretch}
}
/* ---------- texte posé sur les rayures (2.2.4) ----------
   Titre et textes d'une bande rayée sur une carte crème, comme les cartes des bandes de l'accueil ; un paragraphe seul
   est centré sous le titre, plusieurs paragraphes restent alignés à gauche pour la lecture. */
body.evjf-bdm .evjf-sec--band .evjf-tete-bande{position:relative; z-index:1; max-width:860px; margin:0 auto 38px; padding:34px 44px 30px; box-sizing:border-box; background:var(--lumineux); border:1px solid var(--filet); border-radius:4px; text-align:left}
body.evjf-bdm .evjf-sec--band .evjf-tete-bande > :first-child{margin-top:0}
body.evjf-bdm .evjf-sec--band .evjf-tete-bande > :last-child{margin-bottom:0}
body.evjf-bdm .evjf-sec--band .evjf-tete-bande--court p{text-align:center}
body.evjf-bdm .evjf-sec--band .evjf-apres.evjf-tete-bande{margin:34px auto 0}
@media (max-width:820px){ body.evjf-bdm .evjf-sec--band .evjf-tete-bande{padding:26px 22px 22px; margin-bottom:28px} }
@media (max-width:600px){ body.evjf-bdm .evjf-sec--band .evjf-tete-bande{padding:22px 16px 18px} }
/* ---------- résumé d'une formule (2.2.5) : onglets Divi partagés par tout le groupe (formule 24h), dans l'en-tête ---------- */
body.evjf-bdm .evjf-resume{margin:20px auto 0; padding-top:20px; border-top:1px solid var(--filet); max-width:860px}
body.evjf-bdm .evjf-resume ul.evjf-pastilles{list-style:none; margin:0 0 14px; padding:0; display:flex; flex-wrap:wrap; justify-content:center; gap:6px}
body.evjf-bdm .evjf-resume .evjf-pastilles li{background:var(--poudre); color:var(--marine); font-size:13px; font-weight:600; letter-spacing:.03em; padding:8px 14px; border-radius:3px; line-height:1.35; margin:0; text-align:center}
body.evjf-bdm .evjf-resume .evjf-pastilles a{color:inherit; text-decoration:none; pointer-events:none; cursor:default}
body.evjf-bdm .evjf-resume .evjf-desc > :last-child{margin-bottom:0}
body.evjf-bdm .evjf-resume .evjf-note{margin:12px 0 0; font-size:12.5px; color:var(--gris); text-align:center}
body.evjf-bdm .evjf-resume .evjf-note p{margin:0 auto; text-align:center}
@media (max-width:600px){ body.evjf-bdm .evjf-resume .evjf-pastilles li{font-size:12px; padding:7px 10px} }