/* =====================================================================
   Theme Override — palette logo iCaffettieri
   Primary: #EF305E (rosa magenta logo)
   Secondario: #F4F4F4 (grigio chiarissimo logo)
   Sovrascrive lo stile blu di Metronic.
   ===================================================================== */

:root {
    /* Palette primary */
    --bs-primary:               #EF305E;
    --bs-primary-rgb:           239, 48, 94;
    --bs-primary-active:        #D62650;
    --bs-primary-light:         #FDE7EE;
    --bs-primary-inverse:       #FFFFFF;

    /* Override Bootstrap variables */
    --bs-link-color:            #EF305E;
    --bs-link-hover-color:      #D62650;
    --bs-link-color-rgb:        239, 48, 94;
}

/* =====================================================================
   BOTTONI
   ===================================================================== */
.btn-primary,
.btn-primary:focus {
    background-color: #EF305E !important;
    border-color: #EF305E !important;
    color: #FFFFFF !important;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.show {
    background-color: #D62650 !important;
    border-color: #D62650 !important;
    color: #FFFFFF !important;
}
.btn-light-primary {
    background-color: #FDE7EE !important;
    color: #EF305E !important;
    border-color: transparent !important;
}
.btn-light-primary:hover,
.btn-light-primary:active,
.btn-light-primary.active {
    background-color: #EF305E !important;
    color: #FFFFFF !important;
}

/* =====================================================================
   BADGES
   ===================================================================== */
.badge-primary {
    background-color: #EF305E !important;
    color: #FFFFFF !important;
}
.badge-light-primary {
    background-color: #FDE7EE !important;
    color: #EF305E !important;
}

/* =====================================================================
   TESTO
   ===================================================================== */
.text-primary,
.text-primary i {
    color: #EF305E !important;
}
.text-hover-primary:hover {
    color: #EF305E !important;
}
.bg-primary {
    background-color: #EF305E !important;
}
.bg-light-primary {
    background-color: #FDE7EE !important;
}

/* =====================================================================
   LINK
   ===================================================================== */
a {
    color: #EF305E;
}
a:hover {
    color: #D62650;
}

/* =====================================================================
   ALERT
   ===================================================================== */
.alert-primary {
    background-color: #FDE7EE !important;
    color: #EF305E !important;
    border-color: #EF305E !important;
}
.alert-light-primary {
    background-color: #FDE7EE !important;
    color: #EF305E !important;
}

/* =====================================================================
   SIDEBAR DARK — testi e icone in bianco
   ===================================================================== */
.app-sidebar {
    background-color: #1E1E2D !important;
}

/* Tutte le voci del menu */
.app-sidebar .menu .menu-item .menu-link,
.app-sidebar .menu .menu-item .menu-link .menu-title,
.app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #FFFFFF !important;
}

/* Hover sulle voci */
.app-sidebar .menu .menu-item .menu-link:hover,
.app-sidebar .menu .menu-item .menu-link:hover .menu-title,
.app-sidebar .menu .menu-item .menu-link:hover .menu-icon i {
    color: #EF305E !important;
    background-color: rgba(239, 48, 94, 0.1) !important;
}

/* Voce attiva */
.app-sidebar .menu .menu-item .menu-link.active,
.app-sidebar .menu .menu-item .menu-link.active .menu-title,
.app-sidebar .menu .menu-item .menu-link.active .menu-icon i {
    color: #EF305E !important;
    background-color: rgba(239, 48, 94, 0.15) !important;
}

/* Separatori (FINE GIORNATA, RIEPILOGHI) — leggibili sulla sidebar dark */
.app-sidebar .menu .menu-item .menu-content .menu-section {
    color: rgba(255, 255, 255, 0.45) !important;
}

/* Bottone toggle (collapse) della sidebar */
.app-sidebar-toggle {
    background-color: #2A2A3C !important;
    border-color: #2A2A3C !important;
    color: #FFFFFF !important;
}
.app-sidebar-toggle i {
    color: #FFFFFF !important;
}
.app-sidebar-toggle:hover {
    background-color: #EF305E !important;
}
.app-sidebar-toggle:hover i {
    color: #FFFFFF !important;
}

/* =====================================================================
   FORM CONTROLS — focus rosa
   ===================================================================== */
.form-control:focus,
.form-select:focus {
    border-color: #EF305E !important;
    box-shadow: 0 0 0 0.2rem rgba(239, 48, 94, 0.15) !important;
}

/* Checkbox/radio checked */
.form-check-input:checked {
    background-color: #EF305E !important;
    border-color: #EF305E !important;
}

/* =====================================================================
   PAGINATION
   ===================================================================== */
.pagination .page-item.active .page-link {
    background-color: #EF305E !important;
    border-color: #EF305E !important;
    color: #FFFFFF !important;
}
.pagination .page-link {
    color: #EF305E;
}
.pagination .page-link:hover {
    color: #D62650;
    background-color: #FDE7EE;
}

/* =====================================================================
   TABLE — header & active row
   ===================================================================== */
.table-hover tbody tr:hover {
    background-color: #FDF3F6 !important;
}

/* =====================================================================
   SYMBOL/AVATAR (lettera iniziale utente nell'header)
   ===================================================================== */
.symbol-label.bg-light-primary {
    background-color: #FDE7EE !important;
}
.symbol-label.bg-light-primary.text-primary {
    color: #EF305E !important;
}

/* =====================================================================
   SPINNER (durante caricamento)
   ===================================================================== */
.spinner-border.text-primary {
    color: #EF305E !important;
}

/* =====================================================================
   PROGRESS BAR
   ===================================================================== */
.progress-bar.bg-primary {
    background-color: #EF305E !important;
}

/* =====================================================================
   CARD HEADER — accenti
   ===================================================================== */
.card-header .card-title {
    color: #1B1B29;
}

/* =====================================================================
   MENU DROPDOWN (header utente)
   ===================================================================== */
.menu.menu-state-bg .menu-item.show > .menu-link,
.menu.menu-state-bg .menu-item .menu-link.active {
    background-color: rgba(239, 48, 94, 0.1) !important;
    color: #EF305E !important;
}

/* =====================================================================
   LOGIN PAGE
   ===================================================================== */
body.app-blank .btn-primary {
    background-color: #EF305E !important;
    border-color: #EF305E !important;
}
body.app-blank a {
    color: #EF305E;
}