/* ============================================================
   KOOKIYA FLAVORS — FORMULAIRE BREVO « LA LETTRE »
   Surcharge de la feuille Brevo (sib-styles.css), chargée APRÈS
   elle. Tokens de la charte v2.1 : §6.1 boutons, §6.3 formulaires.
   ============================================================ */

/* Règle Brevo indispensable : les panneaux de message restent
   masqués tant que le script ne les active pas. */
:where(.sib-form-message-panel){display:none}

/* ---------- Conteneur ---------- */
.sib-form{background-color:transparent !important;padding:0 !important;text-align:left !important}
#sib-container{
  background-color:transparent !important;border:0 !important;border-radius:0 !important;
  max-width:540px !important;margin:48px auto 0;padding:0 !important;text-align:left !important;
}
/* Brevo impose Roboto sur ses conteneurs : hors du triptyque de la charte */
.sib-form,#sib-form-container,#sib-container,#sib-form,#sib-container input{font-family:var(--font-body) !important}

/* Espacements (remplacent les style="" du code fourni par Brevo) */
.kk-espace-20{padding-bottom:20px}
.kk-espace-24{padding-bottom:24px}
.kk-espace-32{padding-bottom:32px}

/* ---------- Chapeau ---------- */
.kk-form-intro p{
  margin:0;font-family:var(--font-body);font-weight:300;
  font-size:var(--text-body-lg);line-height:var(--leading-snug);color:var(--text-primary);
}

/* ---------- Libellés ---------- */
#sib-container .entry__label{
  font-family:var(--font-body) !important;font-size:var(--text-caps) !important;font-weight:500 !important;
  text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--text-primary) !important;margin-bottom:8px;
}
/* Astérisque des champs obligatoires : jamais en rouge */
#sib-container .entry__label::after,
#sib-container [data-required]::after{color:var(--text-primary) !important}

/* ---------- Champs ---------- */
/* L'enveloppe Brevo du champ porte un fond blanc, un arrondi de 3 px et une
   bordure grise qui double celle du champ : neutralisée. */
#sib-container .entry__field{
  background-color:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;
}
#sib-container input.input{
  width:100%;height:52px;padding:16px;
  background-color:var(--surface-base) !important;
  border:1px solid rgba(26,39,68,.2) !important;border-radius:var(--radius-subtle) !important;box-shadow:none !important;
  font-family:var(--font-body) !important;font-size:16px !important; /* 16 px : évite le zoom iOS */
  font-weight:400;color:var(--text-primary) !important;
  transition:border-color var(--transition-fast),box-shadow var(--transition-fast);
}
#sib-container input.input:focus{
  outline:none;border-color:var(--accent-cta) !important;box-shadow:0 0 0 3px rgba(232,146,42,.15) !important;
}
/* Brevo colore les textes indicatifs de TOUS les champs de la page :
   on les ramène à la charte, formulaire de devis compris. */
input::placeholder,textarea::placeholder{color:rgba(26,39,68,.35)}
.deep input::placeholder,.deep textarea::placeholder{color:rgba(251,243,227,.45)}
#sib-container input::placeholder{font-family:var(--font-body);text-align:left}

/* ---------- Bouton (charte §6.1, bouton primaire) ---------- */
#sib-container .sib-form-block__button{
  display:inline-block;padding:16px 32px !important;
  background-color:var(--accent-cta) !important;color:var(--color-ivoire-chaud) !important;
  border:0 !important;border-radius:var(--radius-subtle) !important;box-shadow:none !important;
  font-family:var(--font-body) !important;font-size:13px !important;font-weight:500 !important;line-height:1;
  letter-spacing:.15em;text-transform:uppercase;text-align:center !important;cursor:pointer;
  transition:opacity var(--transition-fast);
}
#sib-container .sib-form-block__button:hover{opacity:.85}
#sib-container .sib-form-block__button:disabled{opacity:.4;cursor:not-allowed}

/* ---------- Mention de pied ---------- */
.kk-form-note p{
  margin:0;font-family:var(--font-body);font-weight:300;
  font-size:12px;line-height:var(--leading-relaxed);color:rgba(26,39,68,.65);
}
.kk-form-note p+p{margin-top:4px}

/* ---------- Messages (succès / erreur) ---------- */
.sib-form-message-panel{
  background-color:var(--surface-base) !important;border:0 !important;
  border-left:2px solid var(--accent-signature) !important;border-radius:0 !important;
  padding:16px 20px !important;max-width:540px;margin:48px auto 0;text-align:left;
  font-family:var(--font-body) !important;font-size:15px !important;line-height:var(--leading-relaxed);
  color:var(--text-primary) !important;
}
#error-message.sib-form-message-panel{border-left-color:var(--color-terracotta-dore) !important}
/* Les pictogrammes Brevo sont hors palette : on les retire */
.sib-form-message-panel .sib-icon{display:none !important}

#sib-container .entry__error{
  background-color:transparent !important;border:0 !important;border-radius:0 !important;
  padding:4px 0 0 0 !important;font-family:var(--font-body) !important;font-size:12px !important;
  color:var(--color-terracotta-dore) !important;
}
#sib-container a{color:var(--accent-cta);text-decoration:underline;text-underline-offset:4px}

/* ---------- Mobile ---------- */
@media (max-width:600px){
  #sib-container .sib-form-block__button{display:block;width:100%}
}
/* Sous 370 px : compact, comme le bouton du header — une ligne */
@media (max-width:369px){
  #sib-container .sib-form-block__button{font-size:12px !important;letter-spacing:.1em;padding-left:12px !important;padding-right:12px !important}
}