.elementor-33181 .elementor-element.elementor-element-4af2d3e{--display:flex;--gap:2px 2px;--row-gap:2px;--column-gap:2px;}.elementor-33181 .elementor-element.elementor-element-38b8ee2 img{width:59%;}.elementor-33181 .elementor-element.elementor-element-43dd42d > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:10px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-10px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group.recaptcha_v3-bottomleft, .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group > label, .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group > label{font-size:33px;line-height:49px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-type-html{padding-bottom:0px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group .elementor-field{color:var( --e-global-color-primary );}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group .elementor-field, .elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-subgroup label{line-height:27px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-button{text-transform:uppercase;}.elementor-33181 .elementor-element.elementor-element-43dd42d .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-astglobalcolor1 );color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-button[type="submit"]{background-color:var( --e-global-color-astglobalcolor1 );color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-b0d44a4 );color:var( --e-global-color-astglobalcolor0 );}.elementor-33181 .elementor-element.elementor-element-43dd42d .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-astglobalcolor0 );color:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-33181 .elementor-element.elementor-element-43dd42d .e-form__buttons__wrapper__button-previous:hover{color:var( --e-global-color-astglobalcolor1 );}.elementor-33181 .elementor-element.elementor-element-43dd42d{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-33181 .elementor-element.elementor-element-22e3290 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-33181 .elementor-element.elementor-element-22e3290.elementor-element{--align-self:center;}.elementor-33181 .elementor-element.elementor-element-22e3290{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}.elementor-33181 .elementor-element.elementor-element-22e3290 .elementor-share-btn{border-width:2px;}body.elementor-page-33181:not(.elementor-motion-effects-element-type-background), body.elementor-page-33181 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F9FA;}:root{--page-title-display:none;}@media(max-width:1024px){ .elementor-33181 .elementor-element.elementor-element-22e3290{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}@media(max-width:767px){.elementor-33181 .elementor-element.elementor-element-38b8ee2 img{width:100%;}.elementor-33181 .elementor-element.elementor-element-43dd42d > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-33181 .elementor-element.elementor-element-43dd42d .elementor-field-group > label{font-size:26px;line-height:1.3em;}.elementor-33181 .elementor-element.elementor-element-22e3290 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-33181 .elementor-element.elementor-element-22e3290{--alignment:center;} .elementor-33181 .elementor-element.elementor-element-22e3290{--grid-side-margin:10px;--grid-column-gap:10px;--grid-row-gap:10px;--grid-bottom-margin:10px;}}/* Start custom CSS *//* scope quiz */
form.elementor-form[name="6N26"]{
  --yt-radius: 14px;
  --yt-text: #111;
}
  form.elementor-form[name="6N26"] .yt-welcome-screen {
    text-align: center; 
    padding: 20px 30px 0; 
    max-width: 800px; 
    margin: auto;
}
form.elementor-form[name="6N26"] .yt-welcome-screen h1 {
    font-size: 2.5em; 
    font-weight: bold; 
    margin-bottom: 20px;"
}
/* 1) Centrer le texte de la question (label) dans la colonne */
form.elementor-form[name="6N26"] .elementor-field-group .elementor-field-label{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 0 18px;
}

/* 2) Radios: on masque l'input natif et on met un radio custom aligné dans la "carte" */
form.elementor-form[name="6N26"] .elementor-field-subgroup{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

form.elementor-form[name="6N26"] .elementor-field-option{
  width: min(680px, 100%);
  position: relative;
}

/* masque le rond natif (qui te décale tout) */
form.elementor-form[name="6N26"] .elementor-field-option input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

/* carte réponse */
form.elementor-form[name="6N26"] .elementor-field-option label{
  display: block;
  width: 100%;
  padding: 14px 16px 14px 54px; /* place pour le radio custom à gauche */
  border: 1px solid #ddd;
  border-radius: var(--yt-radius);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.2;
  cursor: pointer;
  user-select: none;
  color: var(--yt-text);
  position: relative;
}

/* rond custom */
form.elementor-form[name="6N26"] .elementor-field-option label::before{
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #bbb;
  background: #fff;
}

/* état checked */
form.elementor-form[name="6N26"] .elementor-field-option input[type="radio"]:checked + label{
  border-color: #111;
}

form.elementor-form[name="6N26"] .elementor-field-option input[type="radio"]:checked + label::before{
  border-color: #111;
  box-shadow: inset 0 0 0 5px #111;
}

/* 3) Boutons: principal centré, précédent en lien visible + spacing */
form.elementor-form[name="6N26"] .e-form__buttons__wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;          /* espace entre précédent et continuer */
  padding: 10px;      /* ton padding demandé */
  margin-left: -10px; /* recentrage léger demandé */
}

/* bouton principal */
form.elementor-form[name="6N26"] .e-form__buttons__wrapper__button-next,
form.elementor-form[name="6N26"] .e-form__buttons__wrapper button[type="submit"]{
  padding: 14px 22px;
  font-size: 18px;
  font-weight: 800;
  border-radius: 999px;
  min-width: 260px;
}

/* précédent en petit lien (visible) */
form.elementor-form[name="6N26"] .e-form__buttons__wrapper__button-previous{
  background: none !important;
  border: none !important;
  margin: 0 10px 0 -20px;
  min-width: auto;
   box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
  outline: none !important;
}

form.elementor-form[name="6N26"] .e-form__buttons__wrapper__button-previous:hover{
  opacity: 1;
}
/* feedback: même largeur que les options */
form.elementor-form[name="6N26"] .yeti-quiz-feedback{
  width: min(680px, 100%);
  margin-left: auto;
  margin-right: auto;
}

/* optionnel: le field-group (wrapper Elementor) aussi */
form.elementor-form[name="6N26"] .elementor-field-group:has(.yeti-quiz-feedback){
  display: flex;
  justify-content: center;
}
form.elementor-form[name="6N26"] .yeti-quiz-feedback-inner{
  font-size: 18px;
  line-height: 1.5;
}

form.elementor-form[name="6N26"] .yeti-quiz-feedback-inner strong{
  font-size: 20px;
}

/* réserve de la place + position du logo */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team] .yeti-quiz-feedback-inner{
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 44px auto;
  padding: 12px 80px 12px 32px !important;
}

