/* ============================================================
   Restylage léger des pages FAQ et Souscrire (nœuds 'page').
   Chargé uniquement sur /foire-aux-questions et
   /souscrire-girardin-agricole par girardin_content (library
   pages_style). Scopé sous .page-foire-aux-questions / .page-souscrire.
   Sélecteurs : champ corps Drupal (.field--name-*) + classes Webform
   (fiables quel que soit le thème).
   ============================================================ */

/* --- Conteneur de contenu lisible --- */
.page-foire-aux-questions .field--name-body,
.page-foire-aux-questions .field--name-field-body,
.page-foire-aux-questions .field--name-field-corps,
.page-souscrire .field--name-body,
.page-souscrire .field--name-field-body,
.page-souscrire .field--name-field-corps {
  max-width: 820px;
  line-height: 1.65;
}

/* Titres de section en vert marque */
.page-foire-aux-questions h2,
.page-souscrire h2 {
  color: #1b5e20;
  margin-top: 1.8rem;
}

/* --- FAQ : chaque question en bloc accentué --- */
.page-foire-aux-questions h3 {
  margin: 1.4rem 0 .4rem;
  padding: .7rem 1rem;
  background: #f3f7f3;
  border-left: 4px solid #1b5e20;
  border-radius: 4px;
  font-size: 1.05rem;
  color: #16331a;
}

.page-foire-aux-questions h3 + p {
  margin: 0 0 1rem;
  padding: 0 1rem;
  color: #41474d;
}

/* --- Souscrire : étapes numérotées plus aérées --- */
.page-souscrire ol {
  counter-reset: etape;
  list-style: none;
  padding-left: 0;
}

.page-souscrire ol > li {
  position: relative;
  padding: .25rem 0 1rem 2.6rem;
  margin: 0;
}

.page-souscrire ol > li::before {
  counter-increment: etape;
  content: counter(etape);
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  background: #1b5e20;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: .95rem;
}

/* --- Formulaire Webform (classes standard webform) --- */
.page-souscrire .webform-submission-form {
  max-width: 560px;
  margin: 1.5rem 0;
  padding: 1.5rem;
  border: 1px solid #e8eaed;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(20, 30, 20, .06);
}

.page-souscrire .webform-submission-form .js-form-item,
.page-souscrire .webform-submission-form .form-item {
  margin-bottom: 1rem;
}

.page-souscrire .webform-submission-form label {
  display: block;
  font-weight: 600;
  margin-bottom: .3rem;
}

.page-souscrire .webform-submission-form input,
.page-souscrire .webform-submission-form textarea {
  width: 100%;
  padding: .6rem .8rem;
  border: 1px solid #cfd4d8;
  border-radius: 6px;
  font-size: 1rem;
  box-sizing: border-box;
}

.page-souscrire .webform-submission-form input:focus,
.page-souscrire .webform-submission-form textarea:focus {
  outline: none;
  border-color: #1b5e20;
  box-shadow: 0 0 0 3px rgba(27, 94, 32, .12);
}

.page-souscrire .webform-button--submit,
.page-souscrire .webform-submission-form .form-submit {
  background: #1b5e20;
  color: #fff;
  border: 0;
  padding: .7rem 1.5rem;
  border-radius: 6px;
  font-size: 1rem;
  cursor: pointer;
}

.page-souscrire .webform-button--submit:hover,
.page-souscrire .webform-submission-form .form-submit:hover {
  background: #14471a;
}