/* ==========================================================================
   LA KITCH — assets/public.css
   Refonte Lot A — version 2.0.0 — 21/08/2026
   --------------------------------------------------------------------------
   Tous les noms de classes de la version 1.x sont conservés : aucun template
   PHP n'a besoin d'être modifié pour que ce fichier fonctionne.
   Nouveautés : .hero-kitch* (bloc d'accueil), .dv-* (devis), .mc-* (merci).
   ========================================================================== */

:root{
  --pink:#f22983;
  --pink-dark:#bd105d;
  --yellow:#ffe441;
  --cyan:#1ddded;
  --purple:#7041d7;
  --ink:#17131d;
  --cream:#fffaf2;
  --paper:#fffdf9;
  --line:#e7dce2;
  --muted:#6f5b66;

  /* polices pilotées par Réglages du site (site_settings.font_*) */
  --font-display:'Archivo Black', sans-serif;
  --font-script:'Manrope', sans-serif;
  --font-body:'Manrope', Arial, sans-serif;
  --font-mono:'DM Mono', monospace;

  /* tailles pilotées par Réglages du site (site_settings.fs_*_px) */
  --fs-heading:32px;
  --fs-subtitle:18px;
  --fs-body:16px;

  /* échelle dérivée : conserve une hiérarchie quelle que soit la valeur admin */
  --fs-hero:clamp(3rem, 9vw, 8rem);
  --fs-section:clamp(1.8rem, 5vw, calc(var(--fs-heading) * 2.2));
  --fs-card:clamp(1.1rem, 2.4vw, calc(var(--fs-heading) * 0.85));
  --fs-mini:clamp(.9rem, 1.6vw, calc(var(--fs-heading) * 0.5));

  --wrap:1160px;
  --wrap-narrow:820px;
  --gutter:clamp(18px, 4vw, 34px);
  --section-gap:clamp(56px, 9vw, 105px);

  /* --- Compatibilité v1 -------------------------------------------------
     contact.php, client-request.php et recap.php ont leurs styles écrits
     dans le fichier et utilisent encore ces noms de variables. Sans ces
     alias, leurs couleurs deviennent invalides et le contenu disparaît.
     À retirer seulement quand ces trois pages auront été reprises. */
  --purple-deep:#17131d;
  --purple-mid:#241d2c;
  --pink-hot:#f22983;
  --pink-soft:#ffa6cd;
  --gold:#ffe441;
  --turquoise:#1ddded;
  --orange:#ff7a29;
  --cream:#fffaf2;

  --shadow:5px 5px 0 var(--ink);
  --shadow-lg:9px 9px 0 var(--ink);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font-body);font-size:var(--fs-body);line-height:1.5;
  background:var(--cream);color:var(--ink);
}
body.nav-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

h1,h2,h3{
  font-family:var(--font-display);font-weight:400;line-height:.9;
  letter-spacing:-.055em;text-transform:uppercase;overflow-wrap:break-word;
}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font-mono);font-size:11px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
}
.eyebrow:before{content:"✦";font-size:17px;color:var(--yellow)}

/* conteneur commun (encoche iPhone comprise) */
.events-page,.site-bio,.trust-section,.toptracks-section,
.free-text-block,.free-image-block,.past-gallery,.featured-wrap,.upcoming-wrap{
  width:100%;max-width:var(--wrap);margin-left:auto;margin-right:auto;
  padding-left:max(var(--gutter), env(safe-area-inset-left));
  padding-right:max(var(--gutter), env(safe-area-inset-right));
}
.events-page{padding-top:var(--section-gap);padding-bottom:var(--section-gap)}

/* ==========================================================================
   BOUTONS
   ========================================================================== */
.cta-btn,.event-card-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 22px;min-height:52px;
  border:3px solid var(--ink);background:var(--yellow);color:var(--ink);
  box-shadow:var(--shadow);
  font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;
  cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.cta-btn:after,.event-card-btn:after{content:"↗";font-size:17px}
.cta-btn:hover,.event-card-btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink);background:var(--cyan)}
.cta-btn.dark{background:var(--ink);color:#fff;box-shadow:none}
.cta-btn.dark:hover{background:var(--pink);border-color:var(--pink)}

/* ==========================================================================
   MENU PLEIN ÉCRAN  (includes/site-nav.php)
   ========================================================================== */
.site-nav-toggle{
  position:fixed;z-index:120;top:18px;right:18px;width:54px;height:54px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;
  background:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--yellow);cursor:pointer;
}
body.has-admin-bar .site-nav-toggle{top:62px}
.site-nav-toggle span{display:block;width:22px;height:3px;background:#fff;transition:.22s}
.site-nav-toggle.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.site-nav-toggle.open span:nth-child(2){opacity:0}
.site-nav-toggle.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

.site-nav-fullscreen{
  position:fixed;inset:0;z-index:110;background:var(--ink);color:#fff;
  display:flex;align-items:center;justify-content:center;padding:84px 20px;
  overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .28s ease, visibility .28s;
}
.site-nav-fullscreen.open{opacity:1;visibility:visible}
.site-nav-close{
  position:absolute;top:18px;right:22px;width:48px;height:48px;
  background:none;border:0;color:#fff;font-size:38px;line-height:1;cursor:pointer;
}
.site-nav-links{display:flex;flex-direction:column;gap:2px;text-align:center;width:100%}
.site-nav-links a{
  font-family:var(--font-display);font-size:clamp(1.7rem, 7vw, 4rem);
  letter-spacing:-.05em;text-transform:uppercase;padding:10px 8px;transition:.16s;
}
.site-nav-links a:hover,.site-nav-links a:focus-visible{color:var(--yellow)}
.site-nav-icon{display:inline-block;margin-right:14px;font-size:.55em;vertical-align:middle}

/* ==========================================================================
   BLOC D'ACCUEIL « hero_kitch »   (nouveau)
   ========================================================================== */
.hero-kitch{
  position:relative;display:flex;align-items:center;overflow:hidden;
  min-height:clamp(520px, 82vh, 780px);padding:130px 0 90px;
  background:var(--pink);color:#fff;
}
.hero-kitch:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 79% 18%, var(--yellow) 0 8px, transparent 9px),
    radial-gradient(circle at 87% 29%, var(--cyan) 0 15px, transparent 16px),
    radial-gradient(circle at 70% 67%, var(--yellow) 0 6px, transparent 7px),
    linear-gradient(133deg, rgba(255,255,255,.15), transparent 42%);
}
.hero-kitch:after{
  content:attr(data-watermark);position:absolute;right:-5vw;bottom:-.2em;pointer-events:none;
  font-family:var(--font-display);font-size:clamp(170px, 28vw, 430px);line-height:1;
  letter-spacing:-.12em;color:rgba(23,19,29,.13);transform:rotate(-8deg);
}
.hero-kitch-inner{
  position:relative;z-index:1;width:100%;max-width:var(--wrap);margin:0 auto;
  padding-left:max(var(--gutter), env(safe-area-inset-left));
  padding-right:max(var(--gutter), env(safe-area-inset-right));
}
.hero-kitch h1{margin:16px 0 10px;font-size:var(--fs-hero);text-shadow:7px 7px 0 var(--ink)}
.hero-kitch-logo{max-width:min(560px, 88%);height:auto;margin:6px 0 10px;
  filter:drop-shadow(7px 7px 0 var(--ink))}
