/*
 * Football Theme - Tema colori calcio per Dilettanti Live
 * Verde campo, bianco e accenti scuri
 */

:root {
    /* Primary: verde campo scuro */
    --primary-rgb: 21, 128, 61;
    /* Secondary: blu notte */
    --secondary-rgb: 30, 58, 95;
    /* Success: verde brillante */
    --success-rgb: 34, 197, 94;
    /* Info: azzurro cielo */
    --info-rgb: 56, 152, 236;
    /* Warning: giallo oro */
    --warning-rgb: 245, 180, 0;
    /* Danger: rosso cartellino */
    --danger-rgb: 220, 38, 38;

    /* Background leggermente verdino */
    --body-bg-rgb: 243, 247, 243;
    --default-background: #f0f4f0;

    /* Sidebar: blu scuro sportivo */
    --menu-bg: #0f2537;
    --menu-prime-color: #c0d0df;
    --menu-border-color: #1a3a52;

    /* Header: bianco pulito */
    --header-bg: #ffffff;
    --header-prime-color: #1e3a5f;
    --header-border-color: #d4dde6;

    /* Testi e bordi */
    --default-text-color: #1a2332;
    --default-border: #d4dde6;
    --bootstrap-card-border: #d4dde6;
}

/* Sidebar styling */
.app-sidebar {
    background: linear-gradient(180deg, #0f2537 0%, #162d44 100%) !important;
}

.app-sidebar .side-menu__label,
.app-sidebar .side-menu__icon {
    color: #b0c4d8 !important;
}

.app-sidebar .side-menu__item:hover .side-menu__label,
.app-sidebar .side-menu__item:hover .side-menu__icon,
.app-sidebar .side-menu__item.active .side-menu__label,
.app-sidebar .side-menu__item.active .side-menu__icon {
    color: #ffffff !important;
}

.app-sidebar .side-menu__item.active {
    background-color: rgba(21, 128, 61, 0.25) !important;
    border-radius: 6px;
}

.app-sidebar .slide-menu .side-menu__item:hover {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 4px;
}

/* Header con sottile linea verde in basso */
.app-header {
    border-bottom: 2px solid rgb(var(--primary-rgb)) !important;
}

/* Cards */
.card {
    border: 1px solid #dce4dc !important;
    box-shadow: 0 1px 3px rgba(15, 37, 55, 0.06) !important;
}

.card-header {
    background-color: #f7faf7 !important;
    border-bottom: 1px solid #dce4dc !important;
}

/* Pulsante primary - verde campo */
.btn-primary {
    background-color: rgb(21, 128, 61) !important;
    border-color: rgb(21, 128, 61) !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: rgb(16, 105, 50) !important;
    border-color: rgb(16, 105, 50) !important;
}

/* Outline primary */
.btn-outline-primary {
    color: rgb(21, 128, 61) !important;
    border-color: rgb(21, 128, 61) !important;
}
/* Anche :focus e :active, non solo :hover. styles.css su questi due stati mette
   lo sfondo pieno ma il colore del testo (#fff) senza !important, che perdeva
   contro il verde !important qui sopra: dopo un clic il pulsante restava verde
   su verde e la scritta spariva finche' non ci si tornava sopra col mouse. */
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:focus-visible {
    background-color: rgb(21, 128, 61) !important;
    color: #fff !important;
}

/* Badge primary */
.bg-primary {
    background-color: rgb(21, 128, 61) !important;
}

/* Links */
a {
    color: rgb(21, 128, 61);
}
a:hover {
    color: rgb(16, 105, 50);
}

/* Tabelle - header leggero */
.table thead th {
    background-color: #eaf0ea !important;
    color: #1a2332 !important;
    font-weight: 600;
    border-bottom: 2px solid rgb(21, 128, 61) !important;
}

.table-hover tbody tr:hover {
    background-color: rgba(21, 128, 61, 0.05) !important;
}

/* Page title */
.page-title {
    color: #0f2537 !important;
}

/* Sidebar logo area */
.main-sidebar-header {
    background-color: #0a1c2b !important;
    border-bottom: 1px solid #1a3a52 !important;
}

/* Footer */
.footer {
    background-color: #f0f4f0 !important;
    border-top: 1px solid #d4dde6 !important;
}

/* Form focus con verde */
.form-control:focus,
.form-select:focus {
    border-color: rgb(21, 128, 61) !important;
    box-shadow: 0 0 0 0.2rem rgba(21, 128, 61, 0.15) !important;
}

/* Alert success con tono calcistico */
.alert-success {
    background-color: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    color: #166534 !important;
}

/* Nav tabs active */
.nav-tabs .nav-link.active {
    border-bottom-color: rgb(21, 128, 61) !important;
    color: rgb(21, 128, 61) !important;
}

/* Pagination active */
.page-item.active .page-link {
    background-color: rgb(21, 128, 61) !important;
    border-color: rgb(21, 128, 61) !important;
}

/* ============================================================
 * Sfondo uniforme su tutte le pagine
 * Le pagine pubbliche/auth (registrati, recupera/reset password,
 * contatti, privacy, faq) usano la classe .authentication-background
 * che applica un overlay SVG viola del template. Lo rimuoviamo così
 * mostrano lo stesso sfondo verdino del gestionale (--body-bg-rgb).
 * ============================================================ */
.authentication-background::before {
    display: none !important;
}
.authentication-background {
    background-color: var(--default-body-bg-color) !important;
}