/* ============================================================
   Ensemble pour la parité 2028 — habillage Eval&Go
   Charte Région Île-de-France · bleu #303579 / rouge #DA171F
   À coller dans : Design → CSS personnalisé
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;700;800;900&display=swap');

:root{
  --idf-bleu:#303579;
  --idf-rouge:#DA171F;
  --idf-gris:#C9C8CE;
  --idf-encre:#201E1D;
}

body, .eag-survey, .eag-page, input, select, textarea, button{
  font-family:'Archivo', Helvetica, Arial, sans-serif !important;
  color:var(--idf-encre);
}

/* Fond de page : aplat neutre, sans dégradé */
body, .eag-survey, .eag-background{
  background:#F4F4F6 !important;
}

/* Bloc questionnaire */
.eag-page, .eag-container, .eag-card{
  background:#FFFFFF !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-top:4px solid var(--idf-bleu) !important;
}

/* Titres */
h1, h2, .eag-survey-title, .eag-page-title{
  color:var(--idf-bleu) !important;
  font-weight:900 !important;
  letter-spacing:-0.01em;
  line-height:1.1;
}

/* Intitulés de question */
.eag-question-title, .eag-label, legend{
  color:var(--idf-bleu) !important;
  font-weight:700 !important;
  font-size:17px !important;
}

/* Champs de saisie */
input[type=text], input[type=email], input[type=tel], textarea, select{
  border:1px solid var(--idf-gris) !important;
  border-radius:0 !important;
  background:#FFFFFF !important;
  padding:11px 13px !important;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus,
textarea:focus, select:focus{
  border-color:var(--idf-bleu) !important;
  outline:2px solid rgba(48,53,121,.18) !important;
}

/* Cases et boutons radio */
input[type=radio]:checked, input[type=checkbox]:checked{
  accent-color:var(--idf-bleu) !important;
}

/* Boutons Suivant / Précédent / Envoyer */
button, .eag-btn, .eag-button, input[type=submit]{
  background:var(--idf-rouge) !important;
  border:none !important;
  border-radius:0 !important;
  color:#FFFFFF !important;
  font-weight:800 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  font-size:14px !important;
  padding:13px 26px !important;
  box-shadow:none !important;
}
button:hover, .eag-btn:hover, .eag-button:hover, input[type=submit]:hover{
  background:var(--idf-bleu) !important;
}
.eag-btn-prev, .eag-btn-secondary{
  background:#FFFFFF !important;
  color:var(--idf-bleu) !important;
  border:2px solid var(--idf-bleu) !important;
}

/* Barre de progression */
.eag-progress, .eag-progress-bar-container{
  background:var(--idf-gris) !important;
  border-radius:0 !important;
  height:6px !important;
}
.eag-progress-bar, .eag-progress > div{
  background:var(--idf-rouge) !important;
  border-radius:0 !important;
}

/* Champ obligatoire et messages d'erreur */
.eag-required, .eag-error{
  color:var(--idf-rouge) !important;
}

/* Motif décoratif du thème par défaut */
.eag-shape, .eag-decoration{ display:none !important; }