/* SAKURION Signature : pages d'inscription. S'appuie sur booking.css (jetons --bk-*, encre, papier, bleu unique,
   Cormorant / Inter / Space Mono) ; préfixe .sk-club pour ne rien toucher d'autre. */
.sk-club .sk-club-ferr{display:block;font-size:12.5px;line-height:1.5;color:var(--bk-err)}
.sk-club .sk-club-hint{margin-top:12px}
.sk-club .sk-club-submit{margin-top:26px}
.sk-club .sk-club-codein{font-family:var(--bk-mono);letter-spacing:.24em;text-transform:uppercase}
.sk-club .sk-bk-check a{color:var(--bk-ink);text-decoration:underline;text-underline-offset:3px}
.sk-club .sk-bk-check a:hover{color:var(--bk-blue)}
.sk-club .sk-bk-quick{align-items:center}
.sk-club .sk-club-share{margin-top:30px;padding-top:22px;border-top:1px solid var(--bk-line)}
.sk-club .sk-club-code{font-family:var(--bk-mono);font-size:28px;letter-spacing:.32em;line-height:1.3;color:var(--bk-ink);margin:10px 0 0}
.sk-club .sk-club-url{word-break:break-all}

/* conditions */
.sk-club-doc h2{font-family:var(--bk-serif);font-weight:400;font-size:24px;line-height:1.2;color:var(--bk-ink);margin:30px 0 10px}
.sk-club-doc h2:first-child{margin-top:0}
.sk-club-doc p{font-size:14.5px;line-height:1.8;color:var(--bk-ink);margin:0 0 12px}
.sk-club-doc a{color:var(--bk-ink);text-decoration:underline;text-underline-offset:3px}
.sk-club-table{overflow-x:auto;margin:8px 0 14px}
.sk-club-table:focus-visible{outline:2px solid var(--bk-blue);outline-offset:2px}
.sk-club-table table{width:100%;min-width:420px;border-collapse:collapse;font-size:14px}
.sk-club-table th{font-family:var(--bk-mono);font-size:10px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--bk-soft);text-align:left;padding:10px 8px;border-bottom:1px solid var(--bk-ink)}
.sk-club-table td{padding:12px 8px;border-bottom:1px solid var(--bk-line);font-variant-numeric:tabular-nums}

@media (max-width:640px){
  .sk-club .sk-bk-grid{grid-template-columns:minmax(0,1fr)}
  .sk-club .sk-club-code{font-size:24px}
}

/* Page /signature/avantages (08/10/2026) : trois repères, étapes numérotées, appel à l'action. */
.sk-club .sk-club-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin:32px 0 0}
.sk-club .sk-club-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 24px}
.sk-club .sk-club-tile{border:1px solid var(--bk-line);border-radius:2px;padding:24px;background:transparent}
.sk-club .sk-club-n{display:block;font-family:var(--bk-serif);font-weight:200;font-size:40px;line-height:1.1;color:var(--bk-ink);margin:0 0 12px}
.sk-club .sk-club-tile h2{font-family:var(--bk-serif);font-weight:300;font-size:20px;line-height:1.3;color:var(--bk-ink);margin:0 0 8px}
.sk-club .sk-club-tile p{font-size:14.5px;line-height:1.7;color:var(--bk-ink);margin:0}
.sk-club .sk-club-steps{margin:0 0 16px;padding:0;list-style:none;counter-reset:sk-step}
.sk-club .sk-club-steps li{counter-increment:sk-step;display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 8px;font-size:14.5px;line-height:1.8;color:var(--bk-ink);padding:10px 0;border-top:1px solid var(--bk-line)}
.sk-club .sk-club-steps li:first-child{border-top:0}
.sk-club .sk-club-steps li::before{content:counter(sk-step);font-family:var(--bk-serif);font-weight:200;font-size:24px;line-height:1.4;color:var(--bk-ink)}
@media (max-width:760px){
  .sk-club .sk-club-tiles{grid-template-columns:minmax(0,1fr)}
}
/* la réservation fixe sa grille avec un sélecteur #wrap : même poids pour la page des avantages (pleine largeur) */
#wrap.sk-page-reservation .sk-bk.sk-club-wide{display:block}
.sk-club-wide .sk-club-doc{max-width:760px}

/* ===== Page /signature/avantages (08/10/2026) : hero graphite, quatre cartes, tampons, paliers =====
   Charte : graphite #323232, papier #F3F3F3, encre #141414, rayons 2 px, aucune ombre, Poppins 200/300 et Inter.
   Préfixe .skl- : aucune règle de la réservation ne s'y applique (le poids #wrap est repris où il faut). */
