/* MDB Core — composants front (théme-indépendant, fallback variables incluses) */
:root{
  --c-ink:#10242B;--c-sea:#0E4A5C;--c-sea-2:#1C6E84;--c-coral:#E8765A;--c-coral-d:#D85F44;
  --c-sand:#EFE3D2;--c-cream:#FBF7F1;--c-line:#E7DDCF;--c-muted:#7B8A8E;--c-green:#3C8C7A;--c-gold:#C9A24B;
  --mdb-marquee-speed:30s;
}

/* ---- Bandeau défilant ---- */
.topbar{background:var(--c-sea);color:#fff;font-size:.78rem;letter-spacing:.1em;padding:9px 0;
  text-transform:uppercase;overflow:hidden;white-space:nowrap;position:relative}
.topbar-track{display:inline-flex;align-items:center;will-change:transform;animation:mdb-marquee var(--mdb-marquee-speed) linear infinite}
.topbar:hover .topbar-track{animation-play-state:paused}
.topbar .ti{padding:0 22px}
.topbar .sep{opacity:.5}
@keyframes mdb-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.topbar-track{animation:none}}

/* ---- USP bar ---- */
.usp{background:var(--c-sand);border-top:1px solid var(--c-line);border-bottom:1px solid var(--c-line)}
.usp .wrap{display:flex;justify-content:space-between;gap:20px;max-width:1200px;margin:0 auto;padding:22px 24px;flex-wrap:wrap}
.usp .u{display:flex;gap:12px;align-items:center;font-size:.86rem;font-weight:500;color:var(--c-ink)}
.usp .u svg{color:var(--c-sea);flex:none}

/* ---- Fit Finder ---- */
.mdb-fitfinder{background:var(--c-sea);color:#fff;border-radius:24px;padding:40px;margin:24px 0}
.mdb-fitfinder .ff-inner{max-width:680px}
.mdb-fitfinder h2{color:#fff;margin:.2em 0 .4em;font-family:"Cormorant Garamond",Georgia,serif}
.mdb-fitfinder p{margin:18px 0 8px;opacity:.92}
.ff-opts{display:flex;gap:10px;flex-wrap:wrap}
.ff-opts button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.3);color:#fff;
  border-radius:30px;padding:11px 20px;cursor:pointer;font-weight:600;font-size:.9rem;transition:.2s}
.ff-opts button:hover{background:rgba(255,255,255,.22)}
.ff-opts button.on{background:#fff;color:var(--c-sea)}
.ff-go{margin-top:24px}
.ff-result{margin-top:24px;background:rgba(255,255,255,.12);border-radius:16px;padding:22px;text-align:center}
.ff-result-label{margin:0;opacity:.9}
.ff-size{font-family:"Cormorant Garamond",Georgia,serif;font-size:3rem;font-weight:700;line-height:1.1}
.ff-note{font-size:.82rem;opacity:.8;margin:.4em 0 0}
.ff-tip{font-size:.82rem;opacity:.85;margin-top:16px}
.btn{display:inline-flex;align-items:center;gap:.5em;border:none;cursor:pointer;font-weight:600;font-size:.92rem;
  letter-spacing:.04em;padding:14px 28px;border-radius:40px;text-transform:uppercase;background:var(--c-coral);color:#fff;transition:.25s}
.btn-lg{padding:18px 40px;font-size:1rem}
.btn:hover{background:var(--c-coral-d)}

/* ---- Size guide table ---- */
.mdb-sizeguide{overflow-x:auto}
.mdb-sizeguide table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(16,36,43,.06);font-size:.92rem}
.mdb-sizeguide th,.mdb-sizeguide td{padding:13px 15px;text-align:center;border-bottom:1px solid var(--c-line)}
.mdb-sizeguide th{background:var(--c-ink);color:#fff;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}
.mdb-sizeguide tr:nth-child(even) td{background:var(--c-cream)}

/* ---- Product badges + size link (single product) ---- */
.mdb-prod-badges{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.pill{display:inline-flex;align-items:center;gap:6px;background:var(--c-sand);color:var(--c-ink);
  font-size:.72rem;font-weight:600;padding:6px 12px;border-radius:30px;text-transform:uppercase;letter-spacing:.06em}
.mdb-size-link a{font-size:.84rem;color:var(--c-coral);font-weight:600}

/* loop badge position */
.woocommerce ul.products li.product{position:relative}
.woocommerce ul.products li.product .tag.eco{position:absolute;top:12px;left:12px;z-index:3;
  background:var(--c-green);color:#fff;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;border-radius:30px}