/*
  ================================================================
  OMERTA INN — BREVO SUBSCRIPTION FORM DARK THEME
  brevo-form.css
  ----------------------------------------------------------------
  Overrides Brevo's default white-on-white form styles so the
  subscription form on the waitlist section matches Omerta Inn's
  dark palette. Every rule uses !important to beat Brevo's own
  specificity — this is intentional and unavoidable for third-party
  embedded forms.
  ================================================================
*/

/* Strip Brevo's outer wrapper — we control the layout */
.sib-form { background: transparent !important; padding: 0 !important; }
#sib-form-container { display: block; }

/* Form container box */
#sib-container {
  background-color: rgba(20, 16, 10, 0.85) !important;
  border-color: rgba(201, 168, 76, 0.3) !important;
  border-radius: 8px !important;
  max-width: 100% !important;
}

/* Field labels */
#sib-container .entry__label {
  color: #e8d5a3 !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

/* Email input */
#sib-container .entry__field input.input {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(201, 168, 76, 0.35) !important;
  border-radius: 4px !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #c9a84c !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#sib-container .entry__field input.input::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}

#sib-container .entry__field input.input:focus {
  border-color: #c9a84c !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.20) !important;
}

/* Submit button — visual styles handled by .btn.btn-primary system.
   We only enforce width and the Brevo loader spinner positioning here. */
#sib-container .sib-form-block__button {
  width: 100% !important;
  cursor: pointer !important;
  position: relative !important;  /* required for .btn__shimmer absolute positioning */
}

/* Brevo's loading spinner SVG — keep it visible when submitting */
#sib-container .sib-form-block__button svg.progress-indicator__icon {
  fill: currentColor !important;
}

/* Small helper text / GDPR note */
#sib-container label.entry__specification {
  color: rgba(255, 255, 255, 0.40) !important;
  font-family: 'Inter', sans-serif !important;
}

/* Response panel sizing */
#error-message,
#success-message { max-width: 100% !important; margin-top: 12px !important; }

/* Success panel — green tint */
#success-message {
  background-color: rgba(19, 206, 102, 0.10) !important;
  border-color: #13ce66 !important;
}
#success-message .sib-form-message-panel__inner-text { color: #a0f0c8 !important; }

/* Error panel — red tint */
#error-message {
  background-color: rgba(255, 73, 73, 0.10) !important;
  border-color: #ff4949 !important;
}
#error-message .sib-form-message-panel__inner-text { color: #ff9999 !important; }

/* SVG icons inside Brevo notifications */
.sib-icon { fill: currentColor !important; }

/* Both panels hidden by default — Brevo's JS (and our waitlist-form.js) reveals them */
#error-message,
#success-message { display: none !important; }