/*-------------------------------------------------------+
| Forum Modal Fix für KrazzFM
| Behebt Modal-Interaktionsprobleme
+--------------------------------------------------------*/

/* Modal Overlay Fix */
.modal-backdrop {
    z-index: 1040 !important;
}

.modal {
    z-index: 1050 !important;
}

.modal-dialog {
    z-index: 1060 !important;
}

/* Dropdown im Modal Fix */
.modal .dropdown-menu {
    z-index: 1070 !important;
}

/* Modal Content sichtbar machen */
.modal-content {
    background: #2a2a2a !important;
    border: 1px solid limegreen !important;
    color: #fff !important;
}

.modal-header {
    background: #1a1a1a !important;
    border-bottom: 2px solid limegreen !important;
    color: #fff !important;
}

.modal-title {
    color: #fff !important;
}

.modal-body {
    background: #2a2a2a !important;
    color: #fff !important;
}

/* Close Button Fix */
.modal-header .close {
    color: #fff !important;
    opacity: 0.8;
    text-shadow: none !important;
}

.modal-header .close:hover {
    opacity: 1;
    color: limegreen !important;
}

/* Select/Dropdown Styling im Modal */
.modal select,
.modal .form-control {
    background: #1a1a1a !important;
    border: 1px solid #3a3a3a !important;
    color: #fff !important;
}

.modal select:focus,
.modal .form-control:focus {
    border-color: limegreen !important;
    box-shadow: 0 0 5px rgba(50, 205, 50, 0.3) !important;
}

/* Button Styling */
.modal .btn-primary {
    background: limegreen !important;
    border-color: limegreen !important;
    color: #1a1a1a !important;
}

.modal .btn-primary:hover {
    background: #3cff00 !important;
    border-color: #3cff00 !important;
}

/* Label Text */
.modal label {
    color: #fff !important;
}

/* Modal Backdrop klickbar machen */
.modal-backdrop.in {
    opacity: 0.8 !important;
}

/* Verhindere Body-Scroll beim geöffneten Modal */
body.modal-open {
    overflow: hidden !important;
}

/* Select2 Dropdown (falls verwendet) */
.select2-container--open {
    z-index: 1080 !important;
}

.select2-dropdown {
    z-index: 1080 !important;
    background: #2a2a2a !important;
    border: 1px solid limegreen !important;
}

.select2-results__option {
    background: #2a2a2a !important;
    color: #fff !important;
}

.select2-results__option--highlighted {
    background: limegreen !important;
    color: #1a1a1a !important;
}