/* Pages marques — thèmes issus des sites officiels (variables sur body.brand-page) */

body.brand-page {
  --brand-primary: var(--gold);
  --brand-primary-light: var(--gold-light);
  --brand-secondary: var(--brand-primary);
  --brand-bg-hero: var(--black);
  --brand-bg-dark: var(--black);
  --brand-bg-navy: var(--navy);
  --brand-bg-light: var(--cream);
  --brand-font-display: var(--font-display);
  --brand-font-body: var(--font-body);
  --brand-btn-text: #ffffff;
  --brand-accent-color: var(--brand-primary);
}

body.brand-page .brand-page-hero .brand-hero-bg {
  background: var(--brand-bg-hero);
}

body.brand-page .brand-hero-pattern {
  background-image:
    radial-gradient(ellipse at 78% 18%, rgba(255,255,255,0.04) 0%, transparent 55%),
    radial-gradient(ellipse at 12% 88%, rgba(255,255,255,0.03) 0%, transparent 50%);
}

body.brand-page .brand-hero-accent {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary, var(--brand-primary)));
}

body.brand-page .brand-hero-badge-dot { background: var(--brand-primary) !important; }

body.brand-page .brand-hero-title {
  font-family: var(--brand-font-display);
}

body.brand-page .brand-hero-title em { color: var(--brand-primary); }

body.brand-page .section-title {
  font-family: var(--brand-font-display);
}

body.brand-page .section-title em { color: var(--brand-primary); }

body.brand-page .section-eyebrow { color: var(--brand-primary) !important; }

body.brand-page .section-eyebrow::before { background: var(--brand-primary); }

body.brand-page .content-block p {
  font-family: var(--brand-font-body);
}

body.brand-page .brand-content.light {
  background: var(--brand-bg-light);
}

body.brand-page .brand-content.dark {
  background: var(--brand-bg-dark);
}

body.brand-page .brand-content.navy {
  background: var(--brand-bg-navy);
}

body.brand-page .feature-icon { color: var(--brand-primary) !important; }

body.brand-page .stat-box .n,
body.brand-page .process-num {
  color: var(--brand-primary);
}

body.brand-page .sector-item {
  border-left-color: var(--brand-primary);
}

body.brand-page .btn-brand-cta {
  margin-top: 32px;
  background: var(--brand-primary);
  color: var(--brand-btn-text);
  display: inline-block;
  text-decoration: none;
}

body.brand-page .btn-brand-cta:hover {
  background: var(--brand-primary-light);
}

body.brand-page .cta-band {
  background: var(--brand-primary) !important;
}

body.brand-page .cta-band h2,
body.brand-page .cta-band p {
  color: #fff !important;
}

body.brand-page .feature-card:hover {
  border-color: var(--brand-primary);
}

body.brand-page.brand-drj-cloud .brand-page-hero .brand-hero-bg,
body.brand-page.brand-mc-derard-pro .brand-page-hero .brand-hero-bg {
  background: linear-gradient(160deg, var(--brand-bg-hero) 0%, var(--brand-bg-navy) 100%);
}

body.brand-page.brand-8up-media .brand-page-hero .brand-hero-bg {
  background: linear-gradient(180deg, #ffffff 0%, var(--brand-bg-light) 100%);
}

body.brand-page.brand-8up-media .brand-hero-title,
body.brand-page.brand-8up-media .brand-hero-tagline,
body.brand-page.brand-8up-media .breadcrumb,
body.brand-page.brand-8up-media .breadcrumb a {
  color: var(--brand-bg-dark);
}

body.brand-page.brand-8up-media .breadcrumb a:hover { color: var(--brand-primary); }

body.brand-page.brand-8up-media .brand-hero-title em { color: var(--brand-primary); }

body.brand-page.brand-8up-media .brand-hero-tagline { color: #444444; }

body.brand-page.brand-drj-cloud .section-body,
body.brand-page.brand-mc-derard-pro .section-body {
  font-family: var(--brand-font-body);
}