.hero-kitch.is-logo h1{margin:0}
.hero-kitch-baseline{
  display:inline-block;margin:14px 0 24px;padding:10px 17px;
  background:var(--ink);color:var(--yellow);
  font-family:var(--font-mono);font-size:clamp(12px,2.4vw,15px);font-weight:500;
  letter-spacing:.24em;text-transform:uppercase;
}
.hero-kitch p{max-width:590px;font-size:clamp(16px,2.2vw,19px);font-weight:600}
.hero-kitch-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.hero-kitch-stamp{
  position:absolute;z-index:2;right:9%;bottom:17%;
  display:grid;place-items:center;width:128px;height:128px;border-radius:50%;
  border:3px solid var(--ink);background:var(--cyan);color:var(--ink);
  font-family:var(--font-display);font-size:23px;line-height:.85;text-align:center;
  transform:rotate(-11deg);box-shadow:var(--shadow);
}
.hero-ticker{
  overflow:hidden;padding:13px 0;background:var(--ink);color:var(--yellow);
  white-space:nowrap;font-family:var(--font-mono);font-size:11px;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
}
.hero-ticker span{display:inline-block;animation:hero-ticker 30s linear infinite}
@keyframes hero-ticker{to{transform:translateX(-50%)}}
@media (max-width:900px){
  .hero-kitch{min-height:auto;padding:110px 0 70px}
  .hero-kitch-stamp{display:none}
}

/* ==========================================================================
   PAGE ÉVÉNEMENT — hero, boule à facettes, infos
   ========================================================================== */
