/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 01 2026 | 18:45:59 */
/* MREL - Nouveaux blocs d'accueil, 2026-09-01.
   Retour arriere : passer ce bloc en brouillon ET retirer les deux
   [vc_raw_html] de la page 7370 (classes mrel-bloc-reperes / mrel-bloc-faq). */

/* ===== REPERES CHIFFRES (sous le hero) ===== */
/* el_class pose la classe sur le div interne, pas sur la section : on cible
   la section par :has() pour reprendre son rythme vertical. */
.l-section:has(.mrel-reperes) .l-section-h{padding-top:0!important;padding-bottom:0!important;}
.mrel-reperes{
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px;
  background:rgba(15,34,51,.12);border:1px solid rgba(15,34,51,.12);
  border-radius:20px;overflow:hidden;margin:clamp(22px,3vw,34px) 0 clamp(40px,6vw,72px);
}
.mrel-repere{background:#fff;padding:26px 22px;text-align:center;display:flex;flex-direction:column;gap:5px;}
.mrel-chiffre{
  font-family:'Outfit','Open Sans',sans-serif;font-weight:600;
  font-size:clamp(1.6rem,1.3rem + .9vw,2.15rem);line-height:1.1;
  letter-spacing:-.02em;color:#1B6FA8;font-variant-numeric:tabular-nums;
}
.mrel-libelle{font-size:.87rem;line-height:1.4;color:#4A5D6E;}

/* ===== FAQ (bas de page) ===== */
.l-section:has(.mrel-faq){background:#0B3C5D!important;}
.l-section:has(.mrel-faq) .l-section-h{padding-top:clamp(48px,6vw,80px)!important;padding-bottom:clamp(48px,6vw,80px)!important;}
.mrel-faq-titre{
  color:#fff!important;text-align:center;margin-bottom:34px;
  font-family:'Outfit','Open Sans',sans-serif;font-weight:600;
}
.mrel-q{
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
  border-radius:16px;margin-bottom:12px;overflow:hidden;
}
.mrel-q summary{
  cursor:pointer;list-style:none;padding:19px 54px 19px 22px;position:relative;
  font-family:'Outfit','Open Sans',sans-serif;font-weight:600;font-size:1.03rem;
  color:#fff;line-height:1.35;
}
.mrel-q summary::-webkit-details-marker{display:none;}
.mrel-q summary::after{
  content:'';position:absolute;right:24px;top:50%;
  width:10px;height:10px;margin-top:-6px;
  border-right:2px solid rgba(255,255,255,.75);border-bottom:2px solid rgba(255,255,255,.75);
  transform:rotate(45deg);transition:transform .22s ease;
}
.mrel-q[open] summary::after{transform:rotate(-135deg);margin-top:-2px;}
.mrel-q summary:hover{background:rgba(255,255,255,.05);}
.mrel-q summary:focus-visible{outline:3px solid #fff;outline-offset:-3px;}
.mrel-r{padding:0 22px 20px;}
.mrel-r p{color:rgba(255,255,255,.86)!important;font-size:.97rem;line-height:1.6;margin:0;max-width:74ch;}

@media (max-width:900px){
  .mrel-reperes{grid-template-columns:repeat(2,1fr);margin:32px 0;}
  .mrel-repere{padding:20px 14px;}
  .mrel-q summary{padding:16px 46px 16px 18px;font-size:.98rem;}
  .mrel-r{padding:0 18px 18px;}
}
@media (prefers-reduced-motion:reduce){.mrel-q summary::after{transition:none;}}

/* La section qui ne porte que le JSON-LD de la FAQ ne doit rien occuper. */
.l-section:has(.mrel-schema-faq){display:none!important;}

/* ===== CARTE PRATICIEN (juste sous le hero) =====
   Toutes les mentions viennent de la fiche Doctolib du praticien. */
.l-section:has(.mrel-praticien) .l-section-h{padding-top:clamp(40px,5vw,64px)!important;padding-bottom:0!important;}
.mrel-praticien{
  display:flex;gap:clamp(20px,3vw,34px);align-items:center;
  background:#fff;border:1px solid rgba(15,34,51,.12);
  border-radius:22px;padding:clamp(20px,2.5vw,30px);
  box-shadow:0 1px 2px rgba(11,60,93,.05),0 14px 40px rgba(11,60,93,.08);
}
.mrel-prat-photo{
  width:132px;height:170px;flex:0 0 132px;
  object-fit:cover;object-position:50% 8%;
  border-radius:16px;background:#EEF5FA;
}
.mrel-prat-nom{
  font-family:'Outfit','Open Sans',sans-serif;font-weight:600;
  font-size:clamp(1.2rem,1.05rem + .5vw,1.5rem);color:#0B3C5D;
  margin:0 0 3px;line-height:1.2;
}
.mrel-prat-role{font-size:.92rem;color:#4A5D6E;margin:0 0 16px;}
.mrel-prat-liste{list-style:none;margin:0;padding:0;display:grid;gap:9px;}
.mrel-prat-liste li{display:flex;gap:11px;align-items:flex-start;font-size:.94rem;line-height:1.45;color:#14212B;}
.mrel-prat-liste svg{flex:0 0 18px;margin-top:3px;color:#1B6FA8;}
@media (max-width:700px){
  .mrel-praticien{flex-direction:column;align-items:flex-start;text-align:left;}
  .mrel-prat-photo{width:104px;height:132px;flex:0 0 auto;}
  .mrel-prat-liste li{font-size:.9rem;}
}

/* lien de la carte praticien vers sa page dediee */
.mrel-prat-nom a{color:inherit;text-decoration:none;}
.mrel-prat-nom a:hover{text-decoration:underline;text-underline-offset:3px;}
.mrel-prat-lien{
  display:inline-flex;align-items:center;gap:7px;margin-top:16px;
  font-family:'Outfit','Open Sans',sans-serif;font-weight:600;font-size:.93rem;
  color:#1B6FA8;text-decoration:none;
}
.mrel-prat-lien::after{content:'→';transition:transform .2s ease;}
.mrel-prat-lien:hover::after{transform:translateX(3px);}
.mrel-prat-lien:hover{text-decoration:underline;text-underline-offset:3px;}

/* lisibilite du corps de texte des pages de contenu */


/* ===== PAGES DE CONTENU (praticien, tarifs) ===== */
.page-id-7776 .wpb_text_column p,.page-id-7776 .wpb_text_column ul{max-width:72ch;}
.page-id-7776 .wpb_text_column h2{margin-top:1.8em;}
.page-id-7776 .wpb_text_column li{margin-bottom:.5em;}
.page-id-7776 table{width:100%;border-collapse:collapse;margin:1.4em 0;}
.page-id-7776 th{text-align:left;font-family:'Outfit','Open Sans',sans-serif;font-weight:600;color:#0B3C5D;}
.page-id-7776 td,.page-id-7776 th{padding:12px 14px;border-bottom:1px solid rgba(15,34,51,.12);}
.page-id-7776 td:nth-child(2),.page-id-7776 td:nth-child(3),.page-id-7776 td:nth-child(4){font-variant-numeric:tabular-nums;}
.page-id-7776 td:nth-child(4){font-weight:600;color:#0B3C5D;}

/* un tableau a 4 colonnes ne retrecit pas : sous 700px on le deplie en liste,
   chaque en-tete devenant un libelle en clair devant sa valeur. */
@media (max-width:700px){
  /* le tableau n'a pas de thead : la rangee d'en-tetes est un tr de th
     dans le tbody implicite. C'est elle qu'il faut masquer. */
  .page-id-7776 table thead,.page-id-7776 tr:has(th){display:none!important;}
  .page-id-7776 table,.page-id-7776 tbody,.page-id-7776 tr,.page-id-7776 td{display:block;width:100%;}
  .page-id-7776 tr{
    border:1px solid rgba(15,34,51,.14);border-radius:14px;
    padding:14px 16px;margin-bottom:12px;background:#fff;
  }
  .page-id-7776 td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:14px;}
  .page-id-7776 td:first-child{
    font-family:'Outfit','Open Sans',sans-serif;font-weight:600;color:#0B3C5D;
    font-size:1.02rem;padding-bottom:9px;margin-bottom:5px;
    border-bottom:1px solid rgba(15,34,51,.1);display:block;
  }
  .page-id-7776 td:nth-child(2)::before{content:'Base de remboursement';}
  .page-id-7776 td:nth-child(3)::before{content:'Taux';}
  .page-id-7776 td:nth-child(4)::before{content:'Remboursé';}
  .page-id-7776 td::before{color:#4A5D6E;font-size:.9rem;}
}

/* ===== PAGES DE CONTENU (praticien, tarifs, FAQ, 1re consultation) ===== */
.page-id-7771 .wpb_text_column p,.page-id-7776 .wpb_text_column p,.page-id-7779 .wpb_text_column p,.page-id-7780 .wpb_text_column p,
.page-id-7771 .wpb_text_column ul,.page-id-7776 .wpb_text_column ul,.page-id-7779 .wpb_text_column ul,.page-id-7780 .wpb_text_column ul{max-width:72ch;}
.page-id-7771 .wpb_text_column h2,.page-id-7776 .wpb_text_column h2,.page-id-7779 .wpb_text_column h2,.page-id-7780 .wpb_text_column h2{margin-top:1.9em;}
.page-id-7779 .wpb_text_column h3,.page-id-7771 .wpb_text_column h3{margin-top:1.5em;color:#0B3C5D;}
.page-id-7771 .wpb_text_column li,.page-id-7776 .wpb_text_column li,.page-id-7779 .wpb_text_column li,.page-id-7780 .wpb_text_column li{margin-bottom:.55em;}
.page-id-7771 .wpb_text_column ul,.page-id-7776 .wpb_text_column ul,.page-id-7780 .wpb_text_column ul{padding-left:1.2em;}