/* ============================================================
   Femmes Dominatrices — Landing "Velours"
   Feuille de style scopée sous .fd-landing
   À charger via wp_enqueue_style (voir page-fd-landing.php)
   Police : Bodoni Moda (serif éditorial) + Archivo (sans)
   ============================================================ */

/* Reset canvas : neutralise le fond + les marges du thème parent
   sur les pages en modèle FD (body reçoit la classe .fd-canvas). */
html:has(body.fd-canvas){background:#0a0a0b}
body.fd-canvas{margin:0;padding:0;background:#0a0a0b;min-height:100vh}
body.fd-canvas .fd-landing{width:100%}

.fd-landing{
  --fd-bg:#0a0a0b;
  --fd-fg:#efece6;
  --fd-muted:#b3aea7;
  --fd-dim:#8a8983;
  --fd-line:rgba(255,255,255,.07);
  --fd-accent:#C8322C;       /* rouge — couleur d'accent */
  --fd-accent-dk:#a8261f;
  --fd-serif:"Bodoni Moda",Georgia,serif;
  --fd-sans:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;

  background:var(--fd-bg);
  color:var(--fd-fg);
  font-family:var(--fd-sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow:hidden;
}
.fd-landing *{box-sizing:border-box}
.fd-landing a{color:inherit;text-decoration:none}
.fd-landing img{max-width:100%;display:block}

/* ---------- HEADER ---------- */
.fd-header{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:22px clamp(20px,5vw,56px);
  border-bottom:1px solid var(--fd-line);position:relative;z-index:5;
}
.fd-brand{display:flex;align-items:center;gap:14px}
.fd-brand__mark{flex:none}
.fd-brand__word{font:600 21px/1 var(--fd-serif);letter-spacing:.02em}
.fd-brand__word em{font-style:italic;color:var(--fd-accent)}
.fd-nav{display:flex;align-items:center;gap:clamp(18px,3vw,34px)}
.fd-nav__link{font:500 13px/1 var(--fd-sans);letter-spacing:.04em;color:var(--fd-muted);transition:color .15s}
.fd-nav__link:hover{color:var(--fd-fg)}

/* ---------- BUTTONS ---------- */
.fd-btn{
  display:inline-block;font:700 13px/1 var(--fd-sans);letter-spacing:.1em;text-transform:uppercase;
  padding:18px 34px;border-radius:3px;transition:background .15s,border-color .15s,color .15s;cursor:pointer;
}
.fd-btn--sm{padding:12px 20px;font-size:12px}
.fd-btn--primary{color:#fff;background:var(--fd-accent)}
.fd-btn--primary:hover{background:var(--fd-accent-dk)}
.fd-btn--ghost{color:var(--fd-fg);background:transparent;border:1px solid rgba(255,255,255,.22)}
.fd-btn--ghost:hover{border-color:rgba(255,255,255,.55)}

/* ---------- HERO ---------- */
.fd-hero{position:relative;text-align:center;overflow:hidden;
  padding:clamp(64px,9vw,100px) clamp(20px,5vw,56px) clamp(60px,8vw,84px)}
.fd-hero__glow{position:absolute;left:50%;top:36%;width:min(820px,92vw);height:540px;
  transform:translate(-50%,-50%);pointer-events:none;filter:blur(20px);
  background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--fd-accent) 32%,transparent),transparent 70%)}
.fd-hero__inner{position:relative;max-width:900px;margin:0 auto}
.fd-eyebrow{font:700 12px/1 var(--fd-sans);letter-spacing:.34em;text-transform:uppercase;color:var(--fd-accent)}
.fd-hero h1{font:500 clamp(46px,8.5vw,86px)/1.01 var(--fd-serif);margin:26px 0 0;letter-spacing:-.01em}
.fd-hero h1 em{font-style:italic;color:var(--fd-accent)}
.fd-hero__sub{font:400 clamp(16px,2.2vw,20px)/1.6 var(--fd-sans);color:var(--fd-muted);max-width:560px;margin:30px auto 0}
.fd-hero__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.fd-live{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;
  margin-top:34px;font:500 13px/1.4 var(--fd-sans);color:var(--fd-dim)}
.fd-dot{width:7px;height:7px;border-radius:50%;background:var(--fd-accent);flex:none;animation:fd-pulse 1.5s ease-in-out infinite}
@keyframes fd-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

/* ---------- STATS ---------- */
.fd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  border-top:1px solid var(--fd-line);border-bottom:1px solid var(--fd-line)}
.fd-stat{padding:clamp(28px,4vw,36px) 30px;text-align:center;border-left:1px solid var(--fd-line)}
.fd-stat__n{font:500 clamp(28px,4vw,36px)/1 var(--fd-serif);white-space:nowrap}
.fd-stat__l{font:600 11px/1.3 var(--fd-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--fd-dim);margin-top:12px}

