/*
 * Custom Overrides
 * Loaded after Vuexy theme to fix broken alert styles
 */

/* ── Alert overrides ── */
.alert-primary {
    background-color: #cfe2ff !important;
    color: #084298 !important;
    border: 1px solid #b6d4fe !important;
}

.alert-secondary {
    background-color: #e2e3e5 !important;
    color: #41464b !important;
    border: 1px solid #d3d6d8 !important;
}

.alert-success {
    background-color: #d1e7dd !important;
    color: #0f5132 !important;
    border: 1px solid #badbcc !important;
}

.alert-danger {
    background-color: #f8d7da !important;
    color: #842029 !important;
    border: 1px solid #f5c2c7 !important;
}

.alert-warning {
    background-color: #fff3cd !important;
    color: #664d03 !important;
    border: 1px solid #ffecb5 !important;
}

.alert-info {
    background-color: #cff4fc !important;
    color: #055160 !important;
    border: 1px solid #b6effb !important;
}

.alert-light {
    background-color: #fefefe !important;
    color: #636464 !important;
    border: 1px solid #fdfdfe !important;
}

.alert-dark {
    background-color: #d3d3d4 !important;
    color: #141619 !important;
    border: 1px solid #bcbebf !important;
}

/* Alert dismiss button */
.alert .btn-close {
    color: inherit !important;
    opacity: 0.7;
}
.alert .btn-close:hover {
    opacity: 1;
}

/* Livewire-friendly close span inside alerts */
.alert .alert-close {
    position: absolute;
    right: 10px;
    top: 8px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1;
    opacity: 0.7;
}
.alert .alert-close:hover {
    opacity: 1;
}