/* france */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="france"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/france.png");
}
/* ecosse */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="ecosse"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/ecosse.png");
}
/* Angleterre */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="angleterre"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/angleterre.png");
}
/* Irlande */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="irlande"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/irlande.png");
}
/* Galles */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="galles"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/galles.png");
}
/* Italie */
form.elementor-form[name="6N26"] .yeti-quiz-feedback[data-team="italie"] .yeti-quiz-feedback-inner{
  background-image: url("https://leballonresponsable.com/wp-content/uploads/2026/01/italie.png");
}

/* résultat: même largeur que feedbacks/options */
form.elementor-form[name="6N26"] .yeti-quiz-result{
  width: min(680px, 100%);
  margin-left: auto;
  margin-right: auto;
  border-radius: 14px;
  text-align: center;
}

/* gros titre */
form.elementor-form[name="6N26"] .yeti-quiz-result-h1{
  font-size: 28px;
  font-weight: 900;
  line-height: 1.15;
}

/* score en mode “big number” */
form.elementor-form[name="6N26"] .yeti-quiz-result-score{
  margin-top: 10px;
  font-size: 44px;
  font-weight: 900;
  letter-spacing: -0.02em;
}

/* statut */
form.elementor-form[name="6N26"] .yeti-quiz-result-title{
  margin-top: 10px;
  font-size: 22px;
  font-weight: 900;
}

/* texte */
form.elementor-form[name="6N26"] .yeti-quiz-result-text{
  margin-top: 10px;
  font-size: 18px;
  line-height: 1.55;
}

/* cta */
form.elementor-form[name="6N26"] .yeti-quiz-result-cta{
  margin-top: 14px;
  font-size: 16px;
  opacity: 0.9;
}
/* question: largeur limitée + centrée */
form.elementor-form[name="6N26"] .elementor-field-group .elementor-field-label{
  display: block;
  width: min(680px, 100%);
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
form.elementor-form[name="6N26"] .elementor-field-group .elementor-field-label{
  text-wrap: balance;
}

@media (max-width: 767px){
  /* question (label) */
  form.elementor-form[name="6N26"] .elementor-field-group .elementor-field-label{
    font-size: 20px;
    line-height: 1.15; /* interligne plus court */
    margin-bottom: 14px;
    padding: 0 10px; /* petit confort */
  }

  /* réponses */
  form.elementor-form[name="6N26"] .elementor-field-option label{
    font-size: 18px;
    line-height: 1.15;
    padding: 12px 14px 12px 50px;
  }

/* titre intro (step0) si tu veux le réduire aussi */
  form.elementor-form[name="6N26"] .yt-welcome-screen {
    padding-top: 10px;
  }

  /* titre intro (step0) si tu veux le réduire aussi */
  form.elementor-form[name="6N26"] .yt-welcome-screen h1{
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 14px;
  }

  /* feedback */
  form.elementor-form[name="6N26"] .yeti-quiz-feedback-inner{
    font-size: 16px;
    line-height: 1.35;
  }
  form.elementor-form[name="6N26"] .e-form__buttons__wrapper__button-previous{
      font-size: 12px;
}/* End custom CSS */