/* ============================================================
   PAGE IA POUR BOULANGERIE ARTISANALE — sectorielle (design v3)
   Réutilise au maximum les patterns de he-agence-ia-toulouse-v3.css
   (hero, trust-strip, section-light/sombre/noire, axes-grid/axis-card,
    data-grid/data-card, metier-grid/metier-card, method-steps, qw-band,
    map-cta, about-cta…).
   N'ajoute ici que les variantes nécessaires : les .axis-card posées sur
   fond SOMBRE (sections "là où l'IA n'a rien à faire" et "ce qui a du sens")
   + le rendu Avant/Après dans les metier-card.
   Mêmes variables, mêmes codes visuels que la homepage.
   ============================================================ */

/* onglet de nav correspondant à la page courante (sans ouvrir le panneau) */
.mega-here > .mega-trigger{color:var(--text)}
.mega-here > .mega-trigger::after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:2px;border-radius:2px;
  background:var(--accent);opacity:.75}
.mega-here{position:relative}

/* --- HÉRO sectoriel : un peu plus court --- */
.hero-metier{min-height:auto;padding:150px 0 96px}
.hero-in-metier{align-items:center}
.hero-metier h1{font-size:clamp(2.3rem,5.4vw,4.2rem)}
.hero-metier p.lede{margin-top:26px}

/* ============================================================
   VARIANTE SOMBRE des axis-card (le pattern de base est clair)
   Utilisée dans "là où l'IA n'a rien à faire" et "ce qui a du sens".
   ============================================================ */
.axis-card.axis-dark{
  background:linear-gradient(180deg,var(--surface),var(--ink-700));
  border:1px solid var(--line);box-shadow:0 24px 50px -34px rgba(0,0,0,.7)}
.axis-card.axis-dark::after{background:linear-gradient(90deg,var(--accent),transparent)}
.axis-card.axis-dark:hover{border-color:var(--line-strong);box-shadow:0 40px 70px -34px rgba(0,0,0,.85)}
.axis-card.axis-dark .axis-ic{
  background:var(--grad-soft);border:1px solid var(--line-strong);color:var(--blue-300)}
.axis-card.axis-dark h3{color:var(--text)}
.axis-card.axis-dark > p{color:var(--text-dim)}
.axis-card.axis-dark li{color:var(--text-dim)}
.axis-card.axis-dark li i{color:var(--text-mute)}
.axis-card.axis-dark li b{color:var(--text)}

/* variante "ce qui reste humain / ce qui a du sens" : accent positif */
.axis-card.axis-dark.axis-keep::after{background:var(--grad-bright)}
.axis-card.axis-dark.axis-keep .axis-ic{color:var(--accent);border-color:rgba(56,189,248,.3)}
.axis-card.axis-dark.axis-keep li i{color:var(--accent)}

/* ============================================================
   AVANT / APRÈS dans les metier-card (section "l'IA en plus")
   Le 2e .mc-hand sert de ligne "Après" sans bordure haute.
   ============================================================ */
.metier-card .mc-hand{align-items:flex-start;line-height:1.45}
.metier-card .mc-hand i{margin-top:2px;flex:none}
.metier-card .mc-hand i.bi-arrow-down-circle{color:var(--light-mute)}
.metier-card .mc-hand i.bi-arrow-up-circle{color:var(--blue-600)}

/* ============================================================
   SECTION NOIRE — utiliser .nope comme coque pour axes-grid
   (le pattern .nope existe déjà ; on garde juste la grille d'axes)
   ============================================================ */
.nope .axes-grid{margin-top:8px}

/* ============================================================
   ACCENT MÉTIER — croûte dorée / pain chaud (pilote Hanz)
   Ressort sur fond sombre, évoque la fournée. Appliqué à --accent
   (récupéré par axis-dark::after, axis-keep, onglet nav…) + héros.
   ============================================================ */
