/*
 * Tema ProntoRifiuti
 * Palette derivata dai colori reali del logo:
 *   verde  #3C7D22 / #6FA82C  (parola "pronto", anello dell'icona)
 *   arancio #FF8000           (parola "rifiuti")
 *   oro    #FFC300            (fiamma dell'icona)
 *
 * Caricato DOPO adminlte.min.css: non modifica mai il file vendorizzato,
 * si limita a ridefinire le CSS custom properties che Bootstrap 5 / AdminLTE
 * espongono per ogni componente.
 */

:root {
    --pr-green: #3C7D22;
    --pr-green-dark: #2B5C18;
    --pr-green-light: #6FA82C;
    --pr-orange: #FF8000;
    --pr-orange-dark: #DB6F00;
    --pr-gold: #FFC300;
}

/* ------------------------------------------------------------------ */
/* Colore "primary" del sito = arancio (è il colore delle azioni/CTA) */
/* ------------------------------------------------------------------ */

:root,
[data-bs-theme=light] {
    --bs-primary: var(--pr-orange);
    --bs-primary-rgb: 255, 128, 0;
    --bs-link-color: var(--pr-orange-dark);
    --bs-link-color-rgb: 219, 111, 0;
    --bs-link-hover-color: var(--pr-orange);
    --bs-link-hover-color-rgb: 255, 128, 0;
}

.btn-primary {
    --bs-btn-bg: var(--pr-orange);
    --bs-btn-border-color: var(--pr-orange);
    --bs-btn-hover-bg: var(--pr-orange-dark);
    --bs-btn-hover-border-color: var(--pr-orange-dark);
    --bs-btn-active-bg: var(--pr-orange-dark);
    --bs-btn-active-border-color: var(--pr-orange-dark);
    --bs-btn-focus-shadow-rgb: 255, 128, 0;
}

.btn-outline-primary {
    --bs-btn-color: var(--pr-orange);
    --bs-btn-border-color: var(--pr-orange);
    --bs-btn-hover-bg: var(--pr-orange);
    --bs-btn-hover-border-color: var(--pr-orange);
    --bs-btn-active-bg: var(--pr-orange);
    --bs-btn-active-border-color: var(--pr-orange);
}

/* ------------------------------------------------------------------ */
/* Colore "success" del sito = verde brand (coerente col logo)        */
/* ------------------------------------------------------------------ */

.btn-success {
    --bs-btn-bg: var(--pr-green);
    --bs-btn-border-color: var(--pr-green);
    --bs-btn-hover-bg: var(--pr-green-dark);
    --bs-btn-hover-border-color: var(--pr-green-dark);
    --bs-btn-active-bg: var(--pr-green-dark);
    --bs-btn-active-border-color: var(--pr-green-dark);
}

.btn-outline-success {
    --bs-btn-color: var(--pr-green);
    --bs-btn-border-color: var(--pr-green);
    --bs-btn-hover-bg: var(--pr-green);
    --bs-btn-hover-border-color: var(--pr-green);
}

.bg-success,
.badge.bg-success {
    background-color: var(--pr-green) !important;
}

.text-success {
    color: var(--pr-green) !important;
}

/* ------------------------------------------------------------------ */
/* Sidebar: gradiente verde brand, accento arancio sulla voce attiva  */
/* ------------------------------------------------------------------ */

.app-sidebar {
    background: linear-gradient(180deg, var(--pr-green-dark) 0%, var(--pr-green) 100%);
}

.app-sidebar .sidebar-brand {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}

.app-sidebar .brand-link {
    border-bottom: none;
}

.app-sidebar .brand-text {
    color: #fff;
    font-weight: 600;
}

.app-sidebar .sidebar-menu > .nav-item > .nav-link.active:not(:hover) {
    border-left: 3px solid var(--pr-orange);
    background-color: rgba(255, 255, 255, .12);
    padding-left: calc(.75rem - 3px);
}

.app-sidebar .sidebar-menu .nav-link {
    color: #eef5e9;
}

.app-sidebar .sidebar-menu .nav-icon {
    color: var(--pr-gold);
}

/* ------------------------------------------------------------------ */
/* Navbar in alto: bordo inferiore arancio come firma del brand       */
/* ------------------------------------------------------------------ */

.app-header {
    border-bottom: 3px solid var(--pr-orange);
}

/* ------------------------------------------------------------------ */
/* Pagine ospiti (login, cambio password): sfondo brand               */
/* ------------------------------------------------------------------ */

body.login-page {
    background: linear-gradient(160deg, var(--pr-green-dark) 0%, var(--pr-green) 100%);
}

body.login-page .login-box-msg {
    color: var(--bs-secondary-color);
}

body.login-page .card {
    border: none;
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .2);
}

/* ------------------------------------------------------------------ */
/* Rifiniture varie                                                    */
/* ------------------------------------------------------------------ */

.sidebar-brand .brand-image {
    max-height: 42px;
    width: auto;
    padding: 4px 0;
}

.app-content-header h3 {
    font-weight: 600;
}