/* TAGNON AFRICA V10 — palette exclusive blanc 60 %, jaune 30 %, noir 10 % */
:root {
  --black: #050505;
  --black-soft: #050505;
  --yellow: #ffc000;
  --yellow-light: rgba(255, 192, 0, .14);
  --cream: #ffffff;
  --gray-dark: rgba(5, 5, 5, .86);
  --gray-mid: rgba(5, 5, 5, .62);
  --gray-light: rgba(5, 5, 5, .42);
  --white: #ffffff;
  --red: #050505;
  --orange: rgba(255, 192, 0, .55);
  --green: rgba(255, 192, 0, .78);
  --dark-green: #ffc000;
  --navy: #050505;
  --line: rgba(5, 5, 5, .12);
  --surface: #ffffff;
}

body {
  background:
    linear-gradient(90deg, rgba(5,5,5,.025) 1px, transparent 1px),
    linear-gradient(rgba(5,5,5,.025) 1px, transparent 1px),
    #ffffff !important;
  background-size: 32px 32px !important;
  color: rgba(5,5,5,.86) !important;
}

body::before { background: linear-gradient(135deg, rgba(255,192,0,.10), transparent 60%) !important; }

header {
  background: rgba(255,255,255,.98) !important;
  border-bottom: 4px solid #ffc000 !important;
  box-shadow: 0 8px 28px rgba(5,5,5,.06) !important;
}

header::after {
  color: #050505 !important;
  background: #ffc000 !important;
  border-color: #ffc000 !important;
}

.brand-logo-link,
.nav-logo-wrap {
  display: inline-flex;
  align-items: center;
  width: 210px;
  height: 54px;
  overflow: hidden;
}

.brand-logo-image,
.nav-logo-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.brand-sub { display: none !important; }

h1 span, .card-title, .section-title, .audit-status h3, .auditor-conclusion h3,
.audit-panel h3, .chapter-name, .chapter-score, .level-name { color: #050505 !important; }

.btn, .card-cta, .hero-primary, .cta-banner-btn {
  background: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #050505 !important;
}

.btn:hover, .card-cta:hover, .hero-primary:hover, .cta-banner-btn:hover {
  background: #050505 !important;
  border-color: #050505 !important;
  color: #ffffff !important;
}

.btn-secondary { background: #ffffff !important; border-color: #050505 !important; color: #050505 !important; }
.btn-secondary:hover { background: #050505 !important; color: #ffffff !important; }

.hero, .cta-banner, .results-hero, .audit-action-plan, .urgency-block, .cta-block {
  background: #050505 !important;
}

.results-hero { border: 1px solid #ffc000 !important; }
.results-hero::after { border-color: rgba(255,192,0,.20) !important; }
.score-value, .results-hero .level-name { color: #ffffff !important; }
.score-label, .hero-eyebrow, .action-deadline, .audit-action-plan h3, .cta-block h3 { color: #ffc000 !important; }

.question-chapter, .hero-eyebrow, .level-tag {
  background: #ffc000 !important;
  border-color: #ffc000 !important;
  color: #050505 !important;
}

.progress-fill { background: #ffc000 !important; }
.answer-option.selected { background: rgba(255,192,0,.10) !important; border-color: #050505 !important; box-shadow: inset 4px 0 0 #ffc000 !important; }
.answer-option.selected .opt-icon { border-color: #050505 !important; background: #ffc000 !important; }

.intro-card, .card, .chapter-scores, .interpretation, .audit-panel, .confidence-strip,
.privacy-consent, .business-note, .priority-block { background: #ffffff !important; }

.intro-card::before, .interpretation, .audit-strengths, .audit-gaps { border-color: #ffc000 !important; }
.card-icon, .step-num { background: #ffc000 !important; color: #050505 !important; }
.dot { background: #ffc000 !important; }

.audit-status { background: rgba(255,192,0,.10) !important; border-left-color: #050505 !important; }
.audit-status > span { color: #050505 !important; }
.audit-facts strong { color: #050505 !important; }
.audit-warning, .trust-note { background: rgba(255,192,0,.12) !important; border-color: rgba(255,192,0,.55) !important; color: #050505 !important; }
.chapter-bar { background: #ffc000 !important; }

.contact-bar { background: #ffc000 !important; color: #050505 !important; }
/* Couleur des numéros de téléphone */
.contact-phone {
  color: #ffffff !important;
}

/* Couleur au survol */
.contact-phone:hover {
  color: #050505 !important;
  background: #ffffff !important;
}
footer { background: #ffffff !important; border-top: 4px solid #ffc000 !important; color: rgba(5,5,5,.62) !important; }

@media (max-width: 720px) {
  .brand-logo-link, .nav-logo-wrap { width: 170px; height: 44px; }
}

/* Désactiver la sélection des textes */
body {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* Autoriser la saisie dans les formulaires */
input,
textarea,
select {
  -webkit-user-select: text;
  user-select: text;
}

/* Texte mis en évidence dans le titre principal */
.hero h1 span {
  color: #ffc000 !important;
}