.hero{
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;text-align:center;
  min-height:clamp(560px, 88vh, 900px);padding:110px var(--gutter) 90px;
  overflow:hidden;background:var(--pink);color:#fff;
}
.cover-bg,.video-bg{position:absolute;inset:0;z-index:0}
.cover-bg img{width:100%;height:100%;object-fit:cover}
.cover-bg:after,.video-bg:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(23,19,29,.35), rgba(23,19,29,.72));
}
.video-bg iframe{
  position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;
  min-height:100%;min-width:177.77vh;transform:translate(-50%,-50%);border:0;pointer-events:none;
}
.hero > *{position:relative;z-index:1}
.hero h1{font-size:var(--fs-hero);text-shadow:7px 7px 0 var(--ink);margin:14px 0 8px}
.hero h1 span{display:block;color:var(--yellow)}
.hero-sub{max-width:620px;margin:14px auto 4px;font-size:clamp(16px,2.4vw,20px);font-weight:600}
.hero-meta{
  display:inline-block;margin-top:24px;padding:12px 20px;
  background:var(--ink);color:#fff;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;
}
.capacity-badge{
  display:inline-block;margin-top:16px;padding:10px 20px;
  border:3px solid var(--ink);font-size:12px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow);
}
.capacity-complet{background:var(--ink);color:#fff}
.capacity-limited{background:var(--yellow);color:var(--ink)}
.hero .cta-btn{margin-top:30px}

.discoball-wrap{position:relative;width:120px;height:150px;margin-bottom:6px}
.discoball-string{position:absolute;top:0;left:50%;width:3px;height:56px;background:rgba(255,255,255,.5)}
.discoball{
  position:absolute;top:56px;left:50%;width:92px;height:92px;margin-left:-46px;border-radius:50%;
  border:3px solid var(--ink);
  background:repeating-conic-gradient(var(--cyan) 0 10deg, var(--purple) 0 20deg);
  box-shadow:var(--shadow);animation:discoball 7s linear infinite;
}
@keyframes discoball{to{transform:rotate(360deg)}}

.scallop{display:none} /* remplacé par une séparation franche dans cette charte */

.infos{background:var(--cyan);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
  padding:var(--section-gap) var(--gutter);color:var(--ink)}
.infos-inner{max-width:var(--wrap-narrow);margin:0 auto;text-align:center}
.infos h2{font-size:var(--fs-section);margin-bottom:26px}
.infos-lines{max-width:520px;margin:0 auto;text-align:left}
.infos-line{display:flex;align-items:baseline;gap:12px;margin:14px 0;
  padding-bottom:14px;border-bottom:2px solid rgba(23,19,29,.15);font-size:16px;font-weight:700}
.infos-line-sub{font-weight:400;font-size:13px;color:#3f3547}
.infos-note{max-width:560px;margin:26px auto 0;padding:20px 22px;text-align:left;
  background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);
  font-size:var(--fs-body);line-height:1.65}
.infos-reservation{margin-top:26px;font-size:14px;font-weight:700}
.infos-phone{font-family:var(--font-mono);font-size:15px;border-bottom:3px solid var(--pink);padding-bottom:2px}

/* ==========================================================================
   PAGE ÉVÉNEMENT — line-up, carte DJ, carrousel, galerie, CTA final
   ========================================================================== */
.lineup{background:var(--ink);color:#fff;padding:var(--section-gap) var(--gutter);text-align:center}
.lineup h2{font-size:var(--fs-section);color:var(--yellow);margin-bottom:40px}
.dj-card{
  max-width:660px;margin:0 auto;display:flex;align-items:center;gap:28px;text-align:left;
  padding:30px;background:var(--purple);border:3px solid #fff;
}
.dj-photo-wrap{flex-shrink:0}
.dj-photo{width:clamp(120px,22vw,170px);background:var(--paper);padding:10px 10px 24px;
  border:3px solid var(--ink);box-shadow:var(--shadow)}
.dj-card h3{font-size:var(--fs-card);color:var(--yellow);margin-bottom:6px}
.dj-card .tag{display:inline-block;margin-bottom:12px;padding:5px 10px;
  background:var(--yellow);color:var(--ink);
  font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}
.dj-card p{font-size:14.5px;line-height:1.6;color:#efe9f5}
@media (max-width:560px){.dj-card{flex-direction:column;text-align:center;padding:22px}}

.carousel,.gallery{max-width:var(--wrap-narrow);margin:0 auto var(--section-gap);
  padding:0 var(--gutter);position:relative}
.carousel-track-wrap{overflow:hidden;border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
.carousel-track{display:flex;transition:transform .35s ease}
.carousel-track img{flex:0 0 100%;width:100%;aspect-ratio:4/3;object-fit:cover}
.carousel-btn{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:48px;height:48px;display:grid;place-items:center;
  background:var(--yellow);color:var(--ink);border:3px solid var(--ink);
  font-size:20px;font-weight:800;cursor:pointer;
}
.carousel-btn.prev{left:calc(var(--gutter) - 14px)}
.carousel-btn.next{right:calc(var(--gutter) - 14px)}
.carousel-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}
.carousel-dots span{width:12px;height:12px;border:2px solid var(--ink);cursor:pointer}
.carousel-dots span.active{background:var(--pink)}

.final-cta{
  background:var(--yellow);color:var(--ink);text-align:center;
  padding:var(--section-gap) var(--gutter);
  border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
}
.final-cta h2{font-size:var(--fs-section);margin-bottom:24px}

/* ==========================================================================
   PROCHAINES SOIRÉES  (bloc upcoming_events, /agenda, /archive)
   ========================================================================== */
.section-heading{font-size:var(--fs-section);text-align:center;max-width:900px;
  margin:0 auto 34px;line-height:1}
.events-page > p{text-align:center;max-width:620px;margin:0 auto 40px;
  font-size:var(--fs-subtitle);color:var(--muted)}
.site-logo{display:block;max-width:280px;max-height:150px;margin:0 auto 16px}
.events-list{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.no-events{text-align:center;color:var(--muted);margin-top:50px}

.event-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;
  padding:18px;background:var(--paper);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);
  transition:transform .16s ease, box-shadow .16s ease;
}
.event-row:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--pink)}
.event-row.archived{opacity:.72}
.event-row-thumb{
  position:relative;overflow:hidden;background:var(--purple);
  width:clamp(68px, 14vw, 100px);aspect-ratio:1;border:2px solid var(--ink);
}
.event-row-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.event-row-thumb-placeholder{position:absolute;inset:0;display:grid;place-items:center;
  font-size:1.7rem;background:linear-gradient(145deg, var(--pink), var(--purple))}
.event-row-content{min-width:0}
.event-row-date{font-family:var(--font-mono);font-size:11px;font-weight:500;
  letter-spacing:.08em;text-transform:uppercase;color:var(--pink-dark)}
.event-row-title{font-family:var(--font-display);font-size:var(--fs-card);
  letter-spacing:-.045em;text-transform:uppercase;line-height:1.05;margin:6px 0 5px}
.event-row-location{font-size:13.5px;color:var(--muted);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.event-row-arrow{font-size:26px;color:var(--pink)}
@media (max-width:430px){.event-row{gap:14px;padding:14px}.event-row-arrow{display:none}}

.archive-link{text-align:center;margin-top:34px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.archive-link a{display:inline-block;padding:10px 4px;border-bottom:3px solid var(--pink)}

/* soirée en vedette */
.featured-wrap{margin-bottom:var(--section-gap)}
.featured-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;text-align:center;margin-bottom:18px;color:var(--pink-dark)}
.featured-event{display:grid;grid-template-columns:1fr 1fr;
  background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow-lg);
  transition:transform .16s ease, box-shadow .16s ease}
.featured-event:hover{transform:translate(3px,3px);box-shadow:4px 4px 0 var(--ink)}
.featured-cover{position:relative;min-height:280px;background:var(--purple)}
.featured-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.featured-cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:3.2rem;
  background:linear-gradient(145deg, var(--pink), var(--purple))}
.featured-content{padding:34px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.featured-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--pink-dark)}
.featured-content h2{font-size:var(--fs-card)}
.featured-content h2 span{display:block;color:var(--pink)}
.featured-sub{font-size:15px;color:var(--muted)}
.featured-meta{display:flex;flex-direction:column;gap:4px;font-size:13.5px;margin-bottom:12px}
@media (max-width:700px){
  .featured-event{grid-template-columns:1fr}
  .featured-cover{min-height:200px}
  .featured-content{padding:24px}
}

