/* ═══════════════════════════════════════════════
   STYLES — fichier unifié (homepage + pages internes)
   ═══════════════════════════════════════════════ */

:root{
  --ink:#201b16;
  --brown:#5b3b24;
  --sand:#f6efe3;
  --paper:#fffaf1;
  --line:#eadcc9;
  --muted:#7b6a5a;
  --orange:#f0921a;
  --orange-soft:#fff0e5;
  --green:#287a4b;
  --green-soft:#e9f7ee;
  --red:#b8483d;
  --red-soft:#fff0ee;
  --blue:#356e9c;
  --blue-soft:#eef6ff;
  --shadow:0 12px 35px rgba(69,45,28,.10);
  --gold:#f5a623;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  background:var(--sand);
  color:var(--ink);
  min-height:100vh;
  display:flex;
  flex-direction:column;
}

a{text-decoration:none;color:inherit}

.container{
  width:min(1180px,94%);
  margin:auto;
}


/* ══════════════════════════════════════
   TOPBAR
══════════════════════════════════════ */

.topbar{
  background:#201b16;
  color:#f8ead8;
  border-bottom:4px solid var(--orange);
  position:sticky;
  top:0;
  z-index:50;
}

.topbar-inner{
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand{
  display:flex;
  align-items:center;
  gap:14px;
}

.brand-mark{
  width:46px;
  height:46px;
  border-radius:10px;
  background:var(--orange);
  display:grid;
  place-items:center;
  font-size:25px;
  font-family:Arial,sans-serif;
  color:white;
  transform:rotate(-4deg);
  flex-shrink:0;
}

.brand strong{
  display:block;
  font-size:22px;
  letter-spacing:.2px;
  font-family:Georgia,serif;
}

.brand span{
  display:block;
  color:#d8c7b5;
  font-size:13px;
  margin-top:2px;
  font-family:Arial,sans-serif;
}

.nav{
  display:flex;
  gap:8px;
  font-family:Arial,sans-serif;
  font-size:13px;
}

.nav a{
  padding:10px 13px;
  border-radius:999px;
  color:#f4e6d7;
}

.nav a[href="/"]{
  font-size:20px;
  color:#f4e6d7;
}

.nav a:hover{background:rgba(255,255,255,.09)}
.nav a.active{color:var(--orange)}

.nav a:hover svg,
.nav-account-btn:hover svg{
  fill:var(--orange);
}

.nav-cta{
  background:var(--orange) !important;
  color:white !important;
  border-radius:999px;
  padding:7px 16px !important;
  align-self:center;
  margin:0 4px;
  line-height:normal !important;
  display:inline-flex !important;
  align-items:center !important;
}

.nav-cta:hover{
  background:#d4800f !important;
}

@media(max-width:560px){
  .brand-mark{
    width:36px;
    height:36px;
    font-size:20px;
  }

  .brand strong{font-size:17px}
  .brand span{display:none}
}

/* ══════════════════════════════════════
   BURGER
══════════════════════════════════════ */
.burger{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  cursor:pointer;
  padding:8px;
}

.burger span{
  display:block;
  width:24px;
  height:2px;
  background:#f4e6d7;
  border-radius:2px;
  transition:all .25s;
}

.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}


