/* Le Séjour Parfait — MAJ 50 (23/10/2026) : typographie du nouvel accueil sur toutes les pages du Séjour Parfait.
   Familles de police (tailles du texte inchangées, sauf l'en-tête vidéo aligné sur l'accueil) :
   titres = Optima, sinon Marcellus ; textes, boutons et formulaires = Optima, sinon Quattrocento Sans. */
@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400&display=swap");
:root{
  --lsp-f-titre:Optima,"Optima Web","Marcellus",Georgia,serif;
  --lsp-f-texte:Optima,"Optima Web","Quattrocento Sans","DM Sans",system-ui,sans-serif;
  --texte:var(--lsp-f-texte)!important;
  --titre:var(--lsp-f-texte)!important;
  --display:var(--lsp-f-texte)!important;
  --luxe:var(--lsp-f-titre)!important;
  --lx-titre:var(--lsp-f-titre)!important;
  --lx-texte:var(--lsp-f-texte)!important;
}
body{font-family:var(--lsp-f-texte)}
/* textes, boutons, formulaires (y compris les polices écrites en dur dans les anciennes feuilles) */
body :is(p,a,li,label,input,select,textarea,button,span,small,strong,em,b,i,div,td,th,h4,h5,h6,dt,dd,figcaption,summary,time,output){font-family:var(--lsp-f-texte)!important}
/* titres */
body :is(h1,h2,h3):not(#lsp-x){font-family:var(--lsp-f-titre)!important;font-weight:400!important;letter-spacing:0}
/* exceptions conservées : codes des tickets (chiffres bien lisibles) et écriture manuscrite */
body .code b,body .tk-code b,body .cr-ok h3 span,body code,body kbd{font-family:ui-monospace,Menlo,Consolas,monospace!important}
body .hx-script,body .lsp-script{font-family:"Caveat","Segoe Script",cursive!important}

/* En-tête vidéo des autres pages (Résidences…) : mêmes réglages que l'accueil — textes discrets, voile léger */
.lx::after{background:linear-gradient(180deg,rgba(8,12,14,.40) 0%,rgba(8,12,14,.06) 28%,rgba(8,12,14,.06) 64%,rgba(8,12,14,.40) 100%)!important}
.lx h1{font-size:clamp(28px,4.2vw,64px)!important;line-height:1.05!important;letter-spacing:.16em!important;text-shadow:0 2px 22px rgba(0,0,0,.35)!important}
.lx p{margin-top:clamp(10px,1.8vh,18px)!important;max-width:460px!important;font-size:clamp(13px,1vw,15px)!important;line-height:1.55!important;text-shadow:0 1px 10px rgba(0,0,0,.5)}
.lx-kicker{font-size:10.5px!important;letter-spacing:.36em!important}
@media (max-width:900px){.lx h1{font-size:clamp(26px,8.4vw,38px)!important;letter-spacing:.12em!important}.lx p{font-size:13px!important;max-width:290px!important}}

/* Accueil, téléphone : encadré blanc plus petit, posé en bas de la photo pour laisser voir l'image */
@media (max-width:700px){
  body.page-accueil .bbr-edito{min-height:78vh;min-height:78svh;padding:0 0 16px!important;align-items:flex-end!important;justify-content:center!important}
  body.page-accueil .bbr-edito__carte,body.page-accueil .bbr-edito--gauche .bbr-edito__carte,body.page-accueil .bbr-edito--droite .bbr-edito__carte{margin:0 14px!important;padding:18px 18px 16px!important;width:auto!important;background:rgba(255,255,255,.94)!important;box-shadow:0 18px 40px -22px rgba(0,0,0,.55)!important}
  body.page-accueil .bbr-edito .bbr-sur{margin-bottom:8px;font-size:8.8px;letter-spacing:.4em}
  body.page-accueil .bbr-edito h2{font-size:19px!important;line-height:1.2!important;margin:0 0 8px!important}
  body.page-accueil .bbr-edito p{font-size:13px!important;line-height:1.5!important;margin:0 0 12px!important}
  body.page-accueil .bbr-edito .bbr-lien{font-size:10px;letter-spacing:.3em;padding-bottom:5px}
}