/* soirées à venir en grille */
.upcoming-wrap{margin-bottom:var(--section-gap);text-align:center}
.upcoming-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit, minmax(min(240px,100%), 1fr))}
.upcoming-card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);
  text-align:left;transition:transform .16s ease, box-shadow .16s ease}
.upcoming-card:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.upcoming-card-cover{position:relative;aspect-ratio:4/3;background:var(--purple)}
.upcoming-card-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.upcoming-card-placeholder{position:absolute;inset:0;display:grid;place-items:center;font-size:2.4rem}
.upcoming-card-content{padding:18px}
.upcoming-card-date{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--pink-dark)}
.upcoming-card-title{font-family:var(--font-display);font-size:var(--fs-mini);
  text-transform:uppercase;letter-spacing:-.04em;line-height:1.1;margin:8px 0 6px}
.upcoming-card-location{font-size:13px;color:var(--muted)}

/* ==========================================================================
   PARALLAX (bloc conservé, encore utilisable)
   ========================================================================== */
.parallax-block{
  position:relative;width:100%;margin-bottom:var(--section-gap);
  background-size:cover;background-position:center;background-attachment:fixed;
  display:flex;align-items:center;justify-content:center;
  min-height:clamp(340px, 60vh, 620px);
}
.parallax-block::before{content:"";position:absolute;inset:0;background:rgba(23,19,29,.45)}
.parallax-overlay{position:relative;z-index:1;text-align:center;padding:20px;color:#fff}
.parallax-overlay h1{font-size:var(--fs-hero);text-shadow:7px 7px 0 var(--ink);margin:12px 0 6px}
.parallax-overlay h1 span{display:block;color:var(--yellow);font-size:.5em;margin-top:8px}
@media (max-width:768px){.parallax-block{background-attachment:scroll}}

/* ==========================================================================
   CONCEPT « vibe »
   ========================================================================== */
.vibe{background:var(--ink);color:#fff;padding:var(--section-gap) var(--gutter);text-align:center}
.vibe h2{font-size:var(--fs-section);margin-bottom:14px}
.vibe > p{font-size:var(--fs-subtitle);color:#cfc6d0;max-width:620px;margin:0 auto 46px}
.vibe-grid{max-width:var(--wrap);margin:0 auto;display:grid;gap:17px;
  grid-template-columns:repeat(auto-fit, minmax(min(250px,100%), 1fr))}
@media (min-width:1100px){.vibe-grid{grid-template-columns:repeat(4,1fr)}}
.vibe-card{min-height:300px;padding:26px;border:3px solid #fff;
  display:flex;flex-direction:column;text-align:left}
.vibe-card:nth-child(1){background:var(--purple)}
.vibe-card:nth-child(2){background:var(--pink);transform:translateY(24px)}
.vibe-card:nth-child(3){background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.vibe-card:nth-child(4){background:transparent}
.vibe-card .icon{display:block;font-size:2rem;margin-bottom:auto}
.vibe-card h3{font-size:var(--fs-mini);margin:56px 0 10px}
.vibe-card p{font-size:14px;line-height:1.5}
@media (max-width:1099px){.vibe-card:nth-child(2){transform:none}.vibe-card{min-height:auto}}

/* ==========================================================================
   BANDE PHOTO DÉFILANTE
   ========================================================================== */
.pcarousel{overflow:hidden;margin-bottom:var(--section-gap);
  border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);background:var(--ink)}
.pcarousel-track{display:flex;width:max-content;animation:pcarousel 46s linear infinite}
.pcarousel-item{flex:0 0 auto;width:clamp(160px, 24vw, 300px);border-right:3px solid var(--ink)}
.pcarousel-item img{width:100%;aspect-ratio:7/5;object-fit:cover}
@keyframes pcarousel{to{transform:translateX(-50%)}}

/* ==========================================================================
   BIO
   ========================================================================== */
.site-bio{margin-bottom:var(--section-gap);max-width:var(--wrap-narrow);
  display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(26px,5vw,60px);align-items:center}
.site-bio-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;
  border:3px solid var(--ink);box-shadow:10px 10px 0 var(--pink)}
.site-bio-content h2{font-size:var(--fs-section);margin-bottom:20px}
.site-bio-content p{font-size:16.5px;line-height:1.6;color:#332b38}
@media (max-width:760px){.site-bio{grid-template-columns:1fr;text-align:center}
  .site-bio-photo{max-width:280px;margin:0 auto}}

/* ==========================================================================
   BLOCS LIBRES / GALERIES
   ========================================================================== */
.free-text-block{margin-bottom:var(--section-gap);max-width:var(--wrap-narrow);text-align:center}
.free-text-block h2{font-size:var(--fs-section);margin-bottom:16px}
.free-image-block{margin-bottom:var(--section-gap);text-align:center}
.free-image-block img{margin:0 auto;border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
.free-image-caption{margin-top:14px;font-family:var(--font-mono);font-size:11.5px;color:var(--muted)}
.past-gallery{margin-bottom:var(--section-gap);text-align:center}
.past-gallery h2{font-size:var(--fs-section);margin-bottom:26px}
.past-gallery-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill, minmax(min(150px,45%),1fr))}
.past-gallery-grid a{display:block;aspect-ratio:1;overflow:hidden;border:3px solid var(--ink)}
.past-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.past-gallery-grid a:hover img{transform:scale(1.07)}

/* ==========================================================================
   SLIDER
   ========================================================================== */
.kslider{position:relative;max-width:var(--wrap);margin:0 auto var(--section-gap);
  overflow:hidden;border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
.kslider-track{display:flex;transition:transform .4s ease}
.kslider-slide{flex:0 0 100%;position:relative}
.kslider-slide img,.kslider-video{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border:0}
.kslider-caption{position:absolute;left:0;right:0;bottom:0;padding:22px;
  background:linear-gradient(transparent, rgba(23,19,29,.85));color:#fff}
.kslider-caption h3{font-size:var(--fs-mini);color:var(--yellow)}
.kslider-caption p{font-size:14px;margin-top:4px}
.kslider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;
  width:48px;height:48px;display:grid;place-items:center;
  background:var(--yellow);color:var(--ink);border:3px solid var(--ink);
  font-size:20px;font-weight:800;cursor:pointer}
.kslider-btn.prev{left:14px}
.kslider-btn.next{right:14px}

/* variantes de slider pilotées depuis l'admin (largeur / effet) */
.kslider.kslider-full{max-width:100%;border-left:0;border-right:0}
.kslider.kslider-full .kslider-slide{aspect-ratio:auto;height:var(--kslider-height, min(70vh,600px))}
.kslider.kslider-full .kslider-slide img,
.kslider.kslider-full .kslider-video{height:100%;aspect-ratio:auto}
.kslider.kslider-fade .kslider-track{position:relative;height:var(--kslider-height,500px);transition:none}
.kslider.kslider-fade .kslider-slide{position:absolute;inset:0;flex:none;width:100%;height:100%;
  aspect-ratio:auto;opacity:0;transition:opacity .6s ease}
.kslider.kslider-fade .kslider-slide.active{opacity:1}
.kslider-dots{display:flex;gap:8px;justify-content:center;margin-top:16px}
.kslider-dots span{width:12px;height:12px;border:2px solid var(--ink);cursor:pointer}
.kslider-dots span.active{background:var(--pink)}

/* ==========================================================================
   TOP 10 DES TITRES
   ========================================================================== */
.toptracks-section{margin-bottom:var(--section-gap);text-align:center}
.toptracks-section h2{font-size:var(--fs-section);margin-bottom:10px}
.toptracks-sub{font-size:var(--fs-subtitle);color:var(--muted);margin-bottom:32px}
.toptracks-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill, minmax(min(200px,45%),1fr))}
.toptracks-card{position:relative;padding:16px;text-align:left;
  background:var(--paper);border:3px solid var(--ink);box-shadow:var(--shadow);
  transition:transform .16s ease, box-shadow .16s ease}
.toptracks-card:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}
.toptracks-rank{position:absolute;top:10px;right:12px;
  font-family:var(--font-display);font-size:1.4rem;color:var(--pink);opacity:.6}