@media(max-width:950px){
  .burger{display:flex}
  .nav{
    display:none;
    position:absolute;
    top:78px;
    left:0;
    right:0;
    background:#201b16;
    flex-direction:column;
    padding:12px 0;
    border-top:1px solid rgba(255,255,255,.08);
    z-index:49;
  }

  .nav.open{display:flex}
  .nav a{padding:14px 24px;border-radius:0; border-bottom:1px solid rgba(255,255,255,.06);}
  .nav-account{width:100%}
  .nav-account-btn{width:100%; text-align:left; padding:14px 24px; border-bottom:1px solid rgba(255,255,255,.06);}
  .nav-account-menu{position:static; z-index:auto; border-radius:0; box-shadow:none; border:none; background:#3a2f24;min-width:0;}
  .nav-account-menu a{padding:12px 32px; color:#f4e6d7 !important; background:#3a2f24; border-bottom:1px solid rgba(255,255,255,.06);}
  .nav-account-menu a:hover{background:#4a3d30;color:#fff}

}






/* ══════════════════════════════════════
   DAILY STRIP  (homepage)
══════════════════════════════════════ */

.daily-strip{
  background:var(--paper);
  border-bottom:1px solid var(--line);
}

.daily-inner{
  padding:16px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  font-family:Arial,sans-serif;
}

.today{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.date-pill{
  background:transparent;
  color:var(--orange);
  border:2px solid var(--orange);
  padding:8px 14px;
  border-radius:8px;
  font-weight:900;
  font-size:14px;
}

.today strong{font-size:17px}
.today span{color:var(--muted);font-size:14px}

.quick-stats{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.quick-stats span{
  background:#fff;
  border:1px solid var(--line);
  padding:7px 12px;
  border-radius:8px;
  font-weight:800;
  font-size:14px;
}


/* ══════════════════════════════════════
   DARK ZONE  (homepage hero)
══════════════════════════════════════ */

.dark-zone{
  background:
    radial-gradient(circle at 80% 20%, rgba(245,166,35,.22), transparent 30%),
    linear-gradient(135deg, rgba(23,33,28,.85) 0%, rgba(36,66,49,.75) 55%, rgba(47,111,78,.65) 100%),
    url('/images/headers/CVR-img.jpg') center/cover no-repeat;
  padding-bottom:72px;
}

/* ── INTRO ── */

.intro{padding:52px 0 28px}

.intro-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
  align-items:end;
}

.kicker{
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  color:var(--orange);
  font-size:12px;
  font-weight:900;
  letter-spacing:1.4px;
  margin-bottom:12px;
}

h1{
  font-size:clamp(32px,4vw,52px);
  line-height:.96;
  margin:0;
  letter-spacing:-2px;
  color:#fff;
}

.intro-text{
  background:rgba(0,0,0,.60);
  border-left:6px solid var(--orange);
  padding:24px 26px;
  border-radius:0 18px 18px 0;
  font-family:Arial,sans-serif;
  line-height:1.65;
  color:#ddd5c8;
  font-size:15px;
}

.intro-text strong{color:#fff}

/* ── BOARD ── */

.board-section{padding:28px 0 0}

.board{
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}

.board-title-bar{
  padding:18px 22px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.board-title-bar strong{
  font-size:18px;
  font-family:Georgia,serif;
  color:var(--ink);
}

.board-live{
  background:transparent;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  font-family:Arial,sans-serif;
}

.board-head{
  display:grid;
  grid-template-columns:110px 1.2fr 1fr 170px 140px;
  background:#2a211a;
  color:#fff4e8;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.5px;
}

.board-head div,
.board-row > div{padding:16px 18px}

.board-row{
  display:grid;
  grid-template-columns:110px 1.2fr 1fr 170px 140px;
  align-items:center;
  border-bottom:1px solid var(--line);
  font-family:Arial,sans-serif;
  transition:background .15s;
  background:#fff;
}

.board-row:last-child{border-bottom:0}
.board-row:hover{background:#fffdf8}

.reunion{
  font-size:26px;
  font-weight:900;
  color:var(--brown);
  font-family:Georgia,serif;
}

.track strong{display:block;font-size:16px}
.track span,
.selection span{
  display:block;
  color:var(--muted);
  font-size:13px;
  margin-top:4px;
}

.selection strong{font-size:15px}

.race-id{
  width:54px;
  height:54px;
  border-radius:16px;
  background:var(--green-soft);
  display:grid;
  place-items:center;
  font-weight:900;
  color:var(--green);
  margin-left:10px;
}

/* ── SPLIT CARDS ── */

.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:32px;
}

.note-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:28px;
  box-shadow:0 8px 25px rgba(69,45,28,.07);
}

.note-card h2{
  margin:0 0 12px;
  font-size:26px;
  line-height:1.12;
}

.note-card p{
  font-family:Arial,sans-serif;
  line-height:1.65;
  color:var(--muted);
  margin:0 0 4px;
  font-size:14px;
}

.rule-list{
  margin-top:18px;
  display:grid;
  gap:10px;
  font-family:Arial,sans-serif;
  font-size:14px;
}

.rule{display:flex;gap:10px;align-items:flex-start}
.rule b{color:var(--green);flex-shrink:0}

.timeline{
  display:grid;
  gap:0;
  margin-top:16px;
  font-family:Arial,sans-serif;
}

.result{
  display:grid;
  grid-template-columns:80px 1fr auto;
  gap:14px;
  align-items:center;
  padding:12px 0;
  border-bottom:1px dashed var(--line);
}

.result:last-child{border-bottom:0}
.result-date{color:var(--muted);font-size:13px}
.result-title strong{display:block;font-size:14px}
.result-title span{color:var(--muted);font-size:12px}
.result-ok{color:var(--green);font-weight:900;font-size:14px;white-space:nowrap}

/* ── SIGNAL BAR ── */

.signal-bar{
  position:relative;
  z-index:10;
  margin-top:-48px;
  padding:0 0 32px;
}

.signal-inner{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:26px 32px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.signal-item{
  border-right:1px solid var(--line);
  padding-right:20px;
}

.signal-item:last-child{border-right:0}

.signal-number{
  font-size:34px;
  font-weight:900;
  color:var(--green);
  font-family:Georgia,serif;
  line-height:1;
}

.signal-label{
  color:var(--muted);
  font-size:13px;
  line-height:1.45;
  margin-top:6px;
  font-family:Arial,sans-serif;
}

/* ── HOW SECTION ── */

.section{padding:68px 0}

.section-title{
  max-width:680px;
  margin-bottom:36px;
}

.section-title h2{
  font-size:38px;
  line-height:1.08;
  margin:0 0 12px;
  letter-spacing:-1px;
  color:var(--ink);
}

.section-title p{
  color:var(--muted);
  font-size:16px;
  line-height:1.6;
  font-family:Arial,sans-serif;
  margin:0;
}

.how-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.how-card{
  background:#fff;
  padding:28px;
  border-radius:20px;
  box-shadow:0 8px 28px rgba(69,45,28,.07);
  border:1px solid var(--line);
}

.how-icon{
  width:52px;
  height:52px;
  border-radius:16px;
  background:var(--orange-soft);
  display:grid;
  place-items:center;
  font-size:24px;
  margin-bottom:18px;
}

.how-card h3{
  margin:0 0 10px;
  font-size:20px;
  color:var(--ink);
}

.how-card p{
  color:var(--muted);
  line-height:1.6;
  margin:0;
  font-family:Arial,sans-serif;
  font-size:14px;
}

/* ── RESULTS (homepage) ── */

.results-wrap{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:28px;
  align-items:stretch;
}

.score-box{
  background:linear-gradient(155deg,#17211c 0%,#2f6f4e 100%);
  color:white;
  border-radius:20px;
  padding:34px;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.score-big{
  font-size:76px;
  font-weight:900;
  line-height:1;
  color:var(--orange);
  letter-spacing:-2px;
}

.score-box h2{
  font-size:24px;
  margin:14px 0 10px;
  letter-spacing:-.5px;
  line-height:1.2;
}

.score-box p{
  color:#9abfaa;
  line-height:1.65;
  font-family:Arial,sans-serif;
  font-size:14px;
  margin:0 0 10px;
}

.result-list{
  background:white;
  border-radius:20px;
  padding:8px 24px;
  box-shadow:0 8px 28px rgba(69,45,28,.07);
  border:1px solid var(--line);
}

.result-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  padding:17px 0;
  border-bottom:1px solid var(--line);
  font-family:Arial,sans-serif;
  align-items:center;
}

.result-row:last-child{border-bottom:0}
.result-main strong{display:block;font-size:15px}
.result-main span{color:var(--muted);font-size:13px}
.result-tag{font-weight:900;color:var(--green);font-size:14px;white-space:nowrap}

/* ── TITRE AUTO JOOMLA (masqué) ── */

h2.tck-article-title{display:none}

/* Signaux : TOP = vert / Standard = bleu / Risqué = rouge */

/* ── MOBILE HERO IMG ── */

.mobile-hero-img{display:none}


/* ══════════════════════════════════════
   LIGHT BADGE  (partagé)
══════════════════════════════════════ */

.light{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
  font-family:Arial,sans-serif;
}

.light::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  flex-shrink:0;
}

.light-top{background:transparent;color:var(--green)}
.light-standard{background:transparent;color:var(--blue)}
.light-stop{background:transparent;color:var(--red)}


/* ══════════════════════════════════════
   ACTION BUTTON  (homepage board)
══════════════════════════════════════ */

.action{
  display:inline-block;
  border:1px solid var(--orange);
  color:var(--orange);
  padding:9px 14px;
  border-radius:8px;
  font-weight:900;
  font-family:Arial,sans-serif;
  font-size:13px;
  transition:background .15s, color .15s;
}

.action:hover{background:var(--orange);color:white}


/* ══════════════════════════════════════
   BREADCRUMB  (pages internes)
══════════════════════════════════════ */

.breadcrumb{
  background:var(--paper);
  border-bottom:1px solid var(--line);
  padding:10px 0;
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
}

.breadcrumb a{color:var(--muted)}
.breadcrumb a:hover{color:var(--orange)}
.breadcrumb span{margin:0 6px}


/* ══════════════════════════════════════
   PAGE HERO  (pages internes)
══════════════════════════════════════ */

.page-hero{
  background:
    radial-gradient(circle at 80% 20%, rgba(245,166,35,.18), transparent 30%),
    linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);
  color:white;
  padding:44px 0 52px;
}

.page-hero-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;
  align-items:center;
}

.page-kicker{
  font-family:Arial,sans-serif;
  text-transform:uppercase;
  color:var(--orange);
  font-size:11px;
  font-weight:900;
  letter-spacing:1.4px;
  margin-bottom:10px;
}

.page-hero h1{
  font-size:clamp(28px,3.5vw,46px);
  line-height:1.08;
  margin:0 0 14px;
  letter-spacing:-1px;
}

.page-hero p{
  font-family:Arial,sans-serif;
  color:#c0d4c6;
  font-size:15px;
  line-height:1.6;
  margin:0;
  max-width:580px;
}

.day-summary{
  background:rgba(0,0,0,.25);
  border-radius:14px;
  padding:22px 28px;
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:220px;
  font-family:Arial,sans-serif;
}

.day-summary-title{
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  color:#9abfaa;
  margin-bottom:4px;
}

.day-stat{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  font-size:14px;
  color:#e8ddd0;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.day-stat:last-child{border-bottom:0;padding-bottom:0}

.day-stat strong{
  font-size:18px;
  font-family:Georgia,serif;
}

.top-badge{
  background:var(--green-soft);
  color:var(--green);
  font-size:11px;
  font-weight:900;
  padding:3px 9px;
  border-radius:999px;
}


/* ══════════════════════════════════════
   CONTEXT BAR  (pages internes)
══════════════════════════════════════ */

.context-bar{
  background:#fff;
  border-bottom:1px solid var(--line);
  padding:14px 0;
  font-family:Arial,sans-serif;
  font-size:13px;
}

.context-inner{
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
}

.context-item{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--muted);
}

.context-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--green);
  display:inline-block;
  flex-shrink:0;
}

.context-dot.orange{background:var(--orange)}
.context-item strong{color:var(--ink)}


/* ══════════════════════════════════════
   REUNIONS  (pages internes)
══════════════════════════════════════ */

.reunions-section{padding:44px 0 60px}

.reunions-grid{
  display:grid;
  gap:50px;
}

/* Reunion card */

.reunion-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(69,45,28,.07);
}

.reunion-card.is-top{
  border-color:#b8dcc4;
  box-shadow:0 6px 28px rgba(40,122,75,.12);
}

.reunion-card.is-stop{border-color:#e8c4c0}

.rcard-head{
  display:grid;
  grid-template-columns:80px 1fr auto;
  align-items:center;
  gap:0;
  padding:18px 22px;
  border-bottom:1px solid var(--line);
  background:var(--paper);
}

.reunion-card.is-top .rcard-head{
  background:#f2faf5;
  border-bottom-color:#c8e6d4;
}

.reunion-card.is-stop .rcard-head{
  background:#fff2f1;
  border-bottom-color:#f0c8c4;
}

.reunion-card.is-standard .rcard-head{
  background:#f0f5ff;
  border-bottom-color:#c0d4f0;
}

.rcard-num{
  font-size:28px;
  font-weight:900;
  color:var(--brown);
  font-family:Georgia,serif;
}

.rcard-info strong{
  display:block;
  font-size:18px;
  color:var(--ink);
}

.rcard-info span{
  display:block;
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
  margin-top:3px;
}

/* Card body */

.rcard-body{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.rcard-public{
  padding:22px;
  border-right:1px solid var(--line);
}

.rcard-section-label{
  font-family:Arial,sans-serif;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.8px;
  color:var(--muted);
  margin-bottom:12px;
}

.rcard-conditions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:16px;
  font-family:Arial,sans-serif;
}

.condition{
  background:var(--sand);
  border-radius:8px;
  padding:10px 12px;
}

.condition-label{
  font-size:11px;
  color:var(--muted);
  margin-bottom:3px;
}

.condition-value{
  font-size:14px;
  font-weight:800;
  color:var(--ink);
}

.rcard-analyse{
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1.6;
  color:#4a3d33;
  border-left:3px solid var(--line);
  padding-left:12px;
  margin:0;
}

.reunion-card.is-top .rcard-analyse{border-left-color:var(--green)}
.reunion-card.is-standard .rcard-analyse{border-left-color:var(--blue)}
.reunion-card.is-stop .rcard-analyse{border-left-color:var(--red)}

/* Colonne locked */

.rcard-locked{
  padding:22px;
  position:relative;
  display:flex;
  flex-direction:column;
}

.rcard-locked-content{
  filter:blur(6px);
  user-select:none;
  pointer-events:none;
  flex:1;
}

.fake-horse{
  font-size:22px;
  font-weight:900;
  color:var(--ink);
  margin-bottom:6px;
}

.fake-detail{
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
  line-height:1.6;
}

.fake-cote{
  display:inline-block;
  background:var(--orange-soft);
  color:var(--orange);
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  padding:5px 10px;
  border-radius:6px;
  margin-top:10px;
  margin-bottom:15px;
}

.fake-result-link{
  display:block;
  margin-top:12px;
  text-align:right;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:700;
  color:var(--muted);
  text-decoration:none;
}

.fake-result-link:hover{color:var(--orange)}

.locked-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  background:rgba(255,250,241,.7);
  backdrop-filter:blur(2px);
  border-radius:0 0 18px 0;
  padding:16px;
  text-align:center;
}

.lock-icon{
  width:36px;
  height:36px;
  background:var(--ink);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:16px;
  color:white;
}

.locked-overlay p{
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
  margin:0;
  line-height:1.5;
}

.locked-overlay strong{
  display:block;
  font-size:14px;
  color:var(--ink);
  margin-bottom:4px;
}

.btn-unlock{
  background:var(--orange);
  color:white;
  padding:10px 18px;
  border-radius:8px;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  white-space:nowrap;
}

/* Carte dangereuse */

.rcard-dangeureuse{
  padding:22px;
  font-family:Arial,sans-serif;
}

.rcard-dangeureuse p{
  font-size:14px;
  line-height:1.65;
  color:var(--muted);
  margin:0 0 12px;
  max-width:680px;
}

.raison-list{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}

.raison-tag{
  background:var(--red-soft);
  color:var(--red);
  font-size:12px;
  font-weight:700;
  padding:5px 10px;
  border-radius:6px;
  font-family:Arial,sans-serif;
}


/* Cartouche 3 jours offerts */

.rcard-cta-3j{
  padding:22px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.rcard-cta-3j p{
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
  line-height:1.6;
  margin:0;
}


/* ══════════════════════════════════════
   CTA SECTION  (homepage)
══════════════════════════════════════ */

.cta{
  background:#2a211a;
  color:white;
  padding:64px 0;
}

.cta-box{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
}

.cta h2{
  font-size:38px;
  margin:0 0 12px;
  letter-spacing:-1px;
  line-height:1.1;
}

.cta > .cta-box > div > p{
  color:#d8c7b5;
  font-size:16px;
  line-height:1.6;
  max-width:580px;
  font-family:Arial,sans-serif;
  margin:0;
}


/* ══════════════════════════════════════
   CTA BAND  (pages internes)
══════════════════════════════════════ */

.cta-band{
  background:#2a211a;
  color:white;
  padding:52px 0;
}

.cta-inner{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
}

.cta-inner h2{
  font-size:34px;
  margin:0 0 10px;
  letter-spacing:-.5px;
  line-height:1.1;
}

.cta-inner p{
  color:#d8c7b5;
  font-family:Arial,sans-serif;
  font-size:15px;
  line-height:1.6;
  margin:0;
  max-width:560px;
}

.cta-perks{
  display:flex;
  flex-direction:column;
  gap:7px;
  margin-top:16px;
  font-family:Arial,sans-serif;
  font-size:13px;
  color:#9abfaa;
}

.cta-perk::before{content:"✓ "}


/* ══════════════════════════════════════
   CTA PANEL  (partagé)
══════════════════════════════════════ */

.cta-panel{
  background:var(--paper);
  color:var(--ink);
  padding:26px;
  border-radius:18px;
  width:340px;
  box-shadow:var(--shadow);
  flex-shrink:0;
}

.cta-panel label{
  display:block;
  font-size:13px;
  font-weight:800;
  margin-bottom:8px;
  font-family:Arial,sans-serif;
  color:var(--ink);
}

.cta-panel input{
  width:100%;
  padding:13px;
  border:1px solid var(--line);
  border-radius:8px;
  margin-bottom:12px;
  font-size:14px;
  font-family:Arial,sans-serif;
  background:#fafaf7;
}

.cta-panel button{
  width:100%;
  border:0;
  background:var(--orange);
  color:white;
  padding:14px;
  border-radius:9px;
  font-weight:900;
  font-size:14px;
  cursor:pointer;
  font-family:Arial,sans-serif;
}

.small-check{
  font-size:12px;
  color:var(--muted);
  margin-top:10px;
  line-height:1.4;
  font-family:Arial,sans-serif;
  text-align:center;
}


/* ══════════════════════════════════════
   PAGE RESULTATS
══════════════════════════════════════ */
     .results-hero{
      background:
        radial-gradient(circle at 80% 20%, rgba(245,166,35,.18), transparent 30%),
        linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);
      color:white;
      padding:44px 0 52px;
    }

    .results-hero-inner{
      display:block;
    }

    .results-hero h1{
      font-size:clamp(28px,3.5vw,46px);
      line-height:1.08;
      margin:0 0 14px;
      letter-spacing:-1px;
      color:#fff;
    }

    .results-hero p{
      font-family:Arial,sans-serif;
      color:#c0d4c6;
      font-size:15px;
      line-height:1.6;
      margin:0;
      max-width:580px;
    }

    /* Stats box hero — version compacte */
    .hero-stats{
      display:flex;
      gap:24px;
      flex-wrap:wrap;
      margin-top:20px;
      font-family:Arial,sans-serif;
    }

    .hstat{
      display:flex;
      align-items:baseline;
      gap:7px;
    }

    .hstat-num{
      font-size:22px;
      font-weight:900;
      font-family:Georgia,serif;
      line-height:1;
    }

    .hstat-num.green{color:var(--green)}
    .hstat-num.orange{color:var(--orange)}
    .hstat-num.white{color:#fff}
    .hstat-num.muted{color:#9abfaa}

    .hstat-label{
      font-size:13px;
      color:#9abfaa;
    }

    /* ── FILTER BAR ── */

    .filter-bar{
      background:#fff;
      border-bottom:1px solid var(--line);
      padding:14px 0;
    }

    .filter-inner{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }

    .filter-label{
      font-family:Arial,sans-serif;
      font-size:12px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.6px;
      color:var(--muted);
      margin-right:4px;
    }

    .filter-btn{
      padding:7px 14px;
      border-radius:999px;
      border:1px solid var(--line);
      background:#fff;
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:700;
      color:var(--muted);
      cursor:pointer;
      transition:all .15s;
    }

    .filter-btn:hover{border-color:var(--orange);color:var(--orange)}

    .filter-btn.active{
      background:var(--ink);
      border-color:var(--ink);
      color:#fff;
    }

    .filter-btn.active-top{
      background:var(--green);
      border-color:var(--green);
      color:#fff;
    }

    .filter-btn.active-stop{
      background:var(--red);
      border-color:var(--red);
      color:#fff;
    }

    /* ── RESULTS SECTION ── */

    .results-section{padding:28px 0 64px}

    /* Score summary band */
    .score-band{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      margin-bottom:36px;
    }

    .sband-item{
      background:#fff;
      border:1px solid var(--line);
      border-radius:14px;
      padding:18px 20px;
      font-family:Arial,sans-serif;
    }

    .sband-item.highlight{
      background:linear-gradient(135deg,#17211c,#2f6f4e);
      border-color:transparent;
      color:white;
    }

    .sband-num{
      font-size:32px;
      font-weight:900;
      font-family:Georgia,serif;
      line-height:1;
      color:var(--green);
    }

    .sband-item.highlight .sband-num{color:var(--orange)}

    .sband-lbl{
      font-size:13px;
      color:var(--muted);
      margin-top:6px;
      line-height:1.4;
    }

    .sband-item.highlight .sband-lbl{color:#9abfaa}

    /* Table */
    .results-table{
      background:#fff;
      border:1px solid var(--line);
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 6px 24px rgba(69,45,28,.07);
    }

    .rtable-head{
      display:grid;
      grid-template-columns:110px 60px 1fr 1fr 160px 120px 110px 120px;
      background:#2a211a;
      color:#fff4e8;
      font-family:Arial,sans-serif;
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.5px;
    }

    .rtable-head div,
    .rtable-row > div{padding:14px 16px}

    .rtable-row{
      display:grid;
      grid-template-columns:110px 60px 1fr 1fr 160px 120px 110px 120px;
      align-items:center;
      border-bottom:1px solid var(--line);
      font-family:Arial,sans-serif;
      font-size:14px;
      background:#fff;
      transition:background .12s;
    }

    .rtable-row:last-child{border-bottom:0}
    .rtable-row:hover{background:#fffdf8}

    .rtable-row.row-top{border-left:3px solid var(--green)}
    .rtable-row.row-standard{border-left:3px solid var(--blue)}
    .rtable-row.row-stop{border-left:3px solid var(--red)}

    .rdate{
      color:var(--muted);
      font-size:13px;
    }

    .rnum{
      font-weight:900;
      color:var(--brown);
      font-family:Georgia,serif;
      font-size:16px;
    }

    .rhippo strong{display:block;font-size:14px}
    .rhippo span{color:var(--muted);font-size:12px;margin-top:2px;display:block}

    .rhorse strong{display:block;font-size:14px}
    .rhorse span{color:var(--muted);font-size:12px;margin-top:2px;display:block}

    .rresult{font-weight:900; font-size:14px; white-space:nowrap;}
	.rresult.win{color:var(--green); background:var(--green-soft); padding:4px 10px; border-radius:6px;font-weight:900;}

	.rresult.place{color:var(--blue); font-weight:700;}

	.rresult.lose{color:var(--muted);font-weight:700;}
	.rresult.lose::before{content:none}


.rresult.top5 {color: #9c6b00; padding: 4px 10px; border-radius: 6px; font-weight: 700;}


.rcote {
  font-family: Arial, sans-serif;
  font-size: 14px;
  color: var(--ink);
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}

    .rlink a{
      display:inline-block;
      border:1px solid var(--orange);
      color:var(--orange);
      padding:7px 12px;
      border-radius:7px;
      font-weight:900;
      font-family:Arial,sans-serif;
      font-size:12px;
      white-space:nowrap;
      transition:background .15s, color .15s;
    }

    .rlink a:hover{background:var(--orange);color:white}

    /* Pagination */
    .pagination{
      display:flex;
      justify-content:center;
      gap:8px;
      margin-top:32px;
      font-family:Arial,sans-serif;
    }

    .page-btn{
      width:36px;
      height:36px;
      border-radius:8px;
      border:1px solid var(--line);
      background:#fff;
      display:grid;
      place-items:center;
      font-size:13px;
      font-weight:700;
      color:var(--muted);
      cursor:pointer;
      transition:all .15s;
    }

    .page-btn:hover{border-color:var(--orange);color:var(--orange)}
    .page-btn.active{background:var(--ink);border-color:var(--ink);color:#fff}


.results-note{
  font-family:Arial,sans-serif;
  font-size:12px;
  color:var(--muted);
  padding:10px 0 0;
  font-style:italic;
}


    /* ── RESPONSIVE ── */

    @media(max-width:1000px){
      .rtable-head{display:none}
      .rtable-row{
        grid-template-columns:60px 1fr auto;
        grid-template-rows:auto auto;
        gap:0;
        padding:4px 0;
      }
      .rdate{grid-column:1;grid-row:1;font-size:11px;padding-bottom:2px}
      .rnum{grid-column:1;grid-row:2;font-size:20px}
      .rhippo{grid-column:2;grid-row:1 / 3;align-self:center}
      .rhorse{display:none}
      .rsignal{grid-column:3;grid-row:1;align-self:end;padding-bottom:4px}
      .rresult{grid-column:3;grid-row:2;text-align:right;align-self:start}
      .rcote{display:none}
      .rlink{display:none}
    }

    @media(max-width:900px){
      .results-hero-inner{grid-template-columns:1fr}
      .hero-stats{display:none}
      .score-band{grid-template-columns:1fr 1fr}
      .filter-bar{top:74px}
    }

    @media(max-width:560px){
      .score-band{grid-template-columns:1fr 1fr}
    }


/* ══════════════════════════════════════
   FOOTER  (partagé)
══════════════════════════════════════ */

footer{
  padding:28px 0;
  background:#17120e;
  color:#c4b5a5;
  font-family:Arial,sans-serif;
  font-size:13px;
  margin-top:auto;
}

.footer-inner{
  display:flex;
  justify-content:space-between;
  gap:20px;
  flex-wrap:wrap;
}

#maincontent{
  min-height:calc(100vh - 78px - 80px);
}

/* ══════════════════════════════════════
  Navigation mensuelle page résultats
══════════════════════════════════════ */

.month-nav{
  padding:12px 0;
}

.month-nav-inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  font-family:Arial,sans-serif;
}

.month-btn{
  padding:8px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  font-size:13px;
  font-weight:700;
  color:var(--muted);
  background:#fff;
  transition:all .15s;
}

.month-btn:hover{border-color:var(--orange);color:var(--orange)}

.month-current{
  font-size:15px;
  font-weight:900;
  color:var(--ink);
  font-family:Georgia,serif;
}


/* ══════════════════════════════════════
   MENU DE NAVIGATION
══════════════════════════════════════ */
.nav-account{position:relative}

.nav-account-btn{
  background:none;
  border:none;
  cursor:pointer;
  padding:10px 8px;
  color:#f4e6d7;
  line-height:1;
}

.nav-account-menu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  box-shadow:var(--shadow);
  min-width:180px;
  overflow:hidden;
  z-index:100;
}

.nav-account-menu a{
  display:block;
  padding:12px 16px;
  font-family:Arial,sans-serif;
  font-size:14px;
  color:var(--ink);
  border-bottom:1px solid var(--line);
}

.nav-account-menu a:last-child{border-bottom:0}
.nav-account-menu a:hover{background:var(--sand)}
.nav-account-menu.open{display:block}


/* ══════════════════════════════════════════════════════════════
   FORMULAIRE CONVERTFORM
══════════════════════════════════════════════════════════════ */
.cta-block .convertforms,.cta-block form{  max-width:820px;  margin:8px auto 0;}
.cta-block .cf-form-group,
.cta-block .cf-control-group,
.cta-block .cf-fields,
.cta-block .cf-row{  width:100%;}
.cta-block input[type="email"],
.cta-block input[type="text"]{  display:block;  width:100%;  max-width:520px;  margin:0 auto 4px !important;  height:48px;  padding:0 18px;  border-radius:14px;  border:1px solid rgba(15,23,42,.14);  background:#fff;  
  font-size:16px;  color:var(--text);  box-sizing:border-box;}

.cta-block input[type="email"]::placeholder,
.cta-block input[type="text"]::placeholder{  color:#8b96a8;}
.cta-block .cf-captcha,
.cta-block .cf-recaptcha,
.cta-block .cf-hcaptcha,
.cta-block .h-captcha,
.cta-block .g-recaptcha{  display:flex;  justify-content:center;  margin:4px auto !important;}
.cta-block .cf-consent,
.cta-block .cf-checkbox-group,
.cta-block .cf-field-type-checkbox{  display:flex;  justify-content:center;  margin:2px auto 4px !important;  text-align:center;}
.cta-block .cf-consent label,
.cta-block .cf-checkbox-group label,
.cta-block .cf-field-type-checkbox label{  display:inline-flex;  align-items:center;  gap:10px;  font-size:14px;  color:#314152;}
.cta-block .cf-field{  margin-bottom:4px !important;}
.cta-block button,
.cta-block input[type="submit"],
.cta-block .cf-btn{  display:block;  width:auto;  min-width:280px;  max-width:420px;  margin:6px auto 0 !important;  padding:15px 28px;  border:none;  border-radius:999px;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));  color:#111;  font-size:16px;  font-weight:700;  box-shadow:0 10px 22px rgba(200,155,67,.22);  text-align:center;  cursor:pointer;}

.cta-block .cf-btn-full,
.cta-block .cf-btn-block{  width:auto !important;  max-width:420px;  margin-left:auto !important;  margin-right:auto !important;}
.cta-block .cf-response,
.cta-block .cf-help,
.cta-block .cf-note{  text-align:center;}
.cta-block .cf-control-group{  margin-bottom:4px !important;}
.cta-block .cf-input{  margin-bottom:4px !important;  height:48px !important;}

body .cta-block .cf-control-group,
body .cta-block .cf-control-input,
body .cta-block .cf-fields .cf-control-group{  margin-bottom:4px !important;  padding-bottom:0 !important;}
body .cta-block .cf-input{  margin-bottom:0 !important;  height:48px !important;}
body .cta-block .cf-captcha-fix,
body .cta-block .cf-captcha-fix .cf-control-input{  margin-bottom:4px !important;  margin-top:0 !important;  padding-bottom:0 !important;  padding-top:0 !important;}
body .cta-block .cf-checkbox-group{  margin-bottom:4px !important;  margin-top:0 !important;  padding-bottom:0 !important;  padding-top:0 !important;}
body .cta-block fieldset.cf-control-group,
body .cta-block .cf-list,
body .cta-block .cf-checkbox-group{  margin-bottom:4px !important;  margin-top:0 !important;  padding-bottom:0 !important;  padding-top:0 !important;}
body .cta-block .cf-list{  row-gap:0 !important;  column-gap:0 !important;  gap:0 !important;}
body .cta-block .cf-control-input .cf-list,
body .cta-block .cf-control-input{  row-gap:0 !important;  gap:0 !important;  margin:0 !important;  padding:0 !important;}
body .cta-block .cf-text-center{  margin-top:0 !important;  padding-top:0 !important;}
body .cta-block .cf-control-group[data-type="submit"]{margin-top:0 !important;  padding-top:0 !important;}
body .cta-block .cf-input{  border-radius:0 !important;}

@media(max-width:680px){
  .cta-block input[type="email"],
  .cta-block input[type="text"]{max-width:100%;}
  .cta-block button,
  .cta-block input[type="submit"],
  .cta-block .cf-btn{ width:100%; max-width:100%; min-width:0;}
}


/* LIMITE LARGEUR CONVERTFORM */
.convertforms,
.convertforms-form,
.cf-form-wrap {  max-width: 600px;  margin-left: auto;  margin-right: auto;}


/* Masque label Captcha obligatoire */
#jform_captcha-lbl {display: none !important;}


/* ══════════════════════════════════════════════════════════════
   				REDUIRE LARGEUR FORMULAIRE CONNEXION
══════════════════════════════════════════════════════════════ */

.com-users-login{max-width:640px; margin:56px auto; padding:36px 34px 28px; background:#fff; border-radius:22px; border:1px solid rgba(15,23,42,.08); box-shadow:0 16px 40px rgba(15,23,42,.08);}
.com-users-login form{ max-width:480px; margin:0 auto;}

/* groupes */
.com-users-login .control-group,
.com-users-login .form-group,
.com-users-login .mb-3{margin-bottom:18px;}

/* labels */
.com-users-login label{display:block; margin-bottom:8px; font-size:14px; font-weight:700; color:var(--text);}

/* champs texte/password */
.com-users-login input[type="text"],
.com-users-login input[type="email"],
.com-users-login input[type="password"]{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#f7f9fc;color:var(--text);font-size:16px; box-sizing:border-box; box-shadow:none;}
.com-users-login input[type="text"]:focus,
.com-users-login input[type="email"]:focus,
.com-users-login input[type="password"]:focus{ outline:none; border-color:rgba(200,155,67,.55); background:#fff; box-shadow:0 0 0 4px rgba(200,155,67,.10);}

/* bloc mot de passe + icône */
.com-users-login .input-group,
.com-users-login .controls,
.com-users-login .password-group{display:flex; align-items:center; gap:0;}
.com-users-login .input-group input[type="password"],
.com-users-login .controls input[type="password"]{border-top-right-radius:0; border-bottom-right-radius:0;}
.com-users-login .input-group-text,
.com-users-login .btn-password,
.com-users-login .input-group button,
.com-users-login .controls button{height:52px; min-width:52px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(15,23,42,.12); 
  border-left:none; border-top-right-radius:14px; border-bottom-right-radius:14px; background:#f7f9fc; color:#314152; cursor:pointer; box-shadow:none; padding:0 14px;}

/* remember me */
.com-users-login .remember,
.com-users-login .form-check,
.com-users-login .checkbox{  display:flex;  align-items:center;  gap:10px;  margin:6px 0 20px;}
.com-users-login input[type="checkbox"]{  width:16px;  height:16px;  margin:0;  accent-color:#c89b43;}
.com-users-login .remember label,
.com-users-login .form-check label,
.com-users-login .checkbox label{  margin:0;  font-size:14px;  font-weight:500;  color:#314152;}

/* bouton connexion ICI */
.com-users-login .btn,
.com-users-login button[type="submit"],
.com-users-login input[type="submit"]{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:170px;height:50px;padding:0 24px;border:none;border-radius:999px;
  background:var(--orange);color:#fff;font-size:16px;font-weight:800;
  cursor:pointer;box-shadow:0 10px 22px rgba(240,146,26,.22);
  transition:transform .2s ease,box-shadow .2s ease;
}

.com-users-login .btn:hover,
.com-users-login button[type="submit"]:hover,
.com-users-login input[type="submit"]:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(240,146,26,.30);
}

/* liens du bas */
.com-users-login ul,
.com-users-login .nav,
.com-users-login .list-group{list-style:none;margin:28px 0 0;padding:0;border:1px solid rgba(15,23,42,.08);border-radius:14px;overflow:hidden;}
.com-users-login ul li,
.com-users-login .nav li,
.com-users-login .list-group-item{margin:0;border-top:1px solid rgba(15,23,42,.08);}
.com-users-login ul li:first-child,
.com-users-login .nav li:first-child,
.com-users-login .list-group-item:first-child{border-top:none;}
.com-users-login ul a,
.com-users-login .nav a,
.com-users-login .list-group-item a{display:block;padding:14px 16px;text-decoration:none;color:#314152;font-size:15px;transition:background .2s ease, color .2s ease;}
.com-users-login ul a:hover,
.com-users-login .nav a:hover,
.com-users-login .list-group-item a:hover{background:#f9fbfd;color:#9b6d18;}

.com-users-login__reset:hover,
.com-users-login__remind:hover,
.com-users-login__register:hover{
  color:var(--orange) !important;
}


/* responsive */
@media (max-width:680px){
  .com-users-login{margin:28px auto;padding:24px 18px 20px;border-radius:18px;}
  .com-users-login form{max-width:100%;}
  .com-users-login .btn,
  .com-users-login button[type="submit"],
  .com-users-login input[type="submit"]{width:100%;}
}

/* ===== Fix champ mot de passe + oeil ===== */
.com-users-login .input-group{ display:grid !important; grid-template-columns:minmax(0,1fr) 56px !important; align-items:stretch !important; width:100% !important;}
.com-users-login .input-group > input[type="password"],
.com-users-login .input-group > input[type="text"],
.com-users-login .input-group > .form-control{ width:100% !important; min-width:0 !important; margin:0 !important; border-top-right-radius:0 !important; border-bottom-right-radius:0 !important;}
.com-users-login .input-group > .input-group-text,
.com-users-login .input-group > button,
.com-users-login .input-group > .btn{ width:56px !important; min-width:56px !important;
  height:52px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important;
  border:1px solid rgba(15,23,42,.12) !important; border-left:none !important; border-top-left-radius:0 !important; border-bottom-left-radius:0 !important; border-top-right-radius:14px !important; 
  border-bottom-right-radius:14px !important; background:#f7f9fc !important; box-shadow:none !important; overflow:hidden !important;}
.com-users-login form,
.com-users-login .control-group,
.com-users-login .form-group,
.com-users-login .mb-3,
.com-users-login .input-group{ min-width:0;}

/* cohérence au focus */
.com-users-login .input-group:focus-within > input[type="password"],
.com-users-login .input-group:focus-within > input[type="text"],
.com-users-login .input-group:focus-within > .form-control{ border-color:rgba(200,155,67,.55) !important; background:#fff !important;}
.com-users-login .input-group:focus-within > .input-group-text,
.com-users-login .input-group:focus-within > button,
.com-users-login .input-group:focus-within > .btn{
  border-color:rgba(200,155,67,.55) !important;
  background:#fff !important;
}
/* au focus, l'ensemble reste visuellement cohérent */
.com-users-login .input-group:focus-within > input[type="password"],
.com-users-login .input-group:focus-within > input[type="text"]{border-color:rgba(200,155,67,.55) !important;background:#fff !important;}

.com-users-login .input-group:focus-within > .input-group-text,
.com-users-login .input-group:focus-within > button,
.com-users-login .input-group:focus-within > .btn{border-color:rgba(200,155,67,.55) !important;background:#fff !important;}






/* ══════════════════════════════════════════════════════════════
   				MASQUER "JETON JOOMLA"
══════════════════════════════════════════════════════════════ */
.com-users-profile__custom.users-profile-custom-joomlatoken{  display: none !important;}
fieldset:has(  input[name^="jform[joomlatoken]"]){  display: none !important;}






/* ══════════════════════════════════════════════════════════════
   LIMITER LARGEUR DES PAGES NON MAQUETTES
══════════════════════════════════════════════════════════════ */
.site-shell:not(:has(.page-hero, .dark-zone, .results-hero, .reunions-section, .abo-pricing, .filtre-hero, .faq-hero)){
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px;
  box-sizing:border-box;
  width:100%;
  min-width:0;
}

@media (max-width:680px){
  .site-shell{padding:12px;}
}

.site-shell .blog-featured a,
.site-shell .item-title a,
.site-shell .page-header a,
.site-shell h1 a,
.site-shell h2 a,
.site-shell h3 a{overflow-wrap:anywhere; word-break:break-word;}

.inner.clearfix.site-shell .item-title a{display:block; font-size:15px; line-height:1.4;}
.inner.clearfix.site-shell{min-width:0;}
.inner.clearfix.site-shell *{min-width:0;}

.list-title a{color:var(--ink) !important;}
.list-title a:hover{color:var(--orange) !important;}

.com-content-category__counter{ float:none !important; text-align:center; padding:12px 0 0 !important; font-family:Arial,sans-serif; font-size:13px;color:var(--muted);}
.pagination__wrapper{margin-top:8px !important;}




/* ══════════════════════════════════════════════════════════════
   PAGE 404
══════════════════════════════════════════════════════════════ */

    .error-page{
      min-height:calc(100vh - 78px);
      display:flex;
      align-items:center;
      justify-content:center;
      padding:48px 24px;
      background:var(--sand);
    }
 
    .error-box{
      text-align:center;
      max-width:560px;
      width:100%;
    }
 
    .error-num{
      font-family:Georgia,serif;
      font-size:clamp(100px,20vw,160px);
      font-weight:900;
      line-height:1;
      letter-spacing:-8px;
      color:transparent;
      -webkit-text-stroke:3px var(--orange);
      margin-bottom:8px;
      animation:fadedown .6s ease both;
    }
 
    .error-horse{
      font-size:clamp(40px,8vw,64px);
      line-height:1;
      margin-bottom:24px;
      animation:fadedown .6s .1s ease both;
      display:block;
    }
 
    .error-title{
      font-family:Georgia,serif;
      font-size:clamp(20px,3vw,28px);
      color:var(--ink);
      margin:0 0 14px;
      letter-spacing:-.5px;
      animation:fadeup .6s .15s ease both;
    }
 
    .error-text{
      font-family:Arial,sans-serif;
      font-size:15px;
      line-height:1.65;
      color:var(--muted);
      margin:0 0 36px;
      animation:fadeup .6s .2s ease both;
    }
 
    .error-actions{
      display:flex;
      gap:12px;
      justify-content:center;
      flex-wrap:wrap;
      animation:fadeup .6s .25s ease both;
    }
 
    .btn-primary{
      background:var(--orange);
      color:white;
      padding:13px 24px;
      border-radius:10px;
      font-family:Arial,sans-serif;
      font-size:14px;
      font-weight:900;
      transition:background .15s, transform .15s;
    }
 
    .btn-primary:hover{
      background:#d4800f;
      transform:translateY(-1px);
      color:white;
    }
 
    .btn-secondary{
      background:#fff;
      color:var(--ink);
      padding:13px 24px;
      border-radius:10px;
      border:1px solid var(--line);
      font-family:Arial,sans-serif;
      font-size:14px;
      font-weight:700;
      transition:border-color .15s, transform .15s;
    }
 
    .btn-secondary:hover{
      border-color:var(--orange);
      color:var(--orange);
      transform:translateY(-1px);
    }
 
    .error-links{
      margin-top:40px;
      padding-top:28px;
      border-top:1px solid var(--line);
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:12px;
      animation:fadeup .6s .3s ease both;
    }
 
    .error-link{
      background:#fff;
      border:1px solid var(--line);
      border-radius:12px;
      padding:16px 12px;
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:700;
      color:var(--ink);
      transition:border-color .15s, color .15s, transform .15s;
    }
 
    .error-link:hover{
      border-color:var(--orange);
      color:var(--orange);
      transform:translateY(-2px);
    }
 
    .error-link span{
      display:block;
      font-size:20px;
      margin-bottom:8px;
    }
 
    @keyframes fadedown{
      from{opacity:0;transform:translateY(-20px)}
      to{opacity:1;transform:none}
    }
 
    @keyframes fadeup{
      from{opacity:0;transform:translateY(16px)}
      to{opacity:1;transform:none}
    }
 
    @media(max-width:480px){
      .error-links{grid-template-columns:1fr}
    }




/* ═══════════════════════════════════════════════
   PAGE ABONNEMENT
   ═══════════════════════════════════════════════ */
     .abo-hero{
      background:
        radial-gradient(circle at 80% 20%, rgba(245,166,35,.18), transparent 30%),
        linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);
      color:white;
      padding:52px 0 60px;
    }
 
    .abo-hero h1{
      font-size:clamp(28px,3.5vw,46px);
      line-height:1.08;
      margin:0 0 14px;
      letter-spacing:-1px;
      color:#fff;
    }
 
    .abo-hero p{
      font-family:Arial,sans-serif;
      color:#c0d4c6;
      font-size:16px;
      line-height:1.6;
      margin:0 0 28px;
      max-width:580px;
    }
 
    .abo-trust{
      display:flex;
      gap:20px;
      flex-wrap:wrap;
      font-family:Arial,sans-serif;
      font-size:13px;
      color:#9abfaa;
    }
 
    .abo-trust span::before{content:"✓ ";color:var(--green)}
 
 
    /* ── TARIFS ── */
 
    .abo-pricing{padding:52px 0 0}
 
    .abo-pricing-title{
      text-align:center;
      font-family:Georgia,serif;
      font-size:32px;
      color:var(--ink);
      margin:0 0 8px;
      letter-spacing:-.5px;
    }
 
    .abo-pricing-sub{
      text-align:center;
      font-family:Arial,sans-serif;
      font-size:15px;
      color:var(--muted);
      margin:0 0 40px;
    }
 
    .abo-offers{
      display:grid;    
      grid-template-columns:1fr 1.12fr 1fr;
      gap:16px;
      align-items:stretch;
      max-width:1060px;
      margin:0 auto;
    }
 
    .abo-offer{
      background:#fff;
      border:2px solid var(--line);
      border-radius:18px;
      padding:28px 22px;
      text-align:center;
      cursor:pointer;
      transition:all .2s;
      position:relative;
      display: flex;  
  	  flex-direction: column;
    }
 
    .abo-offer:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--shadow)}
    .abo-offer.selected{border-color:var(--orange);background:var(--orange-soft)}
 
.abo-offer-featured {
  border-color: var(--orange);
  background: var(--orange-soft);
  transform: none;
  box-shadow: 0 16px 40px rgba(240,146,26,.20);
  padding: 36px 22px 28px;
}
 
    .abo-offer-badge{
      position:absolute;
      top:-13px;
      left:50%;
      transform:translateX(-50%);
      background:var(--orange);
      color:white;
      font-family:Arial,sans-serif;
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.5px;
      padding:4px 14px;
      border-radius:999px;
      white-space:nowrap;
    }
 
    .abo-offer-duration{
      font-family:Georgia,serif;
      font-size:16px;
      font-weight:900;
      color:var(--muted);
      margin-bottom:12px;
      text-transform:uppercase;
      letter-spacing:.5px;
    }
 
    .abo-offer-featured .abo-offer-duration{color:var(--brown)}
 
    .abo-offer-price{
      font-family:Georgia,serif;
      font-size:44px;
      font-weight:900;
      color:var(--ink);
      line-height:1;
      margin-bottom:4px;
    }
 
    .abo-offer-featured .abo-offer-price{font-size:56px;color:var(--orange)}
 
    .abo-offer-unit{
      font-family:Arial,sans-serif;
      font-size:13px;
      color:var(--muted);
      margin-bottom:16px;
    }
 
    .abo-offer-perks{
      display:grid;
      gap:6px;
      font-family:Arial,sans-serif;
      font-size:12px;
      color:var(--muted);
      margin-bottom:20px;
    }
 
    .abo-offer-perks span::before{content:"✓ ";color:var(--green);font-weight:900}
 
    .abo-offer-btn{
      display:block;
      width:100%;
      padding:11px;
      border-radius:8px;
      border:2px solid var(--orange);
      color:var(--orange);
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:900;
      background:transparent;
      cursor:pointer;
      transition:all .15s;
      margin-top: auto;
    }
 
    .abo-offer-btn:hover,
    .abo-offer.selected .abo-offer-btn,
    .abo-offer-featured .abo-offer-btn{background:var(--orange);color:white}
 
    /* ── PAIEMENT ── */
 
    .abo-payment{
      max-width:520px;
      margin:48px auto 0;
      background:#fff;
      border:1px solid var(--line);
      border-radius:20px;
      padding:28px;
      box-shadow:var(--shadow);
    }
 
    .abo-payment-title{
      font-family:Georgia,serif;
      font-size:18px;
      color:var(--ink);
      margin:0 0 4px;
      text-align:center;
    }
 
    .abo-payment-selected{
      text-align:center;
      font-family:Arial,sans-serif;
      font-size:14px;
      color:var(--orange);
      font-weight:900;
      margin-bottom:20px;
    }
 
    #paypal-button-container,
    #applepay-button-container,
    #googlepay-button-container{width:100%}
 
    .abo-secure{
      text-align:center;
      font-family:Arial,sans-serif;
      font-size:12px;
      color:var(--muted);
      margin-bottom:20px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:6px;
    }
 
    .abo-secure::before{content:"🔒";font-size:13px}
 
    .abo-altpay{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
 
.abo-altpay-details{
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
}

.abo-altpay-summary{
  list-style:none;
  padding:12px 16px;
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
  color:var(--muted);
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.abo-altpay-summary::-webkit-details-marker{display:none}

.abo-altpay-summary::after{
  content:"﹢";
  font-size:16px;
  font-weight:300;
  color:var(--muted);
  transition:transform .2s;
}

details[open] .abo-altpay-summary::after{content:"－"}

.abo-altpay-content{
  padding:8px 12px 12px;
  border-top:1px solid var(--line);
  background:#fafaf7;
}

 
    .abo-altpay-btn{
      display:flex;
      align-items:center;
      gap:10px;
      padding:11px 14px;
      border-radius:9px;
      border:1px solid var(--line);
      background:#fafaf7;
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:700;
      color:var(--ink);
      margin-bottom:8px;
      transition:border-color .15s, background .15s;
    }
 
    .abo-altpay-btn:last-child{margin-bottom:0}
    .abo-altpay-btn:hover{border-color:var(--orange);background:var(--orange-soft)}
    .abo-cheque{border-left:3px solid var(--blue)}
    .abo-virement{border-left:3px solid var(--green)}
    .abo-ria{border-left:3px solid var(--orange)}
 
    /* ── ARGUMENTS ── */
 
    .abo-args-section{padding:52px 0}
 
    .abo-args{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:16px;
    }
 
    .abo-arg{
      background:#fff;
      border:1px solid var(--line);
      border-radius:16px;
      padding:22px;
      display:flex;
      gap:16px;
      align-items:flex-start;
    }
 
    .abo-arg-icon{
      width:44px;height:44px;border-radius:12px;
      background:var(--orange-soft);
      display:flex;align-items:center;justify-content:center;
      font-size:20px;flex-shrink:0;
    }
 
    .abo-arg-title{font-size:15px;font-weight:900;color:var(--ink);margin-bottom:4px;font-family:Arial,sans-serif}
    .abo-arg-text{font-family:Arial,sans-serif;font-size:13px;color:var(--muted);line-height:1.6;margin:0}
 
    /* ── GARANTIES ── */
 
    .abo-garanties{
      padding:22px 0 72px;
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:16px;
    }
 
    .abo-garantie{
      background:#fff;border:1px solid var(--line);border-radius:14px;
      padding:20px;text-align:center;font-family:Arial,sans-serif;
    }
 
    .abo-garantie-icon{font-size:28px;margin-bottom:10px;display:block}
    .abo-garantie-title{font-size:14px;font-weight:900;color:var(--ink);margin-bottom:4px}
    .abo-garantie-text{font-size:12px;color:var(--muted);line-height:1.5}
 
    /* ── RESPONSIVE ── */
 
    @media(max-width:900px){
      .abo-offers{grid-template-columns:1fr;max-width:400px}
      .abo-offer-featured{transform:none;padding:36px 22px 28px;box-shadow: 0 24px 56px rgba(240,146,26,.28);}
      .abo-args{grid-template-columns:1fr}
      .abo-garanties{grid-template-columns:1fr}
    }
 
    @media(max-width:560px){
      .abo-garanties{grid-template-columns:1fr 1fr}
      .abo-payment{padding:20px}
    }


.abo-offer-savings{
  display:grid;
  gap:5px;
  background:rgba(240,146,26,.08);
  border-radius:8px;
  padding:10px 12px;
  margin-bottom:14px;
  text-align:left;
}

.saving-line{
  font-family:Arial,sans-serif;
  font-size:12px;
  color:var(--muted);
}

.saving-line strong{
  color:var(--ink);
  white-space:nowrap;
}

.saving-total{
  font-family:Arial,sans-serif;
  font-size:12px;
  font-weight:900;
  color:var(--orange);
  border-top:1px solid rgba(240,146,26,.2);
  padding-top:5px;
  margin-top:2px;
}

.saving-total strong{color:var(--orange)}

.abo-offer:not(.abo-offer-featured) .saving-line{
  font-size:11px;
}


/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

@media(max-width:1000px){
  .mobile-hero-img{display:block;width:100%;height:220px;background:url('/images/headers/CVR-img.jpg') center/cover no-repeat;}
  .dark-zone{background:linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);}
  .intro{padding:28px 0 24px}
}

@media(max-width:950px){
  .intro-grid,.split,.results-wrap,.cta-box{grid-template-columns:1fr}
  .board-head{display:none}
  .board-row{grid-template-columns:70px 1fr;padding:12px 0;}
  .board-row > div{padding:8px 16px}
  .status-cell,.action-cell{grid-column:2}
  .nav{display:none}
  .signal-inner{grid-template-columns:repeat(2,1fr)}
  .how-grid{grid-template-columns:1fr}
  .cta-panel{width:100%}
}

@media(max-width:900px){
  .page-hero-inner{grid-template-columns:1fr}
  .day-summary{display:none}
  .rcard-body{grid-template-columns:1fr}
  .rcard-public{border-right:0;border-bottom:1px solid var(--line)}
  .cta-inner{grid-template-columns:1fr}
}

@media(max-width:640px){
  .board-row{
    grid-template-columns:50px 1fr auto;
    grid-template-rows:auto auto auto;
    padding:12px 0;
  }
  .board-row > div{padding:4px 12px}
  .race-id{
    grid-column:1;grid-row:1 / 3;
    align-self:center;
    width:40px;height:40px;
    border-radius:10px;font-size:12px;
  }
  .track{grid-column:2;grid-row:1;}
  .track span{font-size:11px}
  .track strong{font-size:15px}
  .status-cell{grid-column:3;grid-row:1;align-self:center;}
  .selection{grid-column:2 / 4;grid-row:2;}
  .selection strong{font-size:13px}
  .selection span{font-size:12px}
  .action-cell{grid-column:2 / 4; grid-row:3; padding-left:12px !important; display:flex; justify-content:flex-end;}    
}

/* ══════════════════════════════════════
   PAGE FILTRE
══════════════════════════════════════ */
    .filtre-hero{
      background:
        radial-gradient(circle at 80% 20%, rgba(245,166,35,.18), transparent 30%),
        linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);
      color:white;
      padding:60px 0 72px;
      position:relative;
      overflow:hidden;
    }

    .filtre-hero::after{
      content:"♞";
      position:absolute;
      right:-40px;
      bottom:-60px;
      font-size:320px;
      opacity:.04;
      line-height:1;
      pointer-events:none;
    }

    .filtre-hero h1{
      font-size:clamp(32px,4vw,54px);
      line-height:1.0;
      margin:0 0 18px;
      letter-spacing:-2px;
      color:#fff;
      max-width:680px;
    }

    .filtre-hero p{
      font-family:Arial,sans-serif;
      color:#c0d4c6;
      font-size:16px;
      line-height:1.7;
      margin:0;
      max-width:560px;
    }

    /* ── PRINCIPE CENTRAL ── */

    .principe{
      padding:72px 0 60px;
    }

    .principe-inner{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .principe-text h2{
      font-size:36px;
      line-height:1.08;
      margin:0 0 18px;
      letter-spacing:-1px;
      color:var(--ink);
    }

    .principe-text p{
      font-family:Arial,sans-serif;
      font-size:15px;
      line-height:1.75;
      color:var(--muted);
      margin:0 0 14px;
    }

    .principe-text p:last-child{margin:0}

    .principe-text strong{color:var(--ink)}

    .principe-visual{
      display:grid;
      gap:12px;
    }

    .principe-stat{
      background:#fff;
      border:1px solid var(--line);
      border-radius:16px;
      padding:20px 24px;
      display:flex;
      align-items:center;
      gap:20px;
      box-shadow:0 4px 16px rgba(69,45,28,.06);
    }

    .pstat-num{
      font-family:Georgia,serif;
      font-size:44px;
      font-weight:900;
      line-height:1;
      flex-shrink:0;
      min-width:80px;
    }

    .pstat-num.orange{color:var(--orange)}
    .pstat-num.green{color:var(--green)}
    .pstat-num.blue{color:var(--blue)}

    .pstat-label{
      font-family:Arial,sans-serif;
      font-size:14px;
      color:var(--muted);
      line-height:1.5;
    }

    .pstat-label strong{display:block;font-size:15px;color:var(--ink);margin-bottom:2px}

    /* ── ÉTAPES ── */

    .etapes{
      background:var(--paper);
      padding:72px 0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
    }

    .etapes-title{
      text-align:center;
      margin-bottom:56px;
    }

    .etapes-title h2{
      font-size:36px;
      letter-spacing:-1px;
      margin:0 0 10px;
      color:var(--ink);
    }

    .etapes-title p{
      font-family:Arial,sans-serif;
      font-size:15px;
      color:var(--muted);
      margin:0;
    }

    .etapes-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      position:relative;
    }

    .etapes-grid::before{
      content:"";
      position:absolute;
      top:36px;
      left:calc(12.5%);
      right:calc(12.5%);
      height:2px;
      background:linear-gradient(90deg, var(--green), var(--orange));
      z-index:0;
    }

    .etape{
      text-align:center;
      padding:0 16px;
      position:relative;
      z-index:1;
    }

    .etape-num{
      width:72px;
      height:72px;
      border-radius:50%;
      background:#fff;
      border:3px solid var(--line);
      display:flex;
      align-items:center;
      justify-content:center;
      font-family:Georgia,serif;
      font-size:24px;
      font-weight:900;
      color:var(--muted);
      margin:0 auto 20px;
      position:relative;
      transition:all .2s;
    }

    .etape:nth-child(1) .etape-num{border-color:var(--green);color:var(--green)}
    .etape:nth-child(2) .etape-num{border-color:var(--blue);color:var(--blue)}
    .etape:nth-child(3) .etape-num{border-color:var(--orange);color:var(--orange)}
    .etape:nth-child(4) .etape-num{border-color:var(--green);color:var(--green);background:var(--green);color:white}

    .etape-icon{
      font-size:22px;
      margin-bottom:12px;
      display:block;
    }

    .etape h3{
      font-size:17px;
      color:var(--ink);
      margin:0 0 8px;
      font-family:Georgia,serif;
    }

    .etape p{
      font-family:Arial,sans-serif;
      font-size:13px;
      color:var(--muted);
      line-height:1.6;
      margin:0;
    }

    /* ── CRITÈRES ── */

    .criteres{padding:72px 0}

    .criteres-header{
      margin-bottom:48px;
    }

    .criteres-header h2{
      font-size:36px;
      letter-spacing:-1px;
      margin:0 0 10px;
      color:var(--ink);
    }

    .criteres-header p{
      font-family:Arial,sans-serif;
      font-size:15px;
      color:var(--muted);
      margin:0;
      max-width:580px;
    }

    .criteres-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }

    .critere{
      background:#fff;
      border:1px solid var(--line);
      border-radius:18px;
      padding:28px;
      position:relative;
      overflow:hidden;
    }

    .critere::before{
      content:"";
      position:absolute;
      top:0;left:0;right:0;
      height:4px;
    }

    .critere.c-vert::before{background:var(--green)}
    .critere.c-orange::before{background:var(--orange)}
    .critere.c-bleu::before{background:var(--blue)}
    .critere.c-rouge::before{background:var(--red)}
    .critere.c-or::before{background:var(--gold)}
    .critere.c-muted::before{background:var(--muted)}

    .critere-icon{
      font-size:28px;
      margin-bottom:14px;
      display:block;
    }

    .critere h3{
      font-size:17px;
      color:var(--ink);
      margin:0 0 10px;
      font-family:Georgia,serif;
    }

    .critere p{
      font-family:Arial,sans-serif;
      font-size:13px;
      color:var(--muted);
      line-height:1.65;
      margin:0;
    }

    .critere-tag{
      display:inline-block;
      margin-top:14px;
      padding:4px 10px;
      border-radius:999px;
      font-family:Arial,sans-serif;
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
    }

    .tag-vert{background:var(--green-soft);color:var(--green)}
    .tag-orange{background:var(--orange-soft);color:var(--orange)}
    .tag-bleu{background:var(--blue-soft);color:var(--blue)}
    .tag-rouge{background:var(--red-soft);color:var(--red)}

    /* ── SIGNAUX ── */

    .signaux{
      background:var(--paper);
      padding:72px 0;
      border-top:1px solid var(--line);
    }

    .signaux h2{
      font-size:36px;
      letter-spacing:-1px;
      margin:0 0 10px;
      color:var(--ink);
    }

    .signaux > .container > p{
      font-family:Arial,sans-serif;
      font-size:15px;
      color:var(--muted);
      margin:0 0 48px;
    }

    .signaux-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:20px;
    }

    .signal-card{
      border-radius:18px;
      padding:32px 28px;
      position:relative;
      overflow:hidden;
    }

    .signal-card.s-top{
      background:var(--green-soft);
      border:2px solid #b8dcc4;
    }

    .signal-card.s-standard{
      background:var(--blue-soft);
      border:2px solid #c0d4f0;
    }

    .signal-card.s-risque{
      background:var(--red-soft);
      border:2px solid #e8c4c0;
    }

    .signal-badge{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 14px;
      border-radius:999px;
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:900;
      margin-bottom:16px;
    }

    .s-top .signal-badge{background:var(--green);color:white}
    .s-standard .signal-badge{background:var(--blue);color:white}
    .s-risque .signal-badge{background:var(--red);color:white}

    .signal-card h3{
      font-size:20px;
      margin:0 0 12px;
      color:var(--ink);
    }

    .signal-card p{
      font-family:Arial,sans-serif;
      font-size:14px;
      line-height:1.65;
      color:#4a3d33;
      margin:0;
    }

    .signal-card ul{
      font-family:Arial,sans-serif;
      font-size:13px;
      color:#4a3d33;
      line-height:1.8;
      margin:12px 0 0;
      padding-left:18px;
    }

    /* ── TRANSPARENCE ── */

    .transparence{
      padding:72px 0;
      background:#fff;
      border-top:1px solid var(--line);
    }

    .transparence-inner{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .transparence-text h2{
      font-size:36px;
      letter-spacing:-1px;
      margin:0 0 16px;
      color:var(--ink);
    }

    .transparence-text p{
      font-family:Arial,sans-serif;
      font-size:15px;
      line-height:1.75;
      color:var(--muted);
      margin:0 0 14px;
    }

    .transparence-text p:last-child{margin:0}
    .transparence-text strong{color:var(--ink)}

    .transparence-stats{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;
    }

    .tstat{
      background:var(--sand);
      border-radius:14px;
      padding:20px;
      text-align:center;
    }

    .tstat-num{
      font-family:Georgia,serif;
      font-size:36px;
      font-weight:900;
      color:var(--orange);
      line-height:1;
      margin-bottom:6px;
    }

    .tstat-label{
      font-family:Arial,sans-serif;
      font-size:12px;
      color:var(--muted);
      line-height:1.4;
    }

    /* ── CTA FILTRE ── */

    .filtre-cta{
      background:linear-gradient(135deg,#17211c 0%,#2f6f4e 100%);
      padding:72px 0;
      text-align:center;
      color:white;
    }

    .filtre-cta h2{
      font-size:36px;
      letter-spacing:-1px;
      margin:0 0 14px;
      color:#fff;
    }

    .filtre-cta p{
      font-family:Arial,sans-serif;
      font-size:16px;
      color:#9abfaa;
      margin:0 0 32px;
      max-width:520px;
      margin-left:auto;
      margin-right:auto;
    }

    .filtre-cta-actions{
      display:flex;
      gap:14px;
      justify-content:center;
      flex-wrap:wrap;
    }

    .btn-cta-primary{
      background:var(--orange);
      color:white;
      padding:15px 32px;
      border-radius:10px;
      font-family:Arial,sans-serif;
      font-size:15px;
      font-weight:900;
      transition:background .15s, transform .15s;
    }

    .btn-cta-primary:hover{background:#d4800f;transform:translateY(-2px);color:white}

    .btn-cta-secondary{
      background:rgba(255,255,255,.1);
      color:white;
      padding:15px 32px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.2);
      font-family:Arial,sans-serif;
      font-size:15px;
      font-weight:700;
      transition:background .15s, transform .15s;
    }

    .btn-cta-secondary:hover{background:rgba(255,255,255,.18);transform:translateY(-2px);color:white}

    /* ── RESPONSIVE ── */

    @media(max-width:900px){
      .principe-inner,
      .transparence-inner{grid-template-columns:1fr}
      .etapes-grid{grid-template-columns:1fr 1fr;gap:32px}
      .etapes-grid::before{display:none}
      .criteres-grid,
      .signaux-grid{grid-template-columns:1fr}
      .transparence-stats{grid-template-columns:1fr 1fr}
    }

    @media(max-width:560px){
      .etapes-grid{grid-template-columns:1fr}
      .transparence-stats{grid-template-columns:1fr 1fr}
    }



/* ═══════════════════════════════════════════════
   PAGE PRONO
   ═══════════════════════════════════════════════ */
/* ── CONTENU DÉBLOQUÉ ── */
.rcard-locked-content.unlocked{
  filter:none;
  pointer-events:auto;
  user-select:auto;
}

/* ── PANEL ACCÈS ── */
.access-panel{
  position:absolute;
  inset:0;
  background:rgba(255,250,241,.96);
  backdrop-filter:blur(4px);
  border-radius:0 0 18px 0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:24px;
  text-align:center;
  z-index:10;
}

.access-close{
  position:absolute;
  top:12px;
  right:12px;
  background:none;
  border:none;
  font-size:16px;
  cursor:pointer;
  color:var(--muted);
  padding:4px 8px;
}

.access-close:hover{color:var(--ink)}

.access-lock{
  font-size:28px;
  margin-bottom:4px;
}

.access-panel strong{
  font-size:15px;
  color:var(--ink);
  font-family:Georgia,serif;
}

.access-panel p{
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--muted);
  margin:0;
  line-height:1.5;
  max-width:240px;
}

.access-btns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  width:100%;
  margin-top:4px;
}

.access-btn-login{
  padding:11px;
  border-radius:8px;
  border:2px solid var(--ink);
  color:var(--ink);
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  text-align:center;
  transition:all .15s;
}

.access-btn-login:hover{background:var(--ink);color:white}

.access-btn-subscribe{
  padding:11px;
  border-radius:8px;
  background:var(--orange);
  color:white;
  font-family:Arial,sans-serif;
  font-size:13px;
  font-weight:900;
  text-align:center;
  transition:background .15s;
}

.access-btn-subscribe:hover{background:#d4800f}

.access-note{
  font-family:Arial,sans-serif;
  font-size:11px;
  color:var(--muted);
  margin-top:2px;
}



/* ══════════════════════════════════════
   FAQ
══════════════════════════════════════ */
  /* ── FAQ HERO ── */
 
    .faq-hero{
      background:
        radial-gradient(circle at 80% 20%, rgba(245,166,35,.18), transparent 30%),
        linear-gradient(135deg,#17211c 0%,#244231 55%,#2f6f4e 100%);
      color:white;
      padding:52px 0 60px;
    }
 
    .faq-hero h1{
      font-size:clamp(28px,3.5vw,46px);
      line-height:1.08;
      margin:0 0 12px;
      letter-spacing:-1px;
      color:#fff;
    }
 
    .faq-hero p{
      font-family:Arial,sans-serif;
      color:#c0d4c6;
      font-size:15px;
      margin:0;
    }
 
    /* ── FAQ SECTION ── */
 
    .faq-section{padding:60px 0 80px}
 
    .faq-layout{
      display:grid;
      grid-template-columns:220px 1fr;
      gap:48px;
      align-items:start;
    }
 
    /* ── SIDEBAR ── */
 
    .faq-sidebar{
      position:sticky;
      top:90px;
    }
 
    .faq-sidebar-title{
      font-family:Arial,sans-serif;
      font-size:11px;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.8px;
      color:var(--muted);
      margin-bottom:12px;
    }
 
    .faq-nav{
      display:grid;
      gap:4px;
    }
 
    .faq-nav a{
      font-family:Arial,sans-serif;
      font-size:13px;
      color:var(--muted);
      padding:8px 12px;
      border-radius:8px;
      border-left:2px solid transparent;
      transition:all .15s;
      line-height:1.4;
    }
 
    .faq-nav a:hover{
      color:var(--orange);
      background:var(--orange-soft);
      border-left-color:var(--orange);
    }
 
    .faq-nav a.active{
      color:var(--orange);
      background:var(--orange-soft);
      border-left-color:var(--orange);
      font-weight:700;
    }
 
    /* ── CATÉGORIES ── */
 
    .faq-categories{display:grid;gap:48px}
 
    .faq-cat-title{
      display:flex;
      align-items:center;
      gap:12px;
      font-size:22px;
      color:var(--ink);
      margin:0 0 20px;
      padding-bottom:14px;
      border-bottom:2px solid var(--line);
      font-family:Georgia,serif;
    }
 
    .faq-cat-icon{
      width:40px;
      height:40px;
      border-radius:10px;
      background:var(--orange-soft);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:18px;
      flex-shrink:0;
    }
 
    /* ── ACCORDÉON ── */
 
    .faq-list{display:grid;gap:10px}
 
    .faq-item{
      background:#fff;
      border:1px solid var(--line);
      border-radius:14px;
      overflow:hidden;
      transition:box-shadow .2s;
    }
 
    .faq-item:hover{box-shadow:0 4px 16px rgba(69,45,28,.08)}
 
    .faq-item[open]{
      border-color:#d4c4ae;
      box-shadow:0 4px 16px rgba(69,45,28,.08);
    }
 
    .faq-q{
      list-style:none;
      padding:18px 20px;
      cursor:pointer;
      font-family:Arial,sans-serif;
      font-size:15px;
      font-weight:700;
      color:var(--ink);
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:16px;
      line-height:1.4;
    }
 
    .faq-q::-webkit-details-marker{display:none}
 
    .faq-q::after{
      content:"+";
      flex-shrink:0;
      font-size:22px;
      font-weight:300;
      color:var(--orange);
      line-height:1;
      transition:transform .2s;
    }
 
    details[open] .faq-q::after{
      content:"−";
    }
 
    .faq-a{
      padding:0 20px 20px;
      border-top:1px solid var(--line);
      padding-top:16px;
    }
 
    .faq-a p{
      font-family:Arial,sans-serif;
      font-size:14px;
      line-height:1.75;
      color:var(--muted);
      margin:0 0 10px;
    }
 
    .faq-a p:last-child{margin:0}
 
    .faq-a a{
      color:var(--orange);
      text-decoration:underline;
      font-weight:700;
    }
 
    .faq-a a:hover{color:#d4800f}
 
    .faq-a ul{
      font-family:Arial,sans-serif;
      font-size:14px;
      color:var(--muted);
      line-height:1.8;
      margin:10px 0;
      padding-left:0;
      list-style:none;
    }
 
    .faq-a ul li::before{
      content:"✓ ";
      color:var(--green);
      font-weight:900;
    }
 
    .faq-a .faq-tip{
      background:var(--orange-soft);
      border-left:3px solid var(--orange);
      border-radius:0 8px 8px 0;
      padding:12px 14px;
      margin-top:12px;
      font-family:Arial,sans-serif;
      font-size:13px;
      color:var(--brown);
      line-height:1.6;
    }
 
    .faq-a .faq-tip strong{color:var(--orange)}
 
    .faq-a .faq-info{
      background:var(--green-soft);
      border-left:3px solid var(--green);
      border-radius:0 8px 8px 0;
      padding:12px 14px;
      margin-top:12px;
      font-family:Arial,sans-serif;
      font-size:13px;
      color:#2a4a35;
      line-height:1.6;
    }
 
    /* ── MOYENS DE PAIEMENT ── */
 
    .pay-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;
      margin-top:14px;
    }
 
    .pay-item{
      background:var(--sand);
      border-radius:10px;
      padding:12px;
      text-align:center;
      font-family:Arial,sans-serif;
      font-size:13px;
      font-weight:700;
      color:var(--ink);
    }
 
    .pay-item span{display:block;font-size:20px;margin-bottom:6px}
 
    /* ── CTA CONTACT ── */
 
    .faq-contact{
      background:linear-gradient(135deg,#17211c 0%,#2f6f4e 100%);
      border-radius:20px;
      padding:36px;
      text-align:center;
      color:white;
      margin-top:48px;
    }
 
    .faq-contact h2{
      font-size:24px;
      margin:0 0 10px;
      letter-spacing:-.5px;
    }
 
    .faq-contact p{
      font-family:Arial,sans-serif;
      font-size:14px;
      color:#9abfaa;
      margin:0 0 20px;
    }
 
    .faq-contact-btn{
      display:inline-block;
      background:var(--orange);
      color:white;
      padding:13px 28px;
      border-radius:10px;
      font-family:Arial,sans-serif;
      font-size:14px;
      font-weight:900;
      transition:background .15s, transform .15s;
    }
 
    .faq-contact-btn:hover{background:#d4800f;transform:translateY(-1px);color:white}
 
    /* ── RESPONSIVE ── */
 
    @media(max-width:900px){
      .faq-layout{grid-template-columns:1fr}
      .faq-sidebar{display:none}
      .pay-grid{grid-template-columns:1fr 1fr}
    }
 
    @media(max-width:560px){
      .pay-grid{grid-template-columns:1fr 1fr}
    }



/* ══════════════════════════════════════
   MENTIONS LÉGALES
══════════════════════════════════════ */
.page-title{
  font-family:Georgia,serif;
  font-size:clamp(26px,3vw,38px);
  letter-spacing:-1px;
  line-height:1.08;
  margin:0 0 10px;
  color:var(--ink);
}

.page-intro{
  font-family:Arial,sans-serif;
  color:var(--muted);
  font-size:15px;
  line-height:1.65;
  margin:0;
}

.block{
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:28px;
  margin-bottom:20px;
  box-shadow:0 4px 16px rgba(69,45,28,.06);
}

.block h2{
  font-family:Georgia,serif;
  font-size:20px;
  font-weight:900;
  color:var(--ink);
  margin:0 0 16px;
  padding-bottom:12px;
  border-bottom:2px solid var(--line);
}

.info-box p{
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:1.75;
  color:var(--muted);
  margin:0 0 10px;
}

.info-box p:last-child{margin:0}

.info-box strong{color:var(--ink)}

.info-box a{
  color:var(--orange);
  text-decoration:underline;
}

.info-box a:hover{color:#d4800f}

/* Animation reveal */
.reveal{
  opacity:0;
  transform:translateY(14px);
  transition:opacity .5s ease, transform .5s ease;
}

.reveal.visible{
  opacity:1;
  transform:none;
}




/* ══════════════════════════════════════
   ANCIENNES PAGES RÉSULTATS MENSUELS
   Compatibilité rétroactive sans modifier le HTML
══════════════════════════════════════ */

.responsive-table-line{
  margin:32px auto !important;
  max-width:100% !important;
}

/* Table */
.responsive-table-line .table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 6px 24px rgba(69,45,28,.07);
  border:1px solid var(--line) !important;
  font-family:Arial,sans-serif;
  font-size:14px;
}

/* Header */
.responsive-table-line thead tr{
  background:#2a211a !important;
}

.responsive-table-line thead th{
  padding:14px 16px !important;
  color:#fff4e8 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.5px !important;
  border:none !important;
}

.responsive-table-line thead th span{
  color:#fff4e8 !important;
}

/* Lignes */
.responsive-table-line tbody tr{
  border-bottom:1px solid var(--line);
  transition:background .12s;
}

.responsive-table-line tbody tr:last-child{
  border-bottom:0;
}

.responsive-table-line tbody tr:hover td{
  background:#fffdf8 !important;
}

/* Cellules */
.responsive-table-line tbody td{
  padding:13px 16px !important;
  color:var(--ink) !important;
  border:none !important;
  vertical-align:middle !important;
}

/* Lignes alternées */
.responsive-table-line tbody td[style*="background-color: #ededed"]{
  background:#fafaf7 !important;
}

/* Lien "Consulter un autre mois" */
.responsive-table-line + p a,
p a[href="/nos-resultats"]{
  font-family:Arial,sans-serif;
  font-size:13px;
  color:var(--orange);
  text-decoration:underline;
}

.responsive-table-line + p a:hover,
p a[href="/nos-resultats"]:hover{
  color:#d4800f;
}

/* Responsive mobile — déjà géré par le HTML existant */
@media(max-width:500px){
  .responsive-table-line td{
    font-family:Arial,sans-serif !important;
    font-size:13px !important;
    color:var(--ink) !important;
  }

  .responsive-table-line td:before{
    font-family:Arial,sans-serif !important;
    font-size:11px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.4px !important;
    color:var(--muted) !important;
    background:#f9f5ef !important;
  }
}





/* ── RESPONSIVE MOBILE ── */
@media(max-width:640px){
 /* ── Template TCK Joomla ── */
  .tck-wrapper { padding: 0 !important; }
  .tck-container { padding: 0 !important; }
  .tck-container.inner { padding: 0 !important; }
  #maincontent { padding: 0 !important; }
  .maincontent { padding: 0 !important; }
  .inner.clearfix { padding: 0 !important; }
  .site-shell { padding: 8px !important; }
  
  /* ── Wrappers Joomla ── */
  #sp-main-body { padding:0 !important; }
  .sp-column { padding:0 !important; }
  .item-page { padding:0 !important; margin:0 !important; }
  .blog-featured { padding:0 !important; margin:0 !important; }
  #sp-content { padding:0 8px !important; }
  .container-fluid { padding:0 8px !important; }

  .tck-wrapper,
  .tck-container,
  .tck-container.inner,
  #maincontent,
  .maincontent,
  .inner.clearfix,
  .tck-article,
  .tck-article-body,
  .com-content-article__body,
  .item-page {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media(max-width:560px){
  h1{font-size:40px}

  .signal-inner{grid-template-columns:1fr}

  .signal-item{
    border-right:0;
    border-bottom:1px solid var(--line);
    padding-bottom:14px;
  }

  .signal-item:last-child{border-bottom:0}

  .result{grid-template-columns:1fr;gap:4px}

  .rcard-head{grid-template-columns:60px 1fr}
  .light{grid-column:2}
  .rcard-conditions{grid-template-columns:1fr 1fr}
}