/* Papa Davy — styles communs ajoutés aux maquettes (calendrier, formulaire,
   sélecteur de maquettes). Les couleurs viennent de la maquette active. */

body[data-maquette="a"]{--pd-accent:#0E7A5F;--pd-texte:#17332B;--pd-muet:#5E7A70;--pd-bord:rgba(14,122,95,.22);--pd-champ:#fff;--pd-rayon:14px}
body[data-maquette="b"]{--pd-accent:#9A6A08;--pd-texte:#0B1630;--pd-muet:#6B7790;--pd-bord:rgba(7,14,28,.18);--pd-champ:#fff;--pd-rayon:8px}
body[data-maquette="c"]{--pd-accent:#0E3B4C;--pd-texte:#122A33;--pd-muet:#4F6B75;--pd-bord:rgba(14,59,76,.2);--pd-champ:#fff;--pd-rayon:12px}

/* Portrait : balise <picture> dans le conteneur de la maquette */
.hero-photo picture{display:block;width:100%;height:100%}
/* Mobile : photo plus haute pour montrer le visage en entier (portrait de face) */
@media (max-width:980px){.hero .hero-photo{height:92vw;max-height:620px}.hero .hero-photo img{object-position:center 12%}}
/* Maquette C : les spans de contenu dans la citation gardent le style de la citation */
body[data-maquette="c"] .temoin p span{font-size:inherit;color:inherit}

/* Réserver : texte en haut, calendrier Cal.com pleine largeur dessous */
.reserver .bloc.avec-cal{grid-template-columns:1fr}
.cal-zone{width:100%;min-height:620px;border-radius:16px;overflow:hidden}
.cal-zone .cal-repli{display:grid;place-items:center;min-height:620px;text-align:center;padding:24px;font-size:15px;color:var(--pd-muet)}
.cal-zone .cal-repli a{text-decoration:underline;font-weight:600;color:inherit}
body[data-maquette="b"] .cal-zone .cal-repli{color:#C3CBDD}
@media (max-width:600px){.cal-zone,.cal-zone .cal-repli{min-height:520px}}

/* Formules : les cartes ne débordent jamais (bouton long autorisé à passer à la ligne) */
.offres>*{min-width:0}
.offre .btn{white-space:normal;text-align:center;line-height:1.3}
/* Maquette C : la formule mise en avant ne dépasse pas de l'écran sur mobile */
@media (max-width:980px){body[data-maquette="c"] .tarif.mise{margin:0 -12px;padding:26px 12px}}

/* Ligne « ou X € via PayPal » sous les prix */
.prix-paypal{display:block;margin-top:8px;font-size:13px;font-weight:500;letter-spacing:0;opacity:.8;font-family:inherit}
.offre.mise .prix-paypal{opacity:.85}

/* Pied de page : formulaire de contact discret */
.contact-pied{width:100%;border-top:1px solid var(--pd-bord);margin-top:28px;padding-top:28px;display:grid;grid-template-columns:1fr 1.6fr;gap:40px;align-items:start}
.contact-pied h2{font-size:22px;margin-bottom:6px;letter-spacing:-.01em;line-height:1.2}
.contact-pied p{font-size:14.5px;color:var(--pd-muet);max-width:40ch}
#form-contact{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#form-contact label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--pd-texte);font-family:inherit}
#form-contact .large{grid-column:1/-1}
#form-contact input,#form-contact textarea{font:inherit;font-size:15px;font-weight:400;color:var(--pd-texte);background:var(--pd-champ);border:1px solid var(--pd-bord);border-radius:var(--pd-rayon);padding:11px 14px;width:100%}
#form-contact textarea{min-height:110px;resize:vertical}
#form-contact input:focus-visible,#form-contact textarea:focus-visible{outline:2px solid var(--pd-accent);outline-offset:1px}
#form-contact .pied-form{grid-column:1/-1;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
#form-contact .pied-form small{font-size:12.5px;color:var(--pd-muet);flex:1;min-width:220px}
#form-contact .pied-form small a{text-decoration:underline}
#form-contact button{border:0;cursor:pointer;font-family:inherit}
#form-contact button[disabled]{opacity:.6;cursor:wait}
.piege{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.contact-etat{grid-column:1/-1;font-size:14px;min-height:1.4em;color:var(--pd-muet)}
.contact-etat.ok{color:#0E7A5F;font-weight:600}
.contact-etat.erreur{color:#B3261E;font-weight:600}
@media (max-width:760px){.contact-pied,#form-contact{grid-template-columns:1fr}}

/* Sélecteur A / B / C — repris de docs/papa-davy-3-maquettes.html (visible pendant le choix du client) */
.selecteur-maquettes{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:100;display:flex;gap:6px;padding:6px;background:rgba(20,20,20,.92);border:1px solid rgba(255,255,255,.12);border-radius:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 20px 50px rgba(0,0,0,.35);font-family:system-ui,sans-serif;line-height:1.25}
.selecteur-maquettes a{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 14px;border-radius:11px;color:#bbb;min-width:150px;transition:background .2s,color .2s;text-decoration:none}
.selecteur-maquettes a:hover{background:rgba(255,255,255,.08);color:#fff}
.selecteur-maquettes a.on{background:#fff;color:#111}
.selecteur-maquettes b{font-size:11px;letter-spacing:.08em;opacity:.7}
.selecteur-maquettes span{font-size:14px;font-weight:600}
.selecteur-maquettes small{font-size:11.5px;opacity:.7}
.selecteur-maquettes .k{display:flex;align-items:center;padding:0 10px;color:#888;font-size:11px;border-left:1px solid rgba(255,255,255,.1);margin-left:4px}
/* Les boutons flottants de réservation remontent au-dessus du sélecteur */
body.avec-selecteur .flot-cta,body.avec-selecteur .flot{bottom:96px}
@media (max-width:1180px){.selecteur-maquettes .k{display:none}}
@media (max-width:980px){body.avec-selecteur .barre-mobile{bottom:84px}body.avec-selecteur footer{padding-bottom:180px}}
@media (max-width:600px){.selecteur-maquettes{left:8px;right:8px;transform:none;bottom:8px}.selecteur-maquettes a{min-width:0;flex:1;padding:8px 10px}.selecteur-maquettes small{display:none}.selecteur-maquettes span{font-size:12.5px}body.avec-selecteur .barre-mobile{bottom:76px}}

/* Accessibilité : lien d'évitement */
.evitement{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;color:#111;padding:10px 16px;border-radius:8px;font-weight:600}
.evitement:focus{left:8px}

[hidden]{display:none!important}