/* ---------- SECTION SHELL ---------- */
.fd-section{padding:clamp(56px,8vw,80px) clamp(20px,5vw,56px) clamp(30px,4vw,40px)}
.fd-section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.fd-kicker{font:700 12px/1 var(--fd-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--fd-accent);margin-bottom:14px}
.fd-section h2{font:500 clamp(34px,5vw,46px)/1.04 var(--fd-serif);margin:0}
.fd-seeall{font:600 13px/1 var(--fd-sans);letter-spacing:.04em;color:var(--fd-fg);border-bottom:1px solid var(--fd-accent);padding-bottom:4px}

/* ---------- PROFILES ---------- */
.fd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.fd-card{position:relative;display:block;aspect-ratio:3/4;border-radius:10px;overflow:hidden;
  background:#340f11;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), inset 0 -120px 96px -56px rgba(0,0,0,.94);
  transition:box-shadow .18s}
.fd-card:hover{box-shadow:inset 0 0 0 1px var(--fd-accent), inset 0 -120px 96px -56px rgba(0,0,0,.94)}
.fd-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  filter:grayscale(.25) contrast(1.02) brightness(.9);z-index:0}
.fd-card__veil{position:absolute;inset:0;z-index:1;
  background:radial-gradient(48% 40% at 50% 36%,rgba(255,214,196,.10),rgba(255,214,196,0) 60%),
             linear-gradient(to top,rgba(8,6,7,.96) 4%,rgba(8,6,7,.30) 46%,rgba(8,6,7,.55) 100%)}
.fd-badge{position:absolute;z-index:2;font:700 10px/1 var(--fd-sans);letter-spacing:.12em}
.fd-badge--live{top:14px;left:14px;display:flex;align-items:center;gap:7px;color:var(--fd-fg);
  background:rgba(10,8,9,.55);backdrop-filter:blur(4px);padding:6px 11px;border-radius:100px}
