/* OFFROAD 32 65 — harmonisation visuelle globale
   Ce fichier ne change pas la structure des pages : il uniformise les composants communs. */

:root{
  --offroad-orange:#f57916;
  --offroad-black:#080808;
  --offroad-panel:#111;
  --offroad-line:#303030;
  --offroad-white:#fff;
  --offroad-muted:#bdbdbd;
  --offroad-radius:3px;
}

/* Base */
html{background:var(--offroad-black)}
body{background:var(--offroad-black);color:var(--offroad-white)}
*,*::before,*::after{box-sizing:border-box}

/* Bandeau : même densité et même logique partout */
header{
  background:#050505!important;
  border-bottom:1px solid #222!important;
}
header nav a,
header .nav-drop-toggle{
  white-space:nowrap;
}
header nav a:hover,
header .nav-drop-toggle:hover{
  color:var(--offroad-orange)!important;
}

/* Grands titres : même famille OFFROAD sur tout le site */
h1,
.hero h1,
.sync-main-title,
.raid-copy h1,
.program-title h2,
.tarifs-heading h2{
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Arial Black",sans-serif!important;
  font-weight:900!important;
  text-transform:uppercase;
  letter-spacing:.025em;
}
.orange{color:var(--offroad-orange)!important}

/* Cartes */
.card,
.unified-country-card,
.country-calendar,
.day-card,
.tarif-box,
.prestations-box,
.equipment-box{
  border-radius:var(--offroad-radius)!important;
}

/* Boutons et CTA */
.action,
.btn,
button,
a.button{
  border-radius:var(--offroad-radius)!important;
}
.action:not(.is-complete):hover,
.btn:hover,
a.button:hover{
  filter:brightness(1.06);
}

/* Les raids complets gardent la règle validée */
#signupRaidLink.is-complete{
  background:#c61f1f!important;
  border-color:#e14a4a!important;
  color:#fff!important;
}

/* Rythme horizontal commun */
.wrap,
.raid-detail-layout{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}

/* Mobile : préserver la lisibilité */
@media(max-width:760px){
  h1,.hero h1,.raid-copy h1{line-height:1!important}
}


/* ===== Règle globale validée : tout bouton COMPLET est rouge ===== */
a.is-complete, button.is-complete,
.action.is-complete, .btn.is-complete,
.status-action.status-complet, .raid-action.status-complet,
a.status-complet.btn, a.status-complet.action,
button.status-complet{
  background:#c61f1f!important;
  border-color:#e14a4a!important;
  color:#fff!important;
  opacity:1!important;
  pointer-events:none!important;
  cursor:default!important;
}


/* ===== GARDE GLOBALE : boutons COMPLET ===== */
html body .offroad-complete-button{
  background:#c61f1f!important;
  background-color:#c61f1f!important;
  border-color:#e14a4a!important;
  color:#fff!important;
  opacity:1!important;
  pointer-events:none!important;
  cursor:default!important;
}