/**
 * Custom Theme per LB Property
 * Colore principale: RGB(178, 37, 47) = #B2252F
 */

:root {
    --primary-color: #B2252F;
    --primary-dark: #8A1C24;
    --primary-light: #C93843;
    --primary-gradient: linear-gradient(135deg, #B2252F 0%, #8A1C24 100%);
}

/* Override colori principali */
.auth-container {
    background: var(--primary-gradient) !important;
}

.auth-logo h1 {
    color: var(--primary-color) !important;
}

.form-control:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 0.2rem rgba(178, 37, 47, 0.25) !important;
}

.btn-login {
    background: var(--primary-gradient) !important;
}

.btn-login:hover {
    box-shadow: 0 10px 20px rgba(178, 37, 47, 0.3) !important;
}

/* Card statistiche dashboard */
.card-primary {
    background: var(--primary-gradient) !important;
}

/* Badge e alert primari */
.badge-primary {
    background: var(--primary-color) !important;
}

.alert-primary {
    background-color: rgba(178, 37, 47, 0.1) !important;
    border-color: var(--primary-color) !important;
    color: var(--primary-dark) !important;
}

/* Bottoni primari */
.btn-primary {
    background: var(--primary-gradient) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    box-shadow: 0 5px 15px rgba(178, 37, 47, 0.3) !important;
}

/* Link primari */
a.text-primary,
.text-primary {
    color: var(--primary-color) !important;
}

a.text-primary:hover {
    color: var(--primary-dark) !important;
}

/* Sidebar attiva */
.xp-vertical-menu li.active > a {
    background-color: var(--primary-color) !important;
}

/* Progressbar */
.progress-bar {
    background-color: var(--primary-color) !important;
}

/* Background primario */
.bg-primary {
    background-color: var(--primary-color) !important;
}

/* Border primario */
.border-primary {
    border-color: var(--primary-color) !important;
}

/* Pagination active */
.page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Custom checkbox/radio checked */
.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

/* Table striped hover */
.table-hover tbody tr:hover {
    background-color: rgba(178, 37, 47, 0.05) !important;
}