/* Soirées & journées privées — styles propres à la page (refonte 2026-09-24) */

/* ancres héritées (#section1…3) : décalées sous l'en-tête fixe */
.so-anchor{position:absolute;top:0;left:0;width:1px;height:1px}
.page-soiree section[id]{scroll-margin-top:var(--hdr)}

/* Omakase : points clés */
.so-split{align-items:start}
.so-facts{list-style:none;margin:0;padding:clamp(22px,3vw,34px);display:grid;gap:22px;background:var(--washi);border-radius:var(--r);position:relative}
.so-facts::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:3px;background:var(--shu);border-radius:3px}
.so-facts li{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;font-size:1rem;color:var(--muted)}
.so-facts b{display:block;font-family:var(--serif);letter-spacing:-.02em;word-spacing:0;font-size:1.2rem;color:var(--ink);line-height:1.3}
.so-facts__ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--shu)}
.so-facts__ico svg{width:22px;height:22px}

/* Omakase : mosaïque photo */
.so-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.so-mosaic a{display:block;border-radius:12px;overflow:hidden;aspect-ratio:1;background:var(--washi-2);box-shadow:var(--shadow-s)}
.so-mosaic a.so-mosaic__wide{grid-column:span 2;aspect-ratio:auto}
.so-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
@media (hover:hover){.so-mosaic a:hover img{transform:scale(1.05)}}
@media (max-width:760px){
  .so-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .so-mosaic a.so-mosaic__wide{aspect-ratio:2/1}
}

/* Citation vigneron */
.so-quote{font-family:var(--serif-text);font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.5;color:var(--gold-l);border-left:2px solid var(--gold);padding-left:18px;margin-top:1.4em}

/* Badge kanji BBQ */
#bbq .sk-badge strong{font-family:var(--jp);letter-spacing:.08em}

/* Bandeau devis */
.so-cta-wrap{padding-top:0}
.so-cta-wrap .sk-callout h2{color:#fff;margin:0 0 .25em;font-size:clamp(1.6rem,3.4vw,2.2rem)}
.so-cta-wrap .sk-callout .sk-eyebrow{color:var(--gold-l);margin-bottom:.6em}
.so-cta-wrap .sk-callout p{max-width:46ch}
@media (max-width:640px){.so-cta-wrap .sk-callout{padding:26px 20px}.so-cta-wrap .sk-callout .sk-btns{width:100%;flex-direction:column}.so-cta-wrap .sk-callout .sk-btn{width:100%}}
@media (max-width:640px){.so-cta-wrap .sk-callout::after{width:96px;height:96px;right:-44px;top:-44px}}
/* Tablette : la 3e carte occupe toute la largeur, visuels contenus */
@media (min-width:641px) and (max-width:900px){.page-soiree .sk-split__media{width:100%;max-width:560px;margin-inline:auto}}
@media (min-width:641px) and (max-width:1023px){.page-soiree .sk-grid--3>:nth-child(3):last-child{grid-column:1/-1}}

/* Relecture responsive 25/09 : titres équilibrés, numéro insécable, cartes et boutons */
.page-soiree h1,.page-soiree h2,.page-soiree h3,.page-soiree .so-quote{text-wrap:balance}
.page-soiree a[href^="tel:"]{white-space:nowrap}
@media (max-width:640px){
  #bbq .sk-btns{flex-wrap:nowrap}
  #bbq .sk-btns .sk-btn{flex:1 1 0;justify-content:center}
}
/* Visionneuse : le compteur (pleine largeur, au-dessus des flèches en mobile) interceptait les appuis sur précédent/suivant */
.sk-lb__count{pointer-events:none}
/* héros : fil d’Ariane et surtitre lisibles sur la photo claire */
.page-soiree .sk-hero .sk-crumbs,.page-soiree .sk-hero__kicker{text-shadow:0 1px 10px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.5)}
.page-soiree .sk-hero .sk-crumbs{color:rgba(255,255,255,.95);font-weight:600}

/* =====================================================================
   Passe design 3 (25/09) — moment signature : les trois rendez-vous en
   « chapitres » numérotés en chiffres formels 壱 弐 参, repris ensuite
   dans le surtitre de chaque chapitre (.sk-kan).
   ===================================================================== */
.so-chaps{list-style:none;margin:0;padding:4px clamp(18px,3vw,34px);background:#fffdf8;border-radius:var(--r);box-shadow:0 1px 0 var(--line),var(--shadow-s);counter-reset:none}
.so-chaps>li{margin:0;border-bottom:1px solid var(--line)}
.so-chaps>li:last-child{border-bottom:0}
.so-chap{display:grid;grid-template-columns:3.2rem 1fr;gap:16px;align-items:start;padding:24px 0;color:inherit;text-decoration:none}
.so-chap__no{display:flex;flex-direction:column;align-items:center;font-family:var(--jp);font-weight:400;font-size:2.7rem;line-height:1;color:var(--shu);padding-top:2px}
.so-chap__no::after{content:"";width:1px;height:30px;margin-top:12px;background:var(--gold);opacity:.55}
.so-chap__body{display:block;min-width:0}
.so-chap__label{display:flex;align-items:center;flex-wrap:wrap;gap:.2em .8em;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-d);margin-bottom:.45em}
.so-chap__label .sk-jp{font-size:.95rem;font-weight:400;letter-spacing:.12em;color:var(--shu);opacity:.7}
.so-chap h3{font-size:clamp(1.4rem,2.4vw,1.65rem);margin:0 0 .3em}
.so-chap__txt{display:block;color:var(--muted);line-height:1.6}
.so-chap__go{display:inline-flex;align-items:center;gap:.5em;margin-top:12px;min-height:28px;font-weight:700;font-size:.95rem;letter-spacing:.03em;color:var(--shu-d)}
.so-chap__go svg{width:18px;height:18px;transition:transform .35s var(--ease)}
@media (hover:hover){
  .so-chap{transition:background-color .3s}
  .so-chap:hover .so-chap__go svg{transform:translateX(5px)}
  .so-chap:hover h3{color:var(--shu-d)}
}
.so-chap:focus-visible{outline:2px solid var(--shu);outline-offset:4px;border-radius:6px}
/* grand écran : trois colonnes séparées par un filet, lecture centrée */
@media (min-width:900px){
  .so-chaps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px 0}
  .so-chaps>li{border-bottom:0;border-left:1px solid var(--line)}
  .so-chaps>li:first-child{border-left:0}
  .so-chap{grid-template-columns:1fr;justify-items:center;text-align:center;gap:10px;padding:30px clamp(20px,2.6vw,36px) 32px;height:100%}
  .so-chap__no{font-size:3.6rem}
  .so-chap__no::after{height:26px;margin-top:14px}
  .so-chap__label{justify-content:center}
}
/* chapitre vigneron : liseré or sur la photo (fond sombre) */
#vigneron .sk-liseret{margin-right:14px}
@media (max-width:640px){#vigneron .sk-liseret{margin-right:10px}}

/* Relecture mobile finale 25/09 : petits écrans, « RENDEZ-VOUS » ne se coupe plus au trait d’union */
@media (max-width:400px){
  .so-chap{grid-template-columns:2.4rem minmax(0,1fr);gap:12px}
  .so-chap__no{font-size:2.2rem}
  .so-chap__label{letter-spacing:.1em}
}