/* ============================================
   DELVORA — Brand Color Overrides
   Light theme + gold/peach accents
   ============================================ */

/* ---- Core Variables ---- */
:root {
  --c-bg: #faf8f5;
  --c-surface: #ffffff;
  --c-ink: #2c2420;
  --c-ink2: #3d3530;
  --c-muted: #7a6e65;
  --c-border: #e8dfd6;
  --c-accent: #c8944a;
  --c-accent2: #b07d3a;
  --shadow: 0 14px 40px rgba(44, 36, 32, 0.08);
  --shadow-sm: 0 10px 22px rgba(44, 36, 32, 0.06);
}

/* ---- Text Logo (replaces image logo) ---- */
.marque__pic { display: none !important; }

.logo__text {
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: #2c2420;
  text-decoration: none;
  line-height: 1;
}
.logo__sub {
  display: block;
  font-family: 'Georgia', 'Times New Roman', serif;
  font-size: 0.55rem;
  letter-spacing: 0.22em;
  color: #c8944a;
  text-transform: uppercase;
  margin-top: 2px;
}

/* Footer logo: light variant */
.footer .logo__text,
.pied-logo .logo__text {
  color: #fff;
}
.footer .logo__sub,
.pied-logo .logo__sub {
  color: #c8944a;
}

/* ---- Buttons ---- */
.bouton--principal {
  background: #c8944a !important;
  border-color: #c8944a !important;
  color: #fff !important;
}
.bouton--principal:hover,
.bouton--principal:focus {
  background: #b07d3a !important;
  border-color: #b07d3a !important;
}

.bouton--ghost {
  border-color: #c8944a !important;
  color: #c8944a !important;
}
.bouton--ghost:hover {
  background: rgba(200, 148, 74, 0.08) !important;
}

/* ---- Hero Section ---- */
.vitrine::before,
.vitrine::after {
  background: linear-gradient(135deg, rgba(44, 36, 32, 0.75), rgba(60, 45, 30, 0.65)) !important;
}

/* ---- Header ---- */
.header {
  background: rgba(250, 248, 245, 0.95) !important;
  border-bottom-color: #e8dfd6 !important;
}
.header.scrolled {
  box-shadow: 0 2px 20px rgba(44, 36, 32, 0.06) !important;
}

/* ---- Navigation ---- */
.lienNav__a {
  color: #2c2420 !important;
}
.lienNav__a:hover,
.lienNav__a.active {
  color: #c8944a !important;
}

/* ---- Mobile Nav ---- */
.navmob__panel {
  background: #faf8f5 !important;
}
.navmob__links a {
  color: #2c2420 !important;
}
.navmob__links a:hover {
  color: #c8944a !important;
}