:root{ --accent:#E0A155; }

.hero-metier .hero-eyebrow{ color:#E8B36A; }
.hero-metier .grad-text{ background:linear-gradient(120deg,#E8B36A,#C97B30); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-metier .btn-primary{ background:linear-gradient(120deg,#E0A155,#C97B30); box-shadow:0 10px 34px -10px rgba(224,161,85,.55); }

/* ============================================================
   SCHÉMA DE FLUX HÉROS — .flux-boulangerie-artisanale
   4 signaux réels du fournil → cœur IA pulsé → vous.
   Couleurs natives (croûte dorée), pas de hue-rotate.
   ============================================================ */
.flux-boulangerie-artisanale{ width:100%; height:auto; }
.flux-boulangerie-artisanale text{ text-anchor:middle; font-family:Inter,system-ui,sans-serif; }
.flux-boulangerie-artisanale .flux-line{ stroke:rgba(232,179,106,.28); stroke-width:1.4; }
.flux-boulangerie-artisanale .flux-line.out{ stroke:rgba(201,123,48,.42); stroke-width:1.7; }
.flux-boulangerie-artisanale .p{ fill:#F2C98A; filter:drop-shadow(0 0 3px rgba(242,201,138,.8)); }
.flux-boulangerie-artisanale .p.out{ fill:#E0A155; }
.flux-boulangerie-artisanale .fnode circle{ fill:rgba(232,179,106,.12); stroke:rgba(232,179,106,.6); stroke-width:1.4; }
.flux-boulangerie-artisanale .fnode text{ fill:#f3dcb6; font-size:13px; font-weight:600; }
.flux-boulangerie-artisanale .ia-core{ fill:#E0A155; animation:boulIaPulse 2.8s ease-in-out infinite; transform-box:fill-box; transform-origin:center; }
.flux-boulangerie-artisanale .ia-label{ fill:#3a2a14; font-size:17px; font-weight:800; }
.flux-boulangerie-artisanale .ia-sub{ fill:#f2c98a; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.flux-boulangerie-artisanale .vous{ fill:rgba(201,123,48,.18); stroke:#C97B30; stroke-width:1.7; }
.flux-boulangerie-artisanale .vous-label{ fill:#fff; font-size:14px; font-weight:700; }
.flux-boulangerie-artisanale .vous-sub{ fill:#f2c98a; font-size:11px; }
@keyframes boulIaPulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.08); } }
@media (prefers-reduced-motion:reduce){ .flux-boulangerie-artisanale .ia-core{ animation:none; } }

.flux-boulangerie-artisanale .ev{ fill:#F2C98A; font-size:13px; font-weight:700; opacity:0; letter-spacing:.01em; }
.flux-boulangerie-artisanale .ev-cap{ fill:#b06a1f; font-size:10px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; }

/* ============================================================
   MINI-SCHÉMA MID-PAGE — .boul-fournee (dans "l'IA en plus")
   Illustre la 1re carte : l'IA croise 3 signaux pour estimer la
   fournée du lendemain ; vous calez vos quantités. Sobre, lisible.
   ============================================================ */
.boul-fournee{margin:6px auto 34px;max-width:760px;text-align:center}
.boul-fournee-svg{width:100%;height:auto;max-width:680px;display:block;margin:0 auto}
.boul-fournee-svg text{text-anchor:middle;font-family:Inter,system-ui,sans-serif}
.boul-fournee-svg .bf-line{stroke:rgba(201,123,48,.32);stroke-width:1.6}
.boul-fournee-svg .bf-line.out{stroke:rgba(201,123,48,.55);stroke-width:1.9}
.boul-fournee-svg .bf-p{fill:#E0A155;filter:drop-shadow(0 0 3px rgba(224,161,85,.7))}
.boul-fournee-svg .bf-p.out{fill:#C97B30}
.boul-fournee-svg .bf-node circle{fill:rgba(224,161,85,.1);stroke:rgba(201,123,48,.55);stroke-width:1.5}
.boul-fournee-svg .bf-node.out circle{fill:rgba(201,123,48,.16);stroke:#C97B30;stroke-width:1.8}
.boul-fournee-svg .bf-n-ic{fill:#b06a1f;font-size:18px;font-family:"bootstrap-icons"}
.boul-fournee-svg .bf-n-vous{fill:#fff;font-size:14px;font-weight:700}
.boul-fournee-svg .bf-n-lab{fill:var(--light-dim,#5b6478);font-size:13px;font-weight:600}
.boul-fournee-svg .bf-n-lab.out{fill:var(--light-text,#0f1b2d);font-weight:600}
.boul-fournee-svg .bf-core{fill:#E0A155;animation:boulFournPulse 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.boul-fournee-svg .bf-n-ia{fill:#3a2a14;font-size:15px;font-weight:800}
.boul-fournee-svg .bf-n-iasub{fill:#b06a1f;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
@keyframes boulFournPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
@media (prefers-reduced-motion:reduce){.boul-fournee-svg .bf-core{animation:none}}
.boul-fournee figcaption{margin-top:14px;font-size:.92rem;color:var(--light-dim,#5b6478);line-height:1.55;max-width:600px;margin-inline:auto}
.boul-fournee figcaption b{color:var(--light-text,#0f1b2d);font-weight:600}
@media(max-width:560px){.boul-fournee figcaption{font-size:.86rem}}