.skl-hero,.skl-sec{width:100%}
.skl-hero{background:#323232;color:#fff;padding:96px 0 88px;overflow:hidden}
.skl-in{width:100%;max-width:1264px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.skl-in.skl-narrow{max-width:760px}
.skl-eyebrow{font:400 11px/1.4 var(--bk-sans,Inter,system-ui,sans-serif);letter-spacing:.22em;text-transform:uppercase;margin:0 0 28px;color:#E1E2E1}
.skl-h1{font:200 72px/1.04 var(--bk-title,Poppins,system-ui,sans-serif);letter-spacing:0;margin:0;color:#fff;text-wrap:balance}
.skl-lead{font:300 19px/1.7 var(--bk-sans,Inter,system-ui,sans-serif);color:#E1E2E1;max-width:560px;margin:28px 0 0}
.skl-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:36px 0 0}
.skl-btn{display:inline-block;padding:14px 28px;border:1px solid #141414;border-radius:2px;font:400 15px/20px var(--bk-sans,Inter,system-ui,sans-serif);color:#141414;text-decoration:none;background:transparent}
.skl-btn:hover{background:#141414;color:#fff}
.skl-btn-light{border-color:#fff;color:#fff}
.skl-btn-light:hover{background:#fff;color:#141414}
.skl-link,.skl-link-light{font:300 15px/1.4 var(--bk-sans,Inter,system-ui,sans-serif);text-underline-offset:4px;text-decoration:underline}
.skl-link{color:#141414}.skl-link-light{color:#E1E2E1}
.skl-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1264px;margin:72px auto 0;padding:0 32px;box-sizing:border-box;align-items:end}
.skl-card{margin:0;min-width:0}
.skl-card img{display:block;width:100%;height:auto;border-radius:14px}
.skl-card:nth-child(1){margin-bottom:0}
.skl-card:nth-child(2){margin-bottom:18px}
.skl-card:nth-child(3){margin-bottom:36px}
.skl-card:nth-child(4){margin-bottom:54px}
.skl-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px;padding:0 2px;border-top:1px solid rgba(255,255,255,.18);padding-top:12px}
.skl-card-name{font:300 18px/1.3 var(--bk-title,Poppins,system-ui,sans-serif);color:#fff}
.skl-card-from{font:300 13px/1.4 var(--bk-sans,Inter,system-ui,sans-serif);color:#C9CBCD;white-space:nowrap}
.skl-sec{padding:96px 0;background:#fff;color:#141414}
.skl-paper{background:#F3F3F3}
.skl-dark{background:#323232;color:#fff}
.skl-h2{font:200 44px/1.12 var(--bk-title,Poppins,system-ui,sans-serif);margin:0 0 24px;color:inherit;text-wrap:balance}
.skl-sec p{font:300 17px/1.8 var(--bk-sans,Inter,system-ui,sans-serif);margin:0 0 14px;max-width:620px;color:inherit}
.skl-sec .skl-small{font-size:14px;color:#6B7075}
.skl-dark .skl-small{color:#C9CBCD}
.skl-sub{max-width:620px}
.skl-note{margin-top:32px !important;color:#6B7075 !important;font-size:15px !important}
.skl-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
.skl-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.skl-steps li{border-top:1px solid #141414;padding-top:24px}
.skl-num{display:block;font:200 56px/1 var(--bk-title,Poppins,system-ui,sans-serif);margin:0 0 20px}
.skl-steps h3{font:400 20px/1.3 var(--bk-title,Poppins,system-ui,sans-serif);margin:0 0 8px}
.skl-steps p{font-size:15px;margin:0;color:#4a4f54}
.skl-stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:420px}
.skl-stamp{aspect-ratio:1;border:1px solid #141414;border-radius:50%;display:flex;align-items:center;justify-content:center;font:200 28px/1 var(--bk-title,Poppins,system-ui,sans-serif);color:#141414}
.skl-stamp-gift{background:#323232;border-color:#323232;color:#fff;font:400 13px/1.2 var(--bk-sans,Inter,system-ui,sans-serif);letter-spacing:.14em;text-transform:uppercase;text-align:center}
.skl-tiers{margin-top:40px;border-top:1px solid #141414}
.skl-trow{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:16px;align-items:baseline;padding:22px 0;border-bottom:1px solid #D4D6D7;font:300 17px/1.4 var(--bk-sans,Inter,system-ui,sans-serif);font-variant-numeric:tabular-nums}
.skl-thead{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6B7075;padding:14px 0}
.skl-tname{font:300 28px/1.2 var(--bk-title,Poppins,system-ui,sans-serif)}
.skl-big{font:300 20px/1.7 var(--bk-title,Poppins,system-ui,sans-serif) !important;color:#fff;max-width:560px}
.skl-figure{font:200 64px/1.1 var(--bk-title,Poppins,system-ui,sans-serif) !important;margin-top:20px !important}
.skl-q{border-top:1px solid #D4D6D7;padding:20px 0}
.skl-q:last-of-type{border-bottom:1px solid #D4D6D7}
.skl-q summary{cursor:pointer;font:400 18px/1.5 var(--bk-sans,Inter,system-ui,sans-serif);list-style:none}
.skl-q summary::-webkit-details-marker{display:none}
.skl-q summary::after{content:"+";float:right;font:200 28px/1 var(--bk-title,Poppins,system-ui,sans-serif)}
.skl-q[open] summary::after{content:"\2212"}
.skl-q p{margin:12px 0 0}
.skl-q summary:focus-visible,.skl-btn:focus-visible,.skl-link:focus-visible,.skl-link-light:focus-visible{outline:2px solid #2E6FC0;outline-offset:3px}
.skl-final{text-align:center}
.skl-final .skl-cta{justify-content:center}
@media (max-width:980px){
  .skl-h1{font-size:52px}
  .skl-h2{font-size:34px}
  .skl-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .skl-card:nth-child(n){margin-bottom:0}
  .skl-two{grid-template-columns:minmax(0,1fr);gap:40px}
}
@media (max-width:640px){
  .skl-hero{padding:64px 0 56px}.skl-sec{padding:64px 0}
  .skl-in,.skl-cards{padding:0 20px}
  .skl-h1{font-size:40px}.skl-h2{font-size:30px}
  .skl-lead{font-size:17px}
  .skl-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:40px;margin-top:48px}
  .skl-card figcaption{flex-wrap:wrap}
  .skl-card-name{font-size:22px}
  .skl-steps{grid-template-columns:minmax(0,1fr);gap:28px}
  .skl-trow{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:8px;font-size:14px;padding:16px 0}
  .skl-tname{font-size:20px}
  .skl-figure{font-size:48px}
}
/* images FR / EN des cartes : la règle de langue du site ne vise que le texte */
.skl-card img[data-en]{display:none}
html[lang="en"] .skl-card img[data-fr]{display:none}
html[lang="en"] .skl-card img[data-en]{display:block}
.skl-stamps{max-width:340px}
.skl-hero-compact{padding:72px 0 64px}
.skl-hero-compact .skl-h1{font-size:56px}
.skl-hero-compact .skl-cards{margin-top:48px}
@media (max-width:640px){.skl-hero-compact .skl-h1{font-size:38px}}
.skl-card figcaption{flex-wrap:wrap}
.skl-card-perk{flex:0 0 100%;font:300 13px/1.5 var(--bk-sans,Inter,system-ui,sans-serif);color:#C9CBCD;margin-top:2px}
@media (max-width:980px){.skl-cards{gap:36px 20px}}

/* Les quatre métaux de la carte (bronze, argent, or, platine) : ce sont les couleurs du programme, reprises dans la page,
   la carte de membre et les e-mails (demande de Hichem, 08/10/2026). Valeurs prises sur les dégradés des cartes. */
.skl-in,.sk-club,.skl-card,.skl-trow{--m-bronze:#6b4c38;--m-argent:#bfc1c4;--m-or:#a88c55;--m-platine:#3a3b3d;
  --g-bronze:linear-gradient(135deg,#4a3427,#8a6248 55%,#5a4030);--g-argent:linear-gradient(135deg,#bfc1c4,#f6f6f7 55%,#cdcfd2);
  --g-or:linear-gradient(135deg,#7a6336,#d1b673 55%,#8a7140);--g-platine:linear-gradient(135deg,#242526,#55565a 55%,#2a2b2c)}
.skl-metal{display:inline-block;width:28px;height:10px;border-radius:2px;margin-right:12px;vertical-align:middle;border:1px solid rgba(20,20,20,.22);background:var(--g-bronze)}
[data-tier="argent"] .skl-metal{background:var(--g-argent)}
[data-tier="or"] .skl-metal{background:var(--g-or)}
[data-tier="platine"] .skl-metal{background:var(--g-platine)}
.skl-tname .skl-metal{width:34px;height:12px;margin-right:14px}
.skl-card[data-tier="bronze"] figcaption{border-top-color:#8a6248}
.skl-card[data-tier="argent"] figcaption{border-top-color:#cdcfd2}
.skl-card[data-tier="or"] figcaption{border-top-color:#c9ae6e}
.skl-card[data-tier="platine"] figcaption{border-top-color:#8b8c8f}
.sk-club-table td .skl-metal{margin-right:10px}