/* =========================================================
   BZL BREVO-FORMULAR
   =========================================================

   Minimales CSS für das Brevo-Formular-Plugin.
   Das Layout basiert vollständig auf Bootstrap 5 Klassen.
   Hier nur projektspezifische Anpassungen:
   - Honeypot-Versteckung (Spam-Schutz)
   - BZL-CI-Farben für Buttons und Erfolgsmeldung
   - Maximale Formularbreite

   CI-FARBEN (aus Corporate-Design_BZL.pdf):
   - BZL Orange:  #F39100
   - Orange Hell:  #FAD297
   - Grau Dunkel:  #A7A7A7
   - Grau Hell:    #ECECEC
   ========================================================= */

/* =========================================================
   HONEYPOT: Unsichtbares Spam-Feld
   =========================================================
   SECURITY: Das Honeypot-Feld wird per CSS außerhalb des
   sichtbaren Bereichs positioniert.

   WARUM NICHT display:none?
   Einige Bots erkennen display:none und überspringen das Feld.
   Die Positionierung außerhalb des Viewports ist schwerer
   zu erkennen und fängt mehr Bots ab.
   ========================================================= */

.bzl-brevo-formular__feld6 {
    position: absolute;
    left: -9999px;
    top: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

/* =========================================================
   FORMULAR: Allgemeine Styles
   ========================================================= */

.bzl-brevo-formular {
    /* Maximale Breite für bessere Lesbarkeit */
    max-width: 600px;
}

/* =========================================================
   BUTTON: BZL-Orange als Primärfarbe
   =========================================================
   Überschreibt die Bootstrap-Standardfarbe (blau) mit
   dem BZL-Orange aus dem Corporate Design.
   ========================================================= */

.bzl-brevo-formular .btn-primary {
    /* CI-Farbe: BZL Orange (#F39100) */
    background-color: #F39100;
    border-color: #F39100;
    color: #ffffff;
}

.bzl-brevo-formular .btn-primary:hover,
.bzl-brevo-formular .btn-primary:active {
    /* Dunkleres Orange bei Hover/Active */
    background-color: #d97f00;
    border-color: #d97f00;
    color: #ffffff;
}

.bzl-brevo-formular .btn-primary:focus,
.bzl-brevo-formular .btn-primary:focus-visible {
    background-color: #d97f00;
    border-color: #d97f00;
    /* ACCESSIBILITY: Focus-Ring in passender Farbe */
    box-shadow: 0 0 0 0.25rem rgba(243, 145, 0, 0.25);
}

/* =========================================================
   ERFOLGSMELDUNG
   =========================================================
   Überschreibt die Bootstrap alert-success Farben mit
   BZL-CI-konformen Tönen (Orange statt Grün).
   ========================================================= */

.bzl-brevo-erfolg {
    max-width: 600px;
}

/* BZL-Orange Akzent statt Bootstrap-Standard-Grün */
.bzl-brevo-erfolg.alert-success {
    background-color: #fef3e0;
    border-color: #F39100;
    color: #664400;
}

.bzl-brevo-erfolg .alert-heading {
    color: #F39100;
}