/* page « La carte » du site en ligne (origin/main), reportée dans l'ancienne version le 21/10 */

/* — depuis assets/css/nuit.css — */
.page-int,.page-carte,.page-resa{background:var(--nuit);color:#fff}
.page-int .tete,.page-carte .tete{background:#070707e6;backdrop-filter:blur(14px)}
.bandeau-page,.carte-hero{background:var(--nuit)}
.bandeau-page::after,.carte-hero::after{background:linear-gradient(90deg,#070707f2,#070707b3 55%,#07070766),radial-gradient(circle at 85% 30%,#c9a24a26,transparent 45%)}
.bandeau-page .jp,.carte-hero .jp{color:var(--or);text-shadow:0 0 12px #c9a24a88;letter-spacing:.4em}
.bandeau-page h1,.carte-hero h1{text-shadow:0 0 40px #c9a24a33}
.bandeau-page p,.carte-hero p{color:#dbe6f2}
.page-int .a-confirmer,.page-carte .a-confirmer,.page-resa .a-confirmer{background:transparent;color:#e2cc95;border:1px dashed #c9a24a99;border-radius:999px}
.page-carte .pastilles{background:#070707eb;border-bottom:1px solid #ffffff1f}
.page-carte .pastilles a{color:#dbe6f2;border-color:#ffffff33}
.page-carte .pastilles a:hover{border-color:var(--elec)}
.page-carte .pastilles a.on{background:linear-gradient(90deg,#a07a2c,#e2c178);color:#1a1203;border-color:transparent;box-shadow:0 0 18px #e2c17855}
.carte-corps{background:var(--nuit)}
.rubrique{border-bottom:0;margin:0;padding:56px 0;background:none;box-shadow:none}
.r-tete h2{color:#fff;font-family:var(--italique);font-style:italic;font-size:46px}
.article{border-bottom:1px solid #ffffff1a}
.a-ligne b{font-family:var(--italique);font-style:italic;font-weight:500;font-size:25px;color:#fff}
.a-ligne small{color:#9fb2c6}
.a-ligne .px{color:var(--or);text-shadow:0 0 10px #c9a24a66}
.article p{color:#c9d6e6}
.carte-cta{background:linear-gradient(120deg,#0d0d0d,#070707)}
@media (max-width:900px){
.rubrique{padding:0;margin:0 0 12px;background:none;box-shadow:none}
.r-tete{background:none;border:0;padding:14px 0 6px}
.r-tete h2{font-size:24px}
.rubrique.ouverte .r-tete{box-shadow:none}
.a-ligne b{font-size:21px}
.a-photo{background-color:var(--or)!important}
.feuille .a-ligne b{color:#fff}
}
.carte-fond{position:relative;isolation:isolate;background:var(--nuit);overflow:clip}
.carte-fond>.fond-led{position:sticky;top:0;display:block;width:100%;height:100vh;margin-bottom:-100vh;z-index:0;background:#fff}
.carte-fond>.carte-corps{position:relative;z-index:1;background:transparent}
.page-carte .onglets{background:#ffffff12}
.page-carte .onglets [role="tab"]{color:#dbe6f2}
.page-carte .onglets [role="tab"]:hover{background:#ffffff14}
.page-carte .onglets [role="tab"][aria-selected="true"]{background:linear-gradient(90deg,#a07a2c,#e2c178);color:#1a1203}
.page-carte .r-note{color:#9fb3c8}
.page-carte .pastilles{background:#070707f2;border-bottom:0;gap:44px}
.page-carte .onglets{background:none;padding:0;gap:30px}
.page-carte .onglets [role="tab"]{background:none!important;box-shadow:none!important;padding:0 2px;font:400 25px/1 var(--display);letter-spacing:.01em;color:#ffffff80;transition:color .3s}
.page-carte .onglets [role="tab"]:hover{color:#fff}
.page-carte .onglets [role="tab"][aria-selected="true"]{color:var(--or);font-style:italic}
.page-carte .pastilles a{border:0!important;background:none!important;box-shadow:none!important;border-radius:0;min-height:44px;display:inline-flex;align-items:center;padding:0 12px;font:500 15px/1 var(--texte);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c;transition:color .3s}
.page-carte .pastilles a:hover{color:#fff}
.page-carte .pastilles a.on{color:var(--or)}
.page-carte .pastilles a[hidden]{display:none}
@media (max-width:900px){
.page-carte .pastilles{padding:6px 16px 0}
.page-carte .onglets{justify-content:center;gap:26px}
.page-carte .onglets [role="tab"]{flex:none;font-size:22px}
.page-carte .pastilles a{padding:0 10px;font-size:15px;letter-spacing:.1em}
}
.page-carte .onglets{gap:38px}
.page-carte .onglets [role="tab"]{font-size:36px;color:#ffffffbf;min-height:56px}
.page-carte .onglets [role="tab"][aria-selected="true"]{color:var(--or)}
@media (max-width:900px){
.page-carte .onglets{gap:24px}
.page-carte .onglets [role="tab"]{font-size:28px;min-height:50px}
}
@keyframes dp-defile{to{transform:translateX(calc(-50% - 9px))}}

/* — depuis assets/css/immersif.css — */
@media (max-width:900px){
.neon-sep[data-vue] i{transform:scaleX(clamp(0,calc((var(--p,1) - .08)*3.2),1));transition:none}
.neon-sep[data-vue] i:first-child{transform-origin:100% 50%}
.neon-sep[data-vue] i:last-child{transform-origin:0 50%}
}
@media (max-width:900px){
.carte-fond .rubrique.ouverte .articles{padding:0}
}
@media (max-width:900px){
.article .nouveau{font-size:15px!important;padding:3px 10px!important}
}
.pastilles .p-prec,.pastilles .p-suiv{display:none}
@media (min-width:901px){
.pastilles{position:sticky}
.pastilles-piste{cursor:grab;user-select:none}
.pastilles-piste.tire{cursor:grabbing}
.pastilles-piste.tire a{pointer-events:none}
.pastilles .p-prec,.pastilles .p-suiv{display:flex;position:absolute;top:0;bottom:1px;z-index:2;width:84px;align-items:center;border:0;padding:0;font-size:30px;line-height:1;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .3s}
.pastilles .p-prec{left:0;justify-content:flex-start;padding-left:22px;background:linear-gradient(90deg,#070707 40%,#07070700)}
.pastilles .p-suiv{right:0;justify-content:flex-end;padding-right:22px;background:linear-gradient(270deg,#070707 40%,#07070700)}
.pastilles .p-prec.on,.pastilles .p-suiv.on{opacity:1;pointer-events:auto}
.pastilles .p-prec:hover,.pastilles .p-suiv:hover{color:var(--elec);text-shadow:0 0 12px var(--elec)}
}
@media (max-width:900px){
.carte-fond .rubrique{margin-bottom:20px!important}
.carte-fond .article{padding-top:16px!important;padding-bottom:16px!important}
}

/* — depuis assets/css/mouvement.css — */
@keyframes lc-respire{from{transform:scale(1.12)}to{transform:scale(1)}}
.bandeau-page,.carte-hero{min-height:62vh;display:flex;align-items:flex-end}
.bandeau-page .bp-photo,.carte-hero .bp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;filter:brightness(.55) saturate(.9);animation:bp-pose 12s cubic-bezier(.2,.7,.2,1) both}
@keyframes bp-pose{from{transform:scale(1.14)}to{transform:scale(1)}}
.bandeau-page canvas,.carte-hero canvas{opacity:.35!important;mix-blend-mode:screen;z-index:1}
.bandeau-page::after,.carte-hero::after{z-index:1!important;background:linear-gradient(90deg,#050505f2,#050505a6 55%,#05050540),linear-gradient(#05050500 40%,#050505)!important}
.bandeau-page .wrap,.carte-hero .wrap{z-index:2;padding-bottom:20px}
.bandeau-page h1,.carte-hero h1{font-size:clamp(64px,8vw,128px)!important;font-weight:400;line-height:.95;text-shadow:none!important}
.bandeau-page .jp,.carte-hero .jp{text-shadow:none!important}
@media (max-width:900px){
.bandeau-page,.carte-hero{min-height:46svh}
.bandeau-page h1,.carte-hero h1{font-size:56px!important}
}
@keyframes ld-defile{to{transform:translateX(calc(-50% - 13px))}}
.resa-t.resa-photo{position:relative;min-height:88vh;display:grid;place-items:center;padding:120px 0!important;overflow:hidden;background:#050505!important}
.resa-photo .rt-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(calc(1.12 - var(--p,.5) * .12));will-change:transform}
.resa-photo .resa-voile{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,#050505a6,#050505e6 75%),linear-gradient(#050505,#05050500 22%,#05050500 78%,#050505)!important}
.resa-photo>.wrap{position:relative;z-index:2;text-align:center}
.resa-photo h2{font-size:clamp(56px,7vw,110px)!important;color:#fff}
.resa-photo h2 em{color:var(--or)}
.resa-photo .resa-info{color:#e8e1d2}
@media (max-width:900px){
.resa-t.resa-photo{min-height:78svh;padding:70px 0!important}
.resa-photo h2{font-size:48px!important}
}
@keyframes neon-allume{0%{opacity:.25}8%{opacity:1}12%{opacity:.3}18%{opacity:1}24%{opacity:.5}30%,100%{opacity:1}}
@keyframes neon-vibre{0%,100%{opacity:1}48%{opacity:1}50%{opacity:.86}52%{opacity:1}}

/* — depuis assets/css/da.css — */
@keyframes da-onyx{from{background-position:100% 0,center}to{background-position:-50% 0,center}}
@keyframes da-lumiere{0%,20%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@keyframes da-reflet{0%,15%{background-position:120% 0}85%,100%{background-position:-20% 0}}
@keyframes da-pouls{to{box-shadow:0 0 0 10px #e6c47a00}}
.da-ouvert[hidden]{display:none}
@keyframes da-tampon{0%{opacity:0;transform:scale(2.2) rotate(-28deg)}70%{opacity:1;transform:scale(.94) rotate(-6deg)}100%{opacity:1;transform:scale(1) rotate(-8deg)}}
@keyframes da-onde{0%{opacity:.9;transform:scale(.9)}100%{opacity:0;transform:scale(1.6)}}
@keyframes da-trace{to{stroke-dashoffset:0}}
html body main .resa-t.resa-photo{min-height:0!important;padding:110px 0 80px!important}
@media (max-width:900px){
html body main .resa-t.resa-photo{padding:64px 0 46px!important}
}
html body .pastilles-zone{position:relative}
html body .pastilles-zone::before,html body .pastilles-zone::after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:2;pointer-events:none;transition:opacity .3s}
html body .pastilles-zone::before{left:0;background:linear-gradient(90deg,#070707,#07070700);opacity:0}
html body .pastilles-zone::after{right:0;background:linear-gradient(270deg,#070707 30%,#07070700)}
html body .pastilles-zone.debut::before{opacity:0}
html body .pastilles-zone:not(.debut)::before{opacity:1}
html body .pastilles-zone.fin::after{opacity:0}
html body .pastilles-zone .p-indice{position:absolute;right:2px;top:50%;z-index:3;translate:0 -50%;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
  background:#c9a24a;color:#140e02;font-size:17px;line-height:1;cursor:pointer;animation:p-pousse 1.6s ease-in-out infinite;transition:opacity .3s}
html body .pastilles-zone.fin .p-indice{opacity:0;pointer-events:none}
@keyframes p-pousse{50%{translate:5px -50%}}
html body .pastilles-piste.p-invite{animation:p-invite 1.4s cubic-bezier(.4,0,.2,1) .6s both}
@keyframes p-invite{40%{transform:translateX(-60px)}100%{transform:none}}
@media (prefers-reduced-motion:reduce){
html body .pastilles-zone .p-indice,html body .pastilles-piste.p-invite{animation:none}
}
html body .pastilles-zone.filtre{position:relative}
html body .pastilles-zone.filtre::before,html body .pastilles-zone.filtre::after{display:none}
html body .f-barre{display:flex;gap:12px;align-items:center;padding:10px 0}
html body .f-choix{flex:none;display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid #c9a24a66;background:#c9a24a14;
  color:#e6c47a;font:inherit;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;max-width:46%;white-space:nowrap}
html body .f-choix .f-cat{overflow:hidden;text-overflow:ellipsis}
html body .f-choix i{font-style:normal;transition:transform .3s}
html body .pastilles-zone.ouvert .f-choix i{transform:rotate(180deg)}
html body .f-cherche{flex:1;display:flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:999px;background:#ffffff0d;border:1px solid #ffffff1a}
html body .f-cherche svg{flex:none;width:18px;height:18px;fill:none;stroke:#e6c47a;stroke-width:1.8;stroke-linecap:round}
html body .f-cherche input{flex:1;min-width:0;border:0;background:none;color:#fff;font:inherit;font-size:16px;outline:none}
html body .f-cherche input::placeholder{color:#a99f8c}
html body .f-cherche:focus-within{border-color:#c9a24a99}
html body .pastilles-zone.filtre .pastilles-piste{position:absolute;left:0;right:0;top:100%;z-index:50;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;
  overflow:visible!important;padding:14px!important;border-radius:20px;background:#0d0b08f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 30px 60px #000c;border:1px solid #ffffff14;
  opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility 0s .25s;transform-origin:top;animation:none!important}
html body .pastilles-zone.filtre.ouvert .pastilles-piste{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .25s}
html body .pastilles-zone.filtre .pastilles-piste a{white-space:normal!important;padding:12px 14px!important;border-radius:12px;min-height:44px;display:flex!important;align-items:center}
html body .pastilles-zone.filtre .pastilles-piste a[hidden]{display:none!important}
html body .pastilles-zone.filtre .pastilles-piste a:hover,html body .pastilles-zone.filtre .pastilles-piste a.on{background:#c9a24a1f}
html body .pastilles-zone.cherche .f-choix{opacity:.4;pointer-events:none}
html body .f-vide{padding:60px 20px;text-align:center;font-size:18px;color:#cfc6b3}
html body .pastilles-zone.filtre~.p-prec,html body .pastilles-zone.filtre~.p-suiv,html body .pastilles-zone.filtre .p-prec,html body .pastilles-zone.filtre .p-suiv{display:none!important}
@media (max-width:900px){
html body .f-barre{gap:8px;padding:6px 0 10px}
html body .f-choix{padding:0 14px;font-size:15px;letter-spacing:.06em;max-width:48%}
html body .f-cherche{padding:0 14px}
html body .pastilles-zone.filtre .pastilles-piste{grid-template-columns:1fr 1fr;max-height:60svh;overflow-y:auto!important}
html body .pastilles-zone.filtre .pastilles-piste a{font-size:15px!important}
}
html body .f-barre{min-width:0}
html body .f-cherche{min-width:0}
html body .pastilles-zone.filtre .pastilles-piste a{text-transform:none!important;letter-spacing:.02em!important;font-size:16px!important;font-weight:500!important;color:#e8e1d2!important}
html body .pastilles-zone.filtre .pastilles-piste a.on{color:#e6c47a!important}
@media (max-width:900px){
html body .f-choix{flex:0 1 auto;max-width:44%}
html body .f-cherche input{font-size:16px}
}
html body main .rubrique[hidden],html body main .article[hidden]{display:none!important}
@media (max-width:900px){
html body .f-barre{padding:4px 0 8px}
html body .f-choix,html body .f-cherche{min-height:44px}
}
@keyframes ld-colle{to{transform:translateX(calc(-50% - 3px))}}

/* fond de l'ancienne version derrière les rubriques */
html body .carte-fond{position:relative;isolation:isolate;background:transparent!important}
html body .carte-fond>.fond-led{position:sticky;top:0;display:block;width:100%;height:100vh;margin-bottom:-100vh;z-index:0}
html body .carte-fond>.carte-corps{position:relative;z-index:1}

/* ajustements dans l'ancienne version : or de la version en ligne, plus de cartes encadrées héritées (mobile) */
html body.page-carte{--or:#c9a24a}
html body main .rubrique,html body main .rubrique.ouverte,html body main .carte-fond .rubrique{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
html body main .r-tete,html body main .rubrique.ouverte .r-tete{border:0!important;box-shadow:none!important;background:none!important}
html body main .a-ligne .px{color:var(--or)!important}
@media (max-width:900px){html body main .carte-fond .rubrique{padding:30px 0 6px!important}html body main .carte-corps{padding-top:6px}}
/* fond des rubriques plus foncé (21/10) : le marbre reste visible, mais très atténué */
html body .carte-fond>.fond-led{filter:brightness(.4) saturate(.85)}

/* bandeau de réservation en bas de la carte : photo de la grande table dressée en fond (21/10) */
html body .carte-cta.cta-photo{position:relative;overflow:hidden;isolation:isolate;padding:140px 0!important;background:#050505!important}
.cta-photo .cta-fond{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.cta-photo .cta-voile{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,#050505a0,#050505e6 75%),linear-gradient(#050505,#05050500 25%,#05050500 75%,#050505)}
html body .cta-photo h2{font-size:clamp(44px,5vw,72px)!important;margin:0!important;color:#fff;text-shadow:0 4px 30px #000}
html body .cta-photo .cta-sous{max-width:none;margin:6px 0 22px;font-size:17px;letter-spacing:.06em;color:#e8e1d2;text-shadow:0 2px 14px #000}
@media (max-width:900px){html body .carte-cta.cta-photo{padding:90px 0!important}html body .cta-photo h2{font-size:40px!important}html body .cta-photo .cta-sous{font-size:16px}}