/* ============================================================
   Starboost — mise a la charte des 4 outils
   Les calculateurs et le generateur d'avis etaient en noir/jaune.
   On inverse leur theme vers le blanc/bleu du reste du site.
   Chargee en fin de <body> : passe devant leur <style> interne.
   ============================================================ */
/* Attention : --dark, --green, --red et --gold appartiennent aussi a
   light.css (header, footer, bandeau telephone). On ne les redefinit
   PAS ici, sinon le bandeau sombre du header devient blanc. Les regles
   des outils qui s'en servaient sont reecrites une par une plus bas. */
:root{
  /* --- calculateurs (roi-seo, roi-seo-local, note-google) --- */
  --dark2:#ffffff;
  --dark3:#f5f8fc;         /* fond des champs de saisie */
  --card:#ffffff;
  --border:#e4ebf3;
  --white:#0f2033;         /* servait de couleur de texte */
  --muted:#5b6b7d;
  --muted2:#8797a8;
  --yellow:#1f9fe0;
  --yellow2:#127bc4;
  --yellow-faint:rgba(31,159,224,.08);
  --green-faint:rgba(31,157,87,.10);
  --blue:#1f9fe0;   --blue-faint:rgba(31,159,224,.10);
  --purple:#127bc4; --purple-faint:rgba(18,123,196,.10);
  --orange:#e8a400; --orange-faint:rgba(232,164,0,.10);

  /* --- generateur de lien d'avis --- */
  --surface:#ffffff;
  --surface2:#f5f8fc;
  --gold:#1f9fe0;          /* light.css ne s'en sert pas : sans risque */
  --gold-dim:#127bc4;
  --gold-glow:rgba(31,159,224,.12);
  --text:#0f2033;
}

/* Les regles des outils qui utilisaient --dark ou --gold, reecrites. */
.nav-cta,.card-label span,.badge-step{ color:#fff !important; }
.cta-full h3{ color:#fff !important; }
.cta-full a{ background:#fff !important; }
.gold,[class*="gold"]:not(.sbf):not(.sb-topbar){ color:inherit; }

body{
  font-family:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif !important;
  background:#f5f8fc !important;
  color:#0f2033 !important;
}

/* Les cartes doivent se detacher du fond, pas s'y fondre. */
.card,.results-card,.insight,.panel,.box{
  box-shadow:0 10px 40px rgba(16,45,80,.08);
}
h1,h2,h3,h4{ color:#0b1b2b; }

/* Le curseur du slider : blanc cercle de bleu, pas l'inverse. */
input[type="range"]::-webkit-slider-thumb{
  background:#fff !important; border:3px solid var(--accent,#1f9fe0) !important;
  box-shadow:0 2px 8px rgba(16,45,80,.20) !important;
}
input[type="range"]::-moz-range-thumb{
  background:#fff !important; border:3px solid var(--accent,#1f9fe0) !important;
}
input[type="range"]{ accent-color:#1f9fe0; }

/* Champs de saisie lisibles sur fond clair. */
.field input,.field select,input[type="text"],input[type="number"],select,textarea{
  color:#0f2033 !important;
  background:#fff !important;
  border:1.5px solid #d3deea !important;
}
.field input:focus,.field select:focus,input:focus,select:focus,textarea:focus{
  outline:none; border-color:#1f9fe0 !important;
  box-shadow:0 0 0 3px rgba(31,159,224,.16) !important;
}

/* Le bloc d'appel a l'action final passe sur le bleu de marque. */
.cta-full{
  background:linear-gradient(135deg,#1f9fe0,#127bc4) !important;
  border:none !important;
}
.cta-full h3,.cta-full p{ color:#fff !important; }
.cta-full a{ background:#fff !important; color:#0a5c92 !important; }

/* Le header et le footer du site arrivent par parts.js :
   on efface la marge haute que les outils avaient prevue. */
body>header:not(.sb-nav){ display:none; }
.tool-wrap,main{ padding-top:0; }
footer:not(.sbf){ display:none; }

@media (max-width:560px){
  .card,.results-card{ padding:20px 18px !important; }
}