.toptracks-cover{width:100%;aspect-ratio:1;margin-bottom:12px;overflow:hidden;
  border:2px solid var(--ink);display:grid;place-items:center;
  background:linear-gradient(135deg, var(--pink), var(--purple))}
.toptracks-cover img{width:100%;height:100%;object-fit:cover}
.toptracks-cover-icon{font-size:2.2rem}
.toptracks-title{font-family:var(--font-display);font-size:13px;
  text-transform:uppercase;letter-spacing:-.03em;line-height:1.2;margin-bottom:4px}
.toptracks-artist{font-size:12.5px;color:var(--muted)}

/* ==========================================================================
   RÉSEAUX / CONTACT / CONFIANCE
   ========================================================================== */
.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;
  margin:0 auto var(--section-gap);padding:0 var(--gutter)}
.social-links a{padding:14px 22px;min-height:50px;display:inline-flex;align-items:center;
  background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);
  font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .16s ease, box-shadow .16s ease, background .16s ease}
.social-links a:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:var(--yellow)}

.contact-block{padding:var(--section-gap) var(--gutter);text-align:center;
  background:var(--cyan);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}
.contact-block h2{font-size:var(--fs-section);margin-bottom:16px}
.contact-block p{max-width:620px;margin:0 auto 30px;font-size:17px;font-weight:600}
.contact-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.contact-links a[href^="tel"]{font-family:var(--font-mono);font-size:14px;
  border-bottom:3px solid var(--ink);padding:6px 2px}

.trust-section{margin-bottom:var(--section-gap);text-align:center}
.trust-section-full{background:var(--cream)}
.trust-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);margin-bottom:28px}
.trust-grid{display:grid;gap:14px;max-width:var(--wrap);margin:0 auto;align-items:center;
  grid-template-columns:repeat(auto-fit, minmax(min(150px,45%),1fr))}
.trust-item{display:flex;align-items:center;justify-content:center;min-height:92px;padding:16px;
  background:var(--paper);border:3px solid var(--ink)}
.trust-item img{max-height:52px;max-width:100%;width:auto}
.trust-name{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;line-height:1.4}

/* ==========================================================================
   PIEDS DE PAGE
   ========================================================================== */
.site-footer{text-align:center;padding:40px var(--gutter);font-size:13px;color:var(--muted)}
footer .brand{display:block;margin-bottom:8px;font-family:var(--font-display);
  font-size:15px;text-transform:uppercase;letter-spacing:-.03em;color:var(--pink)}
.site-footer-full{background:var(--ink);color:#fff;text-align:center;
  padding:56px var(--gutter) calc(40px + env(safe-area-inset-bottom))}
