/* ============================================================
 * Skin des modules sur le design-system goodies (bleu institutionnel).
 * Cible : fluxstudio (studio marquage + lead devis + specs), qui rend en
 * vert #16a34a par défaut. On bascule via --flux-primary + overrides des
 * verts en dur des composants visibles. Le badge « éco » reste vert.
 *
 * DURCISSEMENT : le thème et les modules injectent des <style> INLINE après
 * nos <link>. Toutes les règles ci-dessous sont donc préfixées par « body »
 * (+ doublement de classe sur les composants les plus disputés) et portent
 * !important sur les propriétés critiques de mise en page et d'identité.
 * Aucune valeur de design n'est modifiée.
 * ============================================================ */

/* 1) Bascule globale de la variable d'accent fluxstudio -> bleu
      (bloc de DÉFINITION des variables : ne pas préfixer, ne pas !important) */
:root{ --flux-primary:#1E4E8C; --flux-primary-600:#173F73; --flux-primary-700:#12305A; }

/* 2) Overrides des verts EN DUR des composants visibles -> bleu */
body .fluxstudio-perso-cta.fluxstudio-perso-cta,
body .fluxstudio-open-btn.fluxstudio-open-btn,
body .fluxstudio-lead-btn.fluxstudio-lead-btn,
body .fluxstudio-lead .fluxstudio-lead-btn,
body .fluxstudio-launch .fluxstudio-open-btn,
body button.fluxstudio-cta.fluxstudio-cta{
  background:var(--gp-primary,#1E4E8C)!important;
  background-image:none!important;
  border-color:var(--gp-primary,#1E4E8C)!important;
  color:#fff!important;
  border-radius:8px!important;
  font-weight:600!important;
  text-decoration:none!important;
  box-shadow:0 10px 22px -8px rgba(30,78,140,.45),0 2px 6px rgba(16,24,40,.18)!important;
}
body .fluxstudio-perso-cta.fluxstudio-perso-cta:hover,
body .fluxstudio-open-btn.fluxstudio-open-btn:hover,
body .fluxstudio-lead-btn.fluxstudio-lead-btn:hover,
body .fluxstudio-lead .fluxstudio-lead-btn:hover,
body .fluxstudio-launch .fluxstudio-open-btn:hover,
body button.fluxstudio-cta.fluxstudio-cta:hover{
  background:var(--gp-primary-h,#173F73)!important;
  background-image:none!important;
  border-color:var(--gp-primary-h,#173F73)!important;
  color:#fff!important;
  filter:none!important;
}

/* Badge « Studio de marquage disponible » -> bleu */
body .fluxstudio-badge-marking.fluxstudio-badge-marking{
  background:var(--gp-primary,#1E4E8C)!important;
  background-image:none!important;
  color:#fff!important;
}
/* Badge éco : reste vert (sémantique) */
body .fluxstudio-badge-eco.fluxstudio-badge-eco{
  background:#2F7A4F!important;
  background-image:none!important;
}

/* Switch média Photo/Personnaliser : état actif bleu */
body .fluxstudio-media-switch.fluxstudio-media-switch{
  background:#EDEFF2!important;
  background-image:none!important;
}
body .fluxstudio-media-switch .active,
body .fluxstudio-media-switch [aria-selected="true"],
body .fluxstudio-media-switch button[aria-selected="true"],
body .fluxstudio-media-switch .is-active{
  background:#fff!important;
  background-image:none!important;
  color:var(--gp-primary,#1E4E8C)!important;
}

/* Formulaire lead (devis) : titre, focus, checkbox, bouton fichier */
body .fluxstudio-lead .fluxstudio-lead-title{
  color:var(--gp-text,#1A1D21)!important;
  font-family:'Manrope',sans-serif!important;
}
body .fluxstudio-lead input:focus,
body .fluxstudio-lead textarea:focus{
  border-color:var(--gp-primary,#1E4E8C)!important;
  box-shadow:0 0 0 3px rgba(30,78,140,.15)!important;
}
body .fluxstudio-lead .fg-check input[type="checkbox"]{
  accent-color:var(--gp-primary,#1E4E8C)!important;
}
body .fluxstudio-lead .fg-file-btn{
  color:var(--gp-primary,#1E4E8C)!important;
  border-color:var(--gp-blue-line,#D6E0EC)!important;
  background:var(--gp-blue-bg,#F5F8FC)!important;
  background-image:none!important;
}
body .fluxstudio-lead .fg-file-btn:hover{
  background:var(--gp-blue-bg2,#E9EFF7)!important;
  background-image:none!important;
}

/* Prix / accents dégressifs -> bleu (déjà partiellement dans goodies.css) */
body .fluxstudio-tier-price.fluxstudio-tier-price{
  color:var(--gp-primary,#1E4E8C)!important;
}
body .fluxstudio-tiers-title,
body .fluxstudio-tiers-table thead th{
  color:var(--gp-text,#1A1D21)!important;
}

/* Cartes specs : sur les tokens */
body .fluxstudio-spec-card.fluxstudio-spec-card{
  background:var(--gp-bg2,#FAFAFA)!important;
  background-image:none!important;
  border:1px solid var(--gp-line,#E5E7EB)!important;
  border-radius:8px!important;
}