/* ===========================================================================
 * Login der Site "aerztekongress"
 *
 * Das Formular liegt in einer Section mit der Theme-Klasse "cm_search". Deren
 * Hintergrund kommt aus --accent_1 (Theme "gesundheit": SRH Midnight Blue
 * #0d3a5d). Gewuenscht ist stattdessen das Blau des SRH Bereichs Gesundheit,
 * im Theme --primary (SRH Blue #00699a).
 *
 * Die Variable wird nicht global umdefiniert, sondern nur fuer diese Section
 * umgehaengt - alles andere im Theme behaelt seine Farben.
 * =========================================================================== */
.login-form-container.cm_search {
    background-color: var(--primary);
}

/* ---------------------------------------------------------------------------
 * Anmelde-Button
 *
 * Der Button erbt --primary als Hintergrund - also genau das Blau, das die
 * Section seit oben schon hat. Blau auf Blau laesst nur den weissen Text
 * stehen, der Button ist als Flaeche nicht zu erkennen.
 *
 * Deshalb umgekehrt: weisse Flaeche, Beschriftung in --accent_1 (SRH Midnight
 * Blue). Weiss zaehlt als neutraler Untergrund, die Schriftfarbe bleibt eine
 * Palettenfarbe. Hover und Tastaturfokus drehen die beiden Werte um, damit der
 * Zustandswechsel eindeutig ist. Gleiche Behandlung wie der
 * "Jetzt aktivieren"-Button im QR-Code-Element.
 * ------------------------------------------------------------------------- */
.login-form-container.cm_search .login-form .btn.btn-primary {
    min-height: 55px;
    padding: 15px 28px;
    font-size: 18px;
    line-height: 24px;
    color: var(--accent_1);
    background-color: #fff;
    box-shadow: 0 6px 18px rgba(2, 30, 48, .25);
    transition: background-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.login-form-container.cm_search .login-form .btn.btn-primary:hover,
.login-form-container.cm_search .login-form .btn.btn-primary:focus-visible {
    color: #fff;
    background-color: var(--accent_1);
    box-shadow: 0 10px 24px rgba(2, 30, 48, .35);
    transform: translateY(-1px);
}

.login-form-container.cm_search .login-form .btn.btn-primary:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .login-form-container.cm_search .login-form .btn.btn-primary {
        transition: none;
    }

    .login-form-container.cm_search .login-form .btn.btn-primary:hover,
    .login-form-container.cm_search .login-form .btn.btn-primary:focus-visible {
        transform: none;
    }
}