.footer-social{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;
  font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.footer-social a{padding:8px 4px}
.footer-social a:hover,.footer-contact-link a:hover{color:var(--yellow)}
.footer-contact-link{margin-top:16px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase}
.footer-contact-link a{display:inline-block;padding:8px 4px}
.footer-newsletter{max-width:520px;margin:32px auto 0}
.footer-newsletter-form{display:flex;gap:0;flex-wrap:wrap;justify-content:center}
.footer-newsletter-form input[type=email]{flex:1;min-width:210px;padding:15px;
  border:3px solid #fff;background:#231d29;color:#fff;font-size:16px}
.footer-newsletter-form button{padding:15px 22px;border:3px solid var(--yellow);
  background:var(--yellow);color:var(--ink);font-size:11px;font-weight:800;
  letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.footer-newsletter-form button:hover{background:var(--pink);border-color:var(--pink);color:#fff}
.footer-newsletter-msg{margin-top:12px;font-size:13px;color:var(--cyan)}
.footer-newsletter-msg.error{color:var(--yellow)}
.footer-line{margin-top:32px;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.06em;text-transform:uppercase}
.footer-copyright{margin-top:10px;font-size:12px;color:#8a8090;line-height:1.5}

/* ==========================================================================
   BARRE D'ADMINISTRATION (visible uniquement connecté)
   ========================================================================== */
.admin-preview-bar{
  position:fixed;top:0;left:0;right:0;z-index:200;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:9px 16px;background:var(--ink);color:#fff;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;
}
body.has-admin-bar{padding-top:46px}
.admin-preview-tag{padding:3px 9px;background:var(--yellow);color:var(--ink);font-weight:700}
.admin-preview-actions{margin-left:auto;display:flex;gap:10px;flex-wrap:wrap}
.admin-preview-actions a{padding:6px 12px;border:2px solid rgba(255,255,255,.35)}
.admin-preview-actions a:hover{border-color:var(--yellow);color:var(--yellow)}

/* ==========================================================================
   DEMANDE DE DEVIS  (/devis)
   ========================================================================== */
.dv-page{padding:var(--section-gap) 0;
  background:linear-gradient(130deg, var(--cream) 0 62%, var(--pink) 62%)}
.dv-wrap{width:100%;max-width:var(--wrap);margin:0 auto;
  padding-left:max(var(--gutter), env(safe-area-inset-left));
  padding-right:max(var(--gutter), env(safe-area-inset-right))}
.dv-top{display:flex;justify-content:space-between;align-items:center;gap:20px;
  margin-bottom:36px;flex-wrap:wrap}
.dv-back{font-family:var(--font-mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.dv-back:hover{color:var(--pink)}
.dv-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:44px;align-items:start}
.dv-intro h1{font-size:clamp(2.6rem,6vw,5rem);margin:14px 0 18px}
.dv-intro p{font-size:17px;color:#3a313f}
.dv-steps{margin-top:28px;border-top:3px solid var(--ink)}
.dv-step{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:14px 0;
  border-bottom:2px solid var(--line)}
.dv-step b{font-family:var(--font-mono);font-size:12px;color:var(--pink-dark)}
.dv-step span{font-size:13.5px;color:var(--muted)}
.dv-notice{margin-top:22px;padding:14px;background:#f4e9ee;font-size:12.5px;color:#5f4f57}

.dv-card{padding:clamp(20px,4vw,32px);background:var(--paper);
  border:3px solid var(--ink);box-shadow:var(--shadow-lg)}
.dv-fieldset{border:0;padding:0;margin:0 0 34px}
.dv-fieldset:last-of-type{margin-bottom:0}
.dv-legend{display:flex;align-items:center;gap:11px;margin-bottom:6px}
.dv-num{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;
  background:var(--ink);color:var(--yellow);font-family:var(--font-mono);font-size:12px}
.dv-legend h2{font-size:clamp(19px,3vw,24px)}
.dv-hint{margin:0 0 18px;font-size:13px;color:var(--muted)}
.dv-fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(min(230px,100%),1fr));gap:15px}
.dv-field{display:flex;flex-direction:column;gap:7px}
.dv-field.full{grid-column:1/-1}
.dv-field label{font-family:var(--font-mono);font-size:11px;font-weight:500;
  letter-spacing:.07em;text-transform:uppercase}
.dv-field input,.dv-field select,.dv-field textarea{
  width:100%;padding:13px;border:2px solid var(--ink);background:#fff;outline:none;font-size:16px}
.dv-field input:focus,.dv-field select:focus,.dv-field textarea:focus{box-shadow:4px 4px 0 var(--cyan)}
.dv-field textarea{min-height:112px;resize:vertical}
.dv-choices{display:flex;flex-wrap:wrap;gap:9px}
.dv-choice{display:flex;align-items:center;gap:9px;padding:13px 15px;min-height:48px;
  border:2px solid var(--ink);background:#fff;font-size:14px;font-weight:700;
  box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:transform .13s ease, box-shadow .13s ease}
.dv-choice:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}
.dv-choice input{width:16px;height:16px;flex:0 0 auto;accent-color:var(--pink)}
.dv-choice.on{background:var(--pink);color:#fff}
.dv-cond{display:none;margin-top:16px;padding:17px;background:#fff6c2;border-left:5px solid var(--yellow)}
.dv-cond.show{display:block;animation:dv-fade .22s ease}
@keyframes dv-fade{from{opacity:0;transform:translateY(-6px)}}
.dv-cond-title{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--pink-dark);margin-bottom:14px}
.dv-range{width:100%;height:28px;accent-color:var(--pink)}
.dv-jauge{font-family:var(--font-display);font-size:19px;color:var(--pink-dark)}
.dv-consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;font-size:13px;cursor:pointer}
.dv-consent input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--pink)}
.dv-submit{width:100%;margin-top:22px;font-size:14px;padding:19px}
.dv-error{margin-bottom:18px;padding:14px;border:3px solid var(--ink);background:var(--yellow);
  font-size:13.5px;font-weight:700}

.dv-recap{position:sticky;top:22px;margin-top:26px;padding:22px;
  background:var(--ink);color:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--yellow)}
.dv-recap h3{font-size:19px;color:var(--yellow);margin-bottom:14px}
.dv-recap dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:#a99bb0;margin-top:13px}
.dv-recap dd{font-weight:700;font-size:14px}
.dv-est{margin-top:20px;padding-top:15px;border-top:2px dashed #4b4353}
.dv-est b{display:block;font-family:var(--font-display);font-size:31px;
  color:var(--yellow);letter-spacing:-.04em}
.dv-est span{font-size:11.5px;color:#a99bb0}
@media (max-width:900px){
  .dv-grid{grid-template-columns:1fr;gap:30px}
  .dv-page{background:var(--cream)}
  .dv-recap{position:static}
}

/* ==========================================================================
   PAGE DE REMERCIEMENT  (/devis-merci)
   ========================================================================== */
.mc-page{padding:var(--section-gap) 0;background:var(--cream)}
.mc-wrap{width:100%;max-width:940px;margin:0 auto;
  padding-left:max(var(--gutter), env(safe-area-inset-left));
  padding-right:max(var(--gutter), env(safe-area-inset-right))}
.mc-head{padding:clamp(28px,5vw,46px);background:var(--yellow);
  border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}
.mc-head h1{font-size:clamp(3rem,9vw,7rem);margin:12px 0 16px}
.mc-head p{max-width:560px;font-size:17px;font-weight:600}
.mc-ref{display:inline-block;margin-top:20px;padding:9px 13px;
  background:var(--ink);color:var(--yellow);font-family:var(--font-mono);font-size:12px;letter-spacing:.06em}
.mc-card{margin-top:26px;padding:clamp(20px,4vw,28px);background:var(--paper);
  border:3px solid var(--ink);box-shadow:6px 6px 0 var(--pink)}
.mc-card h2{font-size:26px;margin-bottom:20px}
.mc-row{display:grid;grid-template-columns:190px 1fr;gap:16px;padding:12px 0;
  border-top:2px solid var(--line);font-size:14.5px}
.mc-row:first-of-type{border-top:0}
.mc-row span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;
  text-transform:uppercase;color:var(--muted);padding-top:2px}
.mc-row b{font-weight:700}
@media (max-width:600px){.mc-row{grid-template-columns:1fr;gap:4px}}
.mc-next{margin-top:26px;display:grid;gap:16px;
  grid-template-columns:repeat(auto-fit, minmax(min(230px,100%),1fr))}
.mc-step{padding:22px;border:3px solid var(--ink);background:var(--paper)}
.mc-step:first-child{background:var(--cyan)}
.mc-step b{display:block;font-family:var(--font-mono);font-size:11px;
  letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.mc-step h3{font-size:21px;margin-bottom:8px}
.mc-step p{font-size:13.5px;color:#40374a}
.mc-space{margin-top:26px;padding:clamp(20px,4vw,26px);
  background:var(--ink);color:#fff;border:3px solid var(--ink)}
.mc-space h2{color:var(--yellow);font-size:24px;margin-bottom:12px}
.mc-space p{font-size:14px;color:#cfc6d0;max-width:620px}
.mc-space .cta-btn{margin-top:18px}
.mc-actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}

/* =====================================================================
   LOT C — PAGE PRESSKIT /pro
   Ajouté sans modifier une seule règle existante. Les classes du slider
   (.kslider-*) et des logos de confiance (.trust-*) ne sont PAS
   redéfinies : elles sont déjà stylées plus haut et servent aussi la
   page d'accueil.
   ===================================================================== */

/* --- conteneur de la page presskit ---------------------------------------
   La classe générique .wrap n'existe pas dans cette feuille : chaque page a
   son propre conteneur (.dv-wrap, .mc-wrap...). On en définit un pour /pro,
   avec les mêmes règles de gouttière et d'encoche que les autres.
   -------------------------------------------------------------------- */
.pro-wrap{width:100%;max-width:var(--wrap);margin:0 auto;
  padding-left:max(var(--gutter),env(safe-area-inset-left));
  padding-right:max(var(--gutter),env(safe-area-inset-right))}

/* --- barre supérieure --- */
.pro-top{border-bottom:3px solid var(--ink);background:var(--yellow)}
.pro-top-inner{width:100%;max-width:var(--wrap);margin:0 auto;
  padding:12px max(var(--gutter),env(safe-area-inset-left)) 12px max(var(--gutter),env(safe-area-inset-right));
  display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.pro-back-link{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;font-weight:500;color:var(--ink)}
.press-docs-menu{display:flex;gap:9px;flex-wrap:wrap}

/* --- boutons pastille --- */
.btn-pill{display:inline-block;padding:15px 26px;border:3px solid var(--ink);border-radius:999px;
  font-family:var(--font-display);font-size:14px;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);background:var(--paper);box-shadow:var(--shadow);
  transition:transform .12s,box-shadow .12s}
.btn-pill:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn-gold{background:var(--yellow)}
.btn-pink{background:var(--pink);color:var(--cream)}
.btn-outline{background:transparent;box-shadow:none;border-width:2px;padding:10px 18px;font-size:12px}

/* --- hero du presskit --- */
.hero-pro{background:var(--pink);border-bottom:4px solid var(--ink);position:relative;overflow:hidden}
.hero-pro-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
  padding-top:clamp(50px,8vw,90px);padding-bottom:clamp(50px,8vw,90px)}
.hero-pro-eyebrow{color:var(--ink)}
.hero-pro-eyebrow::before{background:var(--ink)}
.hero-pro h1{font-size:var(--fs-hero);color:var(--cream);text-shadow:6px 6px 0 var(--ink);margin:14px 0 18px}
.hero-pro-tagline{font-size:clamp(1rem,2.2vw,1.35rem);font-weight:700;max-width:30ch;margin:0 0 26px}
.hero-pro-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-pro-photo{border:4px solid var(--ink);box-shadow:var(--shadow-lg);width:100%;
  aspect-ratio:4/5;object-fit:cover;display:block}
@media(max-width:860px){
  .hero-pro-inner{grid-template-columns:1fr;gap:30px}
  .hero-pro-photo{aspect-ratio:16/10}
}

/* --- séparateur damier --- */
.pro-checker{height:22px;border-bottom:3px solid var(--ink);
  background-image:linear-gradient(45deg,var(--ink) 25%,transparent 25%,transparent 75%,var(--ink) 75%),
                   linear-gradient(45deg,var(--ink) 25%,transparent 25%,transparent 75%,var(--ink) 75%);
  background-size:22px 22px;background-position:0 0,11px 11px;background-color:var(--yellow)}

/* --- en-tête de section --- */
.section-head-pro{margin-bottom:36px}
.section-head-pro h2{font-family:var(--font-display);font-size:var(--fs-section);
  text-transform:uppercase;line-height:.95;margin:10px 0 0}

/* --- bio --- */
.bio-pro{background:var(--cream);padding:var(--section-gap) 0}
.bio-pro-row{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:start}
.bio-pro-photo{border:4px solid var(--ink);box-shadow:var(--shadow-lg);width:100%;
  aspect-ratio:3/4;object-fit:cover;display:block}
.bio-pro-role{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--pink);margin:8px 0 18px}
.bio-pro-content p{margin:0 0 16px}
@media(max-width:860px){
  .bio-pro-row{grid-template-columns:1fr}
  .bio-pro-photo{aspect-ratio:16/10}
}

/* --- galerie presse --- */
.press-gallery{background:var(--paper);border-top:3px solid var(--ink);
  border-bottom:3px solid var(--ink);padding:var(--section-gap) 0}

/* --- tarifs (classes produites par render_pro_pricing) --- */
.pricing-section{background:var(--cream);padding:var(--section-gap) 0}
.pricing-grid{width:100%;max-width:var(--wrap);margin:0 auto;
  padding-left:max(var(--gutter),env(safe-area-inset-left));
  padding-right:max(var(--gutter),env(safe-area-inset-right));
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pricing-card{border:3px solid var(--ink);box-shadow:var(--shadow);background:var(--paper);
  padding:24px;position:relative;display:flex;flex-direction:column}
.pricing-card.highlighted{background:var(--yellow);box-shadow:var(--shadow-lg)}
.pricing-card h3{font-family:var(--font-display);font-size:1.1rem;text-transform:uppercase;margin:0 0 6px}
.pricing-badge{position:absolute;top:-14px;left:20px;background:var(--pink);color:var(--cream);
  border:3px solid var(--ink);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;
  padding:4px 11px;text-transform:uppercase}
.pricing-tagline{font-size:13px;color:var(--muted);margin:0 0 14px}
.pricing-price{font-family:var(--font-display);font-size:1.3rem;color:var(--pink);margin:0 0 12px}
.pricing-price:empty{display:none}
.pricing-features{list-style:none;margin:0 0 20px;padding:0;font-size:14px;flex:1}
.pricing-features li{padding:7px 0 7px 24px;position:relative;border-top:1px solid var(--line)}
.pricing-features li::before{content:"✓";position:absolute;left:0;color:var(--pink);font-weight:800}
.pricing-note{width:100%;max-width:var(--wrap);margin:22px auto 0;
  padding-left:max(var(--gutter),env(safe-area-inset-left));
  padding-right:max(var(--gutter),env(safe-area-inset-right));
  font-size:13.5px;color:var(--muted)}

/* --- pitch --- */
.pitch{background:var(--purple);color:var(--cream);border-top:4px solid var(--ink);
  border-bottom:4px solid var(--ink);padding:var(--section-gap) 0}
.pitch .section-head-pro h2{color:var(--yellow)}
.pitch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.pitch-card{background:var(--cream);color:var(--ink);border:3px solid var(--ink);
  box-shadow:var(--shadow);padding:24px}
.pitch-card h3{font-family:var(--font-display);font-size:1rem;text-transform:uppercase;
  color:var(--pink);margin:0 0 10px}
.pitch-card p{margin:0;font-size:14.5px}

/* --- appel à l'action vers /devis --- */
.cta-devis{background:var(--yellow);border-bottom:4px solid var(--ink);
  text-align:center;padding:var(--section-gap) 0}
.cta-devis .eyebrow{justify-content:center}
.cta-devis h2{font-family:var(--font-display);font-size:var(--fs-section);
  text-transform:uppercase;line-height:.95;margin:10px 0 14px}
.cta-devis p{max-width:56ch;margin:0 auto 26px;font-size:1.05rem}
.cta-steps{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-top:28px;
  font-family:var(--font-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}
.cta-steps b{color:var(--pink)}

/* --- bas de page booking --- */
.booking{background:var(--ink);color:var(--cream);text-align:center;padding:var(--section-gap) 0}
.booking-label{font-family:var(--font-display);font-size:var(--fs-section);
  text-transform:uppercase;line-height:.95;margin:0 0 26px}
.booking-socials{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;
  margin-top:34px;font-size:14px}
.booking-socials a{text-decoration:none;color:var(--cream);display:flex;align-items:center;gap:8px}
/* Sur fond sombre, un bouton contour hérite du texte et de la bordure en
   --ink : il deviendrait invisible. On l'inverse ici uniquement. */
.booking .btn-outline{color:var(--cream);border-color:var(--cream)}
.booking .btn-outline:hover{background:var(--cream);color:var(--ink)}
.pitch .btn-outline{color:var(--cream);border-color:var(--cream)}
.icon-badge{width:34px;height:34px;border-radius:50%;background:var(--pink);
  display:inline-flex;align-items:center;justify-content:center}