/* ---- Footer ---- */
.footer {
  background: #2c2420 !important;
}
.pied-bas {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* ---- Service Cards ---- */
.grille6__card {
  background: rgba(250, 248, 245, 0.8) !important;
  border-color: #e8dfd6 !important;
}

/* ---- Process Section ---- */
.demarche {
  background: #f5f0ea !important;
}

/* ---- FAQ Accordion ---- */
.faq__trigger:hover,
.faq__trigger[aria-expanded="true"] {
  color: #c8944a !important;
}

/* ---- Form Section ---- */
.consult {
  background: #f5f0ea !important;
}
.consult__form input:focus,
.consult__form select:focus,
.consult__form textarea:focus {
  border-color: #c8944a !important;
  box-shadow: 0 0 0 3px rgba(200, 148, 74, 0.15) !important;
}

/* ---- Testimonial Section ---- */
.testi__card {
  border-color: #e8dfd6 !important;
}

/* ---- Cookie Consent ---- */
:root {
  --cc-accent: #c8944a;
  --cc-accent-2: rgba(200, 148, 74, 0.16);
}

/* ---- Inline Accent Text (no-wrap spans) ---- */
.no-wrap {
  color: var(--c-accent) !important;
}

/* ---- Scroll-Up Button ---- */
.remonte {
  background: rgba(44, 36, 32, 0.85) !important;
}
.remonte:hover {
  background: rgba(44, 36, 32, 0.95) !important;
}

/* ---- Kicker Dots ---- */
.point {
  background: #c8944a !important;
}

/* ---- Stats / Numbers ---- */
.indicateur__num,
.grille6__num {
  color: rgba(200, 148, 74, 0.15) !important;
}

/* ---- Frame / CTA Block ---- */
.cadre__bg {
  background: linear-gradient(135deg, #2c2420, #3d3530) !important;
}
.cadre__stamp {
  color: rgba(200, 148, 74, 0.08) !important;
}

/* ---- About Team ---- */
:root {
  --abt-team-bg: #faf8f5;
  --abt-team-bg2: rgba(255, 255, 255, 0.92);
}

/* ---- Legal Pages ---- */
.legal__table th {
  background: #f5f0ea !important;
}

/* ---- Resource Article Pages ---- */
.article__meta {
  border-color: #e8dfd6 !important;
}

/* ---- Breadcrumb ---- */
.merci__crumbsLink:hover {
  color: #c8944a !important;
}

/* ---- Selection Color ---- */
::selection {
  background: rgba(200, 148, 74, 0.25);
  color: #2c2420;
}

/* ============================================
   COMPREHENSIVE BLUE → WARM/GOLD OVERRIDES
   Overriding hardcoded blues from style.min.css
   ============================================ */

/* ---- Inner Hero (subpages) ---- */
.entete,
.entete--about,
.entete--services,
.entete--process,
.entete--faq,
.entete--contact,
.entete--resources,
.entete--legal {
  background: linear-gradient(rgba(44, 36, 32, 0.92), rgba(60, 45, 30, 0.96)) !important;
}

/* ---- Step Icons (process) ---- */
.etapeS__icone {
  background: linear-gradient(135deg, rgba(200, 148, 74, 0.16), rgba(200, 148, 74, 0.08)) !important;
  border-color: rgba(200, 148, 74, 0.2) !important;
}
.etapeS__icone::before {
  color: #2c2420 !important;
  opacity: 0.7 !important;
}
.etapeS__icone svg,
.etapeS__icone i {
  color: #c8944a !important;
  fill: #c8944a !important;
}

/* ---- Process Rail ---- */
.demarche__rail {
  background: rgba(200, 148, 74, 0.12) !important;
}
.demarche__railFill {
  background: linear-gradient(180deg, #c8944a, rgba(200, 148, 74, 0.3)) !important;
}

/* ---- Articles CTA Link ---- */
.publications__cta,
.publications__cta a {
  color: #c8944a !important;
}
.publications__cta:hover,
.publications__cta a:hover {
  color: #b07d3a !important;
}

/* ---- Cookie Consent ---- */
.rgpd__pill--locked {
  background: #c8944a !important;
  border-color: rgba(200, 148, 74, 0.3) !important;
}
.rgpd__toggle {
  background: #c8944a !important;
  border-color: rgba(200, 148, 74, 0.22) !important;
}
.rgpd__toggle:checked,
.rgpd__toggle[aria-checked="true"] {
  background: #c8944a !important;
  border-color: rgba(200, 148, 74, 0.3) !important;
}
.rgpd__bar {
  background: #2c2420 !important;
}

/* ---- Guardrails Glow ---- */
.colonnes__glow--a,
.colonnes__glow--b {
  background: radial-gradient(circle, rgba(200, 148, 74, 0.15), transparent 70%) !important;
}

/* ---- Mission Float Badge ---- */
.parcours__float--badge {
  background: linear-gradient(135deg, #c8944a, #b07d3a) !important;
}

/* ---- Frame Rings (CTA block) ---- */
.cadre__rings {
  box-shadow: 0 0 80px rgba(200, 148, 74, 0.1),
              0 0 160px rgba(200, 148, 74, 0.05) !important;
}

/* ---- Testimonial Top Line ---- */
.avis-haut,
.testi__topline {
  background: linear-gradient(90deg, #c8944a, rgba(200, 148, 74, 0.3)) !important;
}

/* ---- Testimonial Dots ---- */
.testi__dot.active,
.testi__dot--active,
.t-dot.is-active,
[class*="dot"].is-active,
[class*="dot"].active {
  background: linear-gradient(90deg, rgba(200, 148, 74, 0.95), rgba(200, 148, 74, 0.55)) !important;
}
.testi__dot,
.t-dot {
  background: rgba(200, 148, 74, 0.25) !important;
}

/* ---- Services Section (srv6) Radial Gradient BG ---- */
.grille6 {
  background: radial-gradient(ellipse at 20% 50%, rgba(200, 148, 74, 0.06) 0%, transparent 50%),
              radial-gradient(ellipse at 80% 50%, rgba(200, 148, 74, 0.04) 0%, transparent 50%) !important;
}
.grille6__icon {
  color: #c8944a !important;
  fill: #c8944a !important;
}
.grille6__icon svg {
  color: #c8944a !important;
  fill: #c8944a !important;
  stroke: #c8944a !important;
}

/* ---- Mobile Nav Overlay ---- */
.navmob__overlay {
  background: rgba(44, 36, 32, 0.6) !important;
}

/* ---- Hamburger Icon ---- */
.hamburger span,
.hamburger__line {
  background: #2c2420 !important;
}

/* ---- Global link/accent colors ---- */
a:not(.btn):not(.lienNav__a):not(.navmob__links a):not(.footer a) {
  color: #c8944a;
}
a:not(.btn):not(.lienNav__a):hover {
  color: #b07d3a;
}

/* ---- Icon containers (generic) ---- */
[class*="__icon"] {
  color: #c8944a !important;
}
[class*="__icon"] svg {
  color: #c8944a !important;
  stroke: #c8944a !important;
}

/* ---- Step numbers / counters ---- */
.step__num,
.step__number {
  color: rgba(200, 148, 74, 0.15) !important;
}

/* ---- Badge / pill accent ---- */
.badge,
.pill,
.tag {
  background: rgba(200, 148, 74, 0.12) !important;
  color: #c8944a !important;
}

/* Hero text — better readability on dark overlay */
.vitrine__lead {
  color: rgba(255, 255, 255, 0.95) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
}
.vitrine__title {
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
}
.vitrine__note {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

/* Pills inside vitrine — need stronger contrast on dark bg */
.vitrine__trust .pill {
  background: rgba(255, 255, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  backdrop-filter: blur(12px) !important;
}

/* ---- Checkmark / list icons ---- */
.check-icon,
.list-icon,
[class*="check"] svg {
  color: #c8944a !important;
  fill: #c8944a !important;
}

/* ---- Section kicker / eyebrow text ---- */
.kicker,
[class*="__kicker"],
[class*="__eyebrow"] {
  color: #c8944a !important;
}

/* ---- Accent borders ---- */
[class*="--accent"] {
  border-color: #c8944a !important;
}

/* ---- Focus rings ---- */
*:focus-visible {
  outline-color: #c8944a !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #c8944a !important;
  box-shadow: 0 0 0 3px rgba(200, 148, 74, 0.15) !important;
}

/* ---- Dark section text overrides (navy→warm) ---- */
.entete h1,
.entete h2,
.entete p,
.entete .breadcrumb,
.entete .breadcrumb a,
.cadre__bg h2,
.cadre__bg h3,
.cadre__bg p {
  color: #fff !important;
}

/* ---- Inner vitrine dot ---- */
.entete__dot {
  background: rgba(200, 148, 74, 0.85) !important;
  box-shadow: 0 10px 24px rgba(200, 148, 74, 0.22) !important;
}

/* ---- Breadcrumb on inner vitrine ---- */
.entete .breadcrumb a:hover {
  color: #c8944a !important;
}

/* ---- Info cards / feature boxes ---- */
.info-card__icon,
.feature__icon,
.benefit__icon {
  color: #c8944a !important;
  background: rgba(200, 148, 74, 0.1) !important;
}

/* ---- Timeline / connector lines ---- */
.timeline__line,
.demarche__line,
.connector {
  background: rgba(200, 148, 74, 0.2) !important;
}

/* ---- Stat accent colors ---- */
.stat__label {
  color: #7a6e65 !important;
}

/* ---- Article cards ---- */
.article-card__category,
.resource__tag {
  color: #c8944a !important;
}
.article-card:hover,
.resource-card:hover {
  border-color: #c8944a !important;
}

/* ---- Scroll indicator ---- */
.scroll-indicator,
.scroll-progress {
  background: #c8944a !important;
}

/* ============================================
   DECORATIVE RADIAL GRADIENTS — blue→gold
   Replace secondary blue radial stops
   ============================================ */

/* ---- Media overlay (hero image) ---- */
.visuel__superpos {
  background-image:
    linear-gradient(90deg, rgba(10, 10, 8, 0.82) 0%, rgba(10, 10, 8, 0.65) 50%, rgba(10, 10, 8, 0.35) 100%),
    radial-gradient(720px 520px at 10% 20%, rgba(200, 148, 74, 0.15), transparent 62%) !important;
}
@media (max-width: 768px) {
  .visuel__superpos {
    background-image:
      linear-gradient(180deg, rgba(10, 10, 8, 0.88) 0%, rgba(10, 10, 8, 0.72) 60%, rgba(10, 10, 8, 0.5) 100%) !important;
  }
}

/* ---- Process media overlay ---- */
.mediaDemarche__overlay {
  background-image:
    radial-gradient(740px 520px at 8% 12%, rgba(200, 148, 74, 0.2), transparent 62%),
    radial-gradient(660px 520px at 90% 86%, rgba(200, 148, 74, 0.14), transparent 58%),
    linear-gradient(rgba(10, 10, 8, 0.72), rgba(10, 10, 8, 0.68)) !important;
}
.mediaDemarche__corner {
  background-image:
    radial-gradient(circle at 30% 30%, rgba(200, 148, 74, 0.35), transparent 56%),
    radial-gradient(circle at 70% 70%, rgba(200, 148, 74, 0.22), transparent 58%) !important;
}

/* ---- Guardrails section ---- */
.colonnes {
  background-image:
    radial-gradient(1200px 700px at 10% 10%, rgba(200, 148, 74, 0.1), transparent 62%),
    radial-gradient(1200px 700px at 90% 18%, rgba(200, 148, 74, 0.08), transparent 60%),
    linear-gradient(var(--c-bg), var(--c-bg)) !important;
}

/* ---- Testimonials section ---- */
.retours {
  background-image:
    radial-gradient(1100px 520px at 16% 0px, rgba(200, 148, 74, 0.1), transparent 62%),
    radial-gradient(900px 520px at 88% 18%, rgba(200, 148, 74, 0.07), transparent 60%),
    linear-gradient(var(--c-bg), var(--c-bg)) !important;
}

/* ---- Testimonial cards ---- */
.avis-fiche {
  background-image:
    radial-gradient(680px 280px at 0px 0px, rgba(200, 148, 74, 0.1), transparent 60%),
    radial-gradient(620px 320px at 100% 100%, rgba(200, 148, 74, 0.07), transparent 55%),
    none !important;
}
.avis-fiche__bg {
  background-image:
    radial-gradient(320px 220px at 18% 20%, rgba(200, 148, 74, 0.18), transparent 60%),
    radial-gradient(360px 240px at 84% 80%, rgba(200, 148, 74, 0.1), transparent 55%) !important;
}

/* ---- Testimonial active indicator ---- */
.is-active:not(.lienNav__a) {
  background-image: linear-gradient(90deg, rgba(200, 148, 74, 0.95), rgba(200, 148, 74, 0.55)) !important;
}

/* ---- Consultation form section ---- */
.formulaire {
  background-image:
    radial-gradient(900px 520px at 18% 10%, rgba(200, 148, 74, 0.1), transparent 62%),
    radial-gradient(900px 520px at 88% 20%, rgba(200, 148, 74, 0.07), transparent 60%),
    linear-gradient(var(--c-bg), var(--c-bg)) !important;
}
.formulaire__side {
  background-image:
    radial-gradient(520px 360px at 30% 20%, rgba(200, 148, 74, 0.14), transparent 62%),
    radial-gradient(520px 360px at 70% 80%, rgba(200, 148, 74, 0.1), transparent 58%),
    linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.88)) !important;
}
.formulaire__decor {
  background-image:
    radial-gradient(240px 240px at 70% 22%, rgba(200, 148, 74, 0.22), transparent 62%),
    radial-gradient(320px 260px at 32% 74%, rgba(200, 148, 74, 0.14), transparent 60%) !important;
}

/* ---- Footer columns ---- */
.pied-colonne {
  background-image:
    radial-gradient(520px 240px at 15% 10%, rgba(200, 148, 74, 0.14), transparent 60%),
    radial-gradient(560px 260px at 90% 80%, rgba(200, 148, 74, 0.1), transparent 62%),
    none !important;
}
.pied-accent {
  background-image:
    radial-gradient(420px 180px at 15% 20%, rgba(200, 148, 74, 0.12), transparent 60%),
    radial-gradient(420px 180px at 90% 80%, rgba(200, 148, 74, 0.1), transparent 60%),
    none !important;
}
.pied-decor {
  background-image:
    radial-gradient(circle at 30% 30%, rgba(200, 148, 74, 0.22), transparent 60%),
    radial-gradient(circle at 70% 70%, rgba(200, 148, 74, 0.16), transparent 62%) !important;
}