/**
 * Bonus-Modal (mod_bewerbigo_bonus)
 *
 * Nur aktiv, wenn im Modul ein Hintergrundbild gesetzt ist
 * (.bonus-modal--image am .modal-content). Ohne Bild bleibt die
 * Standarddarstellung unverändert.
 *
 * @copyright  (C) 2026 Bewerbigo. All rights reserved.
 * @license    GNU General Public License version 2 or later
 */

.modal-content.bonus-modal--image {
    position: relative;
}

/* Das Bild liegt hinter dem gesamten Modal */
.modal-content.bonus-modal--image .bonus-modal-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

/* Aufhellender Schleier für die Lesbarkeit */
.modal-content.bonus-modal--image .bonus-modal-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.65);
}

/* Inhalt über Bild und Schleier legen */
.modal-content.bonus-modal--image .modal-header,
.modal-content.bonus-modal--image .modal-body,
.modal-content.bonus-modal--image .modal-footer {
    position: relative;
    z-index: 1;
}

/* Kopf und Fuß transparent, damit das Bild durchscheint */
.modal-content.bonus-modal--image .modal-header {
    background-color: rgba(251, 157, 36, 0,9) !important;
}

.modal-content.bonus-modal--image .modal-footer {
    background-color: rgba(248, 249, 250, 0.82) !important;
}