/* Formulaire Brevo aux couleurs du site (thème sombre, accent cyan).
   Les !important servent à passer devant les styles en ligne de Brevo. */

:where(.sib-form-message-panel) { display: none; }
:where(.sib-form-message-panel .sib-notification__icon) { width: 20px; height: 20px; }

/* Conteneur : transparent, intégré à la carte du site */
.contact-form-panel .sib-form {
  padding: 0 !important;
  background: transparent !important;
  text-align: left !important;
  font-family: inherit !important;
}
.contact-form-panel #sib-container {
  display: block !important;
  max-width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Libellés */
#sib-container .entry__label {
  color: #fff !important;
  font-family: inherit !important;
  font-size: .95rem !important;
  font-weight: 500 !important;
  margin-bottom: 8px;
}
#sib-container .entry__label::after { color: var(--accent-color, #00d4ec) !important; }

/* Champs */
.sib-form .entry__field {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 10px !important;
  min-height: 46px;
  padding: 0 14px;
  align-items: center;
  transition: border-color .2s, box-shadow .2s;
}
.sib-form .sib-input .entry__field { width: 100%; box-sizing: border-box; }
.sib-form .entry__field:focus-within {
  border-color: var(--accent-color, #00d4ec) !important;
  box-shadow: 0 0 0 3px rgba(0, 212, 236, .18) !important;
}
.sib-form .input {
  background: transparent !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 1rem !important;
}
#sib-container input:-ms-input-placeholder,
#sib-container input::placeholder,
#sib-container textarea::placeholder {
  font-family: inherit !important;
  color: rgba(255, 255, 255, .4) !important;
  text-align: left;
}
#sib-container input:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  box-shadow: 0 0 0 1000px #1b2233 inset;
}

/* Téléphone : pays, indicatif et numéro, tous aux couleurs du site */
#sib-container .sib-sms-input .entry__field,
#sib-container .sib-sms-input input,
#sib-container .sib-sms-input select,
#sib-container .sib-sms-input [class*="code"],
#sib-container .sib-sms-select__title {
  background: rgba(255, 255, 255, .05) !important;
  color: #fff !important;
  font-family: inherit !important;
  border-color: rgba(255, 255, 255, .14) !important;
  border-radius: 10px !important;
}
/* les champs internes n'ont pas de double bordure */
#sib-container .sib-sms-input .entry__field input,
#sib-container .sib-sms-input .entry__field select {
  border: 0 !important;
  background: transparent !important;
}
#sib-container .sib-sms-input input::placeholder { color: rgba(255, 255, 255, .45) !important; }
#sib-container .sib-sms-select__title { border: 1px solid rgba(255, 255, 255, .14) !important; }
#sib-container .sib-sms-select__title::after,
#sib-container .sib-sms-select__title::before {
  border-top-color: #fff !important;
  color: #fff !important;
}
#sib-container .sib-sms-select__title svg,
#sib-container .sib-sms-select__title svg path { fill: #fff !important; }

/* Téléphone : classes réelles créées par le script Brevo */
#sib-container .sib-sms-select__number-input {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 10px !important;
  overflow: hidden;
  box-shadow: none !important;
  transition: border-color .2s, box-shadow .2s;
}
#sib-container .sib-sms-select__number-input:focus-within {
  border-color: var(--accent-color, #00d4ec) !important;
  box-shadow: 0 0 0 3px rgba(0, 212, 236, .18) !important;
}
#sib-container .sib-sms-select__calling-code,
#sib-container .sib-sms-select__phone-number {
  background: transparent !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 1rem !important;
}
#sib-container .sib-sms-select__calling-code {
  color: rgba(255, 255, 255, .6) !important;
  border-right: 1px solid rgba(255, 255, 255, .14) !important;
}
#sib-container .sib-sms-select__number-input__overlay { background: transparent !important; }

/* liste des pays */
.sib-sms-select__list {
  background: #141a26 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .5);
}
.sib-sms-select__list li {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .08) !important;
}
.sib-sms-select__list li:hover,
.sib-sms-select__list li.sib-is-selected {
  background: rgba(0, 212, 236, .22) !important;
}
.sib-sms-tooltip__icon { color: var(--accent-color, #00d4ec) !important; }
.sib-sms-tooltip__box {
  background: #1b2233 !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 8px;
}

/* Bouton */
#sib-container .sib-form-block__button {
  background: linear-gradient(135deg, #00d8f0, #04a2c0) !important;
  color: #04202a !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
  border-radius: 10px !important;
  padding: 12px 28px !important;
  transition: filter .2s, transform .2s;
}
#sib-container .sib-form-block__button:hover { filter: brightness(1.08); transform: translateY(-1px); }

/* Messages de retour */
.contact-form-panel .sib-form-message-panel {
  max-width: 100% !important;
  margin-bottom: 12px;
  font-family: inherit !important;
  border-radius: 10px !important;
}
#success-message {
  background: rgba(19, 206, 102, .12) !important;
  color: #b8f5d3 !important;
  border-color: rgba(19, 206, 102, .5) !important;
}
#error-message,
#sib-container .entry__error {
  background: rgba(255, 73, 73, .12) !important;
  color: #ffc9c9 !important;
  border-color: rgba(255, 73, 73, .5) !important;
  border-radius: 8px !important;
  font-family: inherit !important;
}

/* Texte de consentement et liens */
#sib-container p {
  color: rgba(255, 255, 255, .6) !important;
  font-family: inherit !important;
}
#sib-container a { color: var(--accent-color, #00d4ec) !important; text-decoration: underline; }