/* ============================================================
   FIX NEWSLETTER — champ email Jetpack
   ============================================================ */

/* Le formulaire Jetpack : aligné côte à côte comme le design d'origine */
.news .jetpack_subscription_widget form{
  display:flex;
  gap:.7rem;
  flex-wrap:wrap;
  align-items:stretch;
}
.news .jetpack_subscription_widget form p{
  margin:0;
}
.news #subscribe-email{
  flex:1;
  min-width:240px;
}

/* Le champ email : transparent, bordure fine, comme le design d'origine */
.news #subscribe-email input{
  width:100%;
  background:transparent;
  border:1px solid rgba(245,246,248,.3);
  color:var(--papier);
  padding:1.05rem 1.3rem;
  border-radius:12px;
  font-family:'Instrument Sans',sans-serif;
  font-size:.92rem;
  outline:none;
  transition:border-color .25s;
}
.news #subscribe-email input:focus{border-color:var(--fluo)}
.news #subscribe-email input::placeholder{color:rgba(245,246,248,.4)}

/* Le bouton : jaune fluo, cohérent avec le reste du site */
.news .jetpack_subscription_widget button.wp-block-button__link{
  background:var(--fluo) !important;
  color:var(--encre) !important;
  border:none;
  border-radius:12px !important;
  cursor:pointer;
  font-family:'Instrument Sans',sans-serif;
  font-weight:600;
  font-size:.85rem;
  letter-spacing:.04em;
  padding:1.05rem 1.8rem;
  transition:transform .2s, box-shadow .25s;
}
.news .jetpack_subscription_widget button.wp-block-button__link:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px -14px rgba(242,227,60,.55);
}
.news .jetpack_subscription_widget button.wp-block-button__link:active{
  transform:translateY(0);
  box-shadow:none;
}

/* Messages de confirmation / erreur lisibles sur fond sombre */
.news .jetpack_subscription_widget .success,
.news .jetpack_subscription_widget .error,
.news .jetpack_subscription_widget p:not(#subscribe-email):not(#subscribe-submit){
  color:rgba(245,246,248,.85);
  font-family:'Instrument Sans',sans-serif;
  font-size:.9rem;
}

/* Mobile : bouton pleine largeur, comme le design d'origine */
@media (max-width:560px){
  .news #subscribe-submit{
    flex:1 1 100%;
  }
  .news .jetpack_subscription_widget button.wp-block-button__link{
    width:100%;
  }
}

/* Masquer le bouton flottant « Abonnez-vous » en double (bas droite) */
.jetpack-subscribe-floating-button{display:none !important}

/* ============================================================
   FORMULAIRE DE CONTACT — Jetpack Forms stylé comme le design
   ============================================================ */

/* Grille : Nom + Email côte à côte comme le design d'origine */
#form-contact .contact-form{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
}
#form-contact .contact-form > *{grid-column:1 / -1;margin:0}
#form-contact .grunion-field-name-wrap{grid-column:1}
#form-contact .grunion-field-email-wrap{grid-column:2}
#form-contact .grunion-field-wrap{display:flex;flex-direction:column;gap:.35rem}

/* Libellés : monospace uppercase comme le design d'origine */
#form-contact .grunion-field-label{
  font-family:'Spline Sans Mono',monospace;
  font-size:.62rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--encre-dim);
  margin:0;
}
#form-contact .grunion-label-required{color:var(--encre-dim)}

/* Champs : identiques aux .champ du thème */
#form-contact .grunion-field{
  font-family:'Instrument Sans',sans-serif;
  font-size:.92rem;
  color:var(--encre);
  background:var(--papier);
  border:1px solid var(--hair);
  border-radius:12px;
  padding:.8rem .95rem;
  outline:none;
  width:100%;
  box-sizing:border-box;
  -webkit-appearance:none;appearance:none;
  transition:border-color .25s, box-shadow .25s;
}
#form-contact .grunion-field:focus{
  border-color:var(--encre);
  box-shadow:0 0 0 3px rgba(242,227,60,.28);
}
#form-contact .contact-form__select-element-wrapper{width:100%}
#form-contact select.grunion-field{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%2315171C' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .95rem center;
}
#form-contact textarea.grunion-field{resize:vertical;min-height:110px}

/* Bouton : pill noir comme le .btn-form d'origine */
#form-contact button[type='submit']{
  background:var(--encre) !important;
  color:var(--papier) !important;
  border:none !important;
  border-radius:99px !important;
  cursor:pointer;
  font-family:'Instrument Sans',sans-serif !important;
  font-weight:600;
  font-size:.9rem !important;
  letter-spacing:.04em;
  padding:1rem 1.8rem !important;
  justify-self:start;
  transition:background .25s, transform .25s cubic-bezier(.3,.7,.3,1), box-shadow .25s;
}
#form-contact button[type='submit']:hover{
  background:#2B2F38 !important;
  transform:translateY(-1px);
  box-shadow:0 12px 24px -14px rgba(21,23,28,.5);
}
#form-contact button[type='submit']:active{transform:translateY(0);box-shadow:none}

/* Erreurs de validation lisibles */
#form-contact .contact-form__input-error{
  font-family:'Instrument Sans',sans-serif;
  font-size:.78rem;
  color:#B3261E;
  margin-top:.25rem;
}

/* Message de confirmation après envoi */
#form-contact .contact-form-submission{
  font-family:'Instrument Sans',sans-serif;
  color:var(--encre);
}
#form-contact .contact-form-submission h4{
  font-family:'Bricolage Grotesque',sans-serif;
  font-weight:700;
}

/* Mobile : tout en pleine largeur */
@media (max-width:920px){
  #form-contact .grunion-field-name-wrap,
  #form-contact .grunion-field-email-wrap{grid-column:1 / -1}
}