.fd-badge--live i{width:6px;height:6px;border-radius:50%;background:var(--fd-accent);display:block;animation:fd-pulse 1.5s ease-in-out infinite}
.fd-badge--priv{top:14px;right:14px;color:#cdbfb8;background:rgba(10,8,9,.45);padding:6px 10px;border-radius:100px}
.fd-card__meta{display:block;position:absolute;z-index:2;left:0;right:0;bottom:0;padding:20px 18px}
.fd-card__name{display:block;font:500 clamp(20px,2.4vw,23px)/1.1 var(--fd-serif);color:#fff}
.fd-card__sub{display:block;font:500 13px/1 var(--fd-sans);color:#cbb8b2;margin-top:7px}
.fd-card__cta{display:block;font:700 11px/1 var(--fd-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--fd-accent);margin-top:14px}

/* ---------- STEPS ---------- */
.fd-steps-wrap{padding:clamp(50px,7vw,64px) clamp(20px,5vw,56px)}
.fd-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;
  background:var(--fd-line);border:1px solid var(--fd-line);border-radius:10px;overflow:hidden}
.fd-step{background:#0c0c0d;padding:38px 34px}
.fd-step__n{font:500 40px/1 var(--fd-serif);color:var(--fd-accent)}
.fd-step__t{font:600 19px/1.2 var(--fd-sans);margin-top:22px}
.fd-step__d{font:400 14px/1.6 var(--fd-sans);color:var(--fd-dim);margin-top:10px}

/* ---------- SEO ---------- */
.fd-seo{padding:0 clamp(20px,5vw,56px) clamp(56px,7vw,74px)}
.fd-seo__inner{border-top:1px solid var(--fd-line);padding-top:54px;max-width:840px}
.fd-seo h2{font:500 clamp(26px,3.6vw,32px)/1.25 var(--fd-serif);margin:0 0 22px}
.fd-seo p{font:400 clamp(15px,1.8vw,16px)/1.8 var(--fd-sans);color:#9c9890;margin:0 0 26px}
.fd-tags{display:flex;flex-wrap:wrap;gap:10px}
.fd-tag{font:500 13px/1 var(--fd-sans);color:#cbb8b2;border:1px solid rgba(255,255,255,.12);padding:9px 15px;border-radius:100px}

/* ---------- FINAL CTA ---------- */
.fd-final{padding:0 clamp(20px,5vw,56px) clamp(56px,7vw,70px)}
.fd-final__box{position:relative;overflow:hidden;border-radius:14px;text-align:center;
  background:linear-gradient(115deg,#2a0c0e,#0c0708);box-shadow:inset 0 0 0 1px var(--fd-line);
  padding:clamp(48px,7vw,64px) clamp(28px,5vw,50px)}
.fd-final__glow{position:absolute;right:-60px;top:-60px;width:320px;height:320px;filter:blur(14px);
  background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--fd-accent) 40%,transparent),transparent 70%)}
.fd-final__inner{position:relative}
.fd-final h2{font:500 clamp(34px,5.5vw,48px)/1.08 var(--fd-serif);margin:0 0 16px}
.fd-final p{font:400 clamp(15px,2vw,17px)/1.6 var(--fd-sans);color:var(--fd-muted);max-width:480px;margin:0 auto 32px}

/* ---------- FOOTER ---------- */
.fd-footer{border-top:1px solid var(--fd-line);display:flex;align-items:center;justify-content:space-between;
  gap:16px;flex-wrap:wrap;padding:clamp(26px,4vw,32px) clamp(20px,5vw,56px);
  font:500 12px/1.6 var(--fd-sans);color:#6f6e68}
.fd-footer__left{display:flex;align-items:center;gap:12px}
.fd-footer__links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.fd-age{border:1px solid rgba(255,255,255,.18);padding:5px 9px;border-radius:3px;letter-spacing:.08em}

/* ---------- MOBILE ---------- */
@media (max-width:760px){
  .fd-nav__link{display:none}
  .fd-nav .fd-btn{display:inline-block}
  .fd-section__head{align-items:flex-start}
}
@media (max-width:480px){
  .fd-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .fd-footer{justify-content:center;text-align:center}
}
@media (prefers-reduced-motion:reduce){
  .fd-dot,.fd-badge--live i{animation:none}
}

/* ============================================================
   PAGE ANNUAIRE / LISTE DE PROFILS (page-fd-profils.php)
   ============================================================ */
.fd-titlebar{position:relative;overflow:hidden;
  padding:clamp(44px,6vw,64px) clamp(20px,5vw,56px) clamp(26px,3vw,32px)}
.fd-titlebar__glow{position:absolute;left:-80px;top:-120px;width:480px;height:360px;filter:blur(20px);pointer-events:none;
  background:radial-gradient(50% 50% at 50% 50%,color-mix(in oklab,var(--fd-accent) 24%,transparent),transparent 70%)}
.fd-titlebar__inner{position:relative}
.fd-titlebar h1{font:500 clamp(40px,6vw,64px)/1 var(--fd-serif);margin:16px 0 0;letter-spacing:-.01em}
.fd-meta{font:400 clamp(15px,2vw,18px)/1.6 var(--fd-sans);color:var(--fd-muted);margin:20px 0 0}
.fd-meta b{color:var(--fd-fg);font-weight:600}
.fd-meta__online{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.fd-meta__online i{width:7px;height:7px;border-radius:50%;background:var(--fd-accent);display:inline-block;animation:fd-pulse 1.5s ease-in-out infinite}

.fd-filterbar{padding:0 clamp(20px,5vw,56px) clamp(26px,3vw,34px);display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between}
.fd-chips{display:flex;gap:10px;flex-wrap:wrap}
/* reset agressif : empêche le thème parent de repeindre nos <button> en gris brillant */
.fd-landing .fd-chip,.fd-landing .fd-loadmore{-webkit-appearance:none;appearance:none;background-image:none!important;box-shadow:none!important;text-shadow:none!important;font-family:var(--fd-sans)!important;text-transform:none;line-height:1}
.fd-landing .fd-chip{font:600 12px/1 var(--fd-sans);letter-spacing:.04em;padding:10px 16px;border-radius:100px!important;cursor:pointer!important;transition:all .15s;
  border:1px solid rgba(255,255,255,.16)!important;background:transparent!important;color:#cbb8b2!important;pointer-events:auto!important}
.fd-landing .fd-chip:hover{border-color:rgba(255,255,255,.45)!important;color:#efece6!important}
.fd-landing .fd-chip.is-active{border-color:var(--fd-accent)!important;background:var(--fd-accent)!important;color:#fff!important}
.fd-toggle-wrap{display:flex;align-items:center;gap:10px;font:500 13px/1 var(--fd-sans);color:var(--fd-dim)}
.fd-toggle-wrap > i{width:9px;height:9px;border-radius:50%;background:var(--fd-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--fd-accent) 22%,transparent)}
.fd-toggle{display:inline-flex;align-items:center;width:42px;height:24px;border-radius:100px;padding:3px;cursor:pointer;transition:background .15s;background:rgba(255,255,255,.16)}
.fd-toggle b{width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s;display:block}
.fd-toggle.is-on{background:var(--fd-accent)}
.fd-toggle.is-on b{transform:translateX(18px)}

.fd-card__tag{display:block;font:400 12px/1.5 var(--fd-sans);color:#8f8a85;margin-top:8px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fd-card.is-hidden{display:none}
.fd-empty{text-align:center;padding:60px 20px;color:var(--fd-dim);font:400 16px/1.6 var(--fd-sans)}
.fd-loadmore-wrap{display:flex;justify-content:center;margin-top:44px}
.fd-loadmore{font:700 13px/1 var(--fd-sans);letter-spacing:.08em;text-transform:uppercase;padding:16px 30px;border-radius:3px!important;cursor:pointer;
  border:1px solid rgba(255,255,255,.2)!important;background:transparent!important;color:var(--fd-fg)!important;transition:all .15s}
.fd-landing .fd-loadmore:hover{border-color:var(--fd-accent)!important;color:#fff!important}
.fd-loadmore:disabled,.fd-loadmore.is-done{color:#6f6e68!important;cursor:default;border-color:rgba(255,255,255,.1)!important}
.fd-card.is-clipped{display:none}