/*
 * brand.css — Override colore primario: #fab600 (ambra/oro)
 * Applicato su Bootstrap 4 + AdminLTE 3
 */

:root {
    --brand:       #fab600;
    --brand-dark:  #d99b00;
    --brand-darker:#c28b00;
    --brand-text:  #212529;   /* testo scuro su sfondo #fab600 */
    --brand-shadow: rgba(250, 182, 0, 0.4);
}

/* ── Bottoni: regola generale piattaforma ──────────────────────────────────
   Tutti i bottoni "navigazionali" (primary, secondary, info, light, dark,
   outline-* di queste varianti) hanno sfondo bianco, testo nero e bordo
   ambra. Hover/focus/active: sfondo ambra, testo nero, bordo ambra-scuro.
   Motivo: il testo arancione su bianco era poco leggibile. La regola NON
   tocca .btn-danger e .btn-success, che mantengono il loro rosso/verde
   per preservare il segnale semantico di azione distruttiva/conferma.
*/
.btn-primary,
.btn-secondary,
.btn-info,
.btn-light,
.btn-dark,
.btn-outline-primary,
.btn-outline-secondary,
.btn-outline-info,
.btn-outline-light,
.btn-outline-dark {
    color: var(--brand-text) !important;
    background-color: #fff !important;
    border-color: var(--brand) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-light:hover,
.btn-light:focus,
.btn-light.focus,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark.focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary.focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary.focus,
.btn-outline-info:hover,
.btn-outline-info:focus,
.btn-outline-info.focus,
.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-dark:hover,
.btn-outline-dark:focus,
.btn-outline-dark.focus {
    color: var(--brand-text) !important;
    background-color: var(--brand) !important;
    border-color: var(--brand-dark) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-shadow) !important;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle,
.show > .btn-secondary.dropdown-toggle,
.show > .btn-info.dropdown-toggle {
    color: var(--brand-text) !important;
    background-color: var(--brand-darker) !important;
    border-color: var(--brand-darker) !important;
}

/* ── Bootstrap 4 – utilità colore ──────────────────────────────────────── */

.text-primary    { color: var(--brand) !important; }
.bg-primary      { background-color: var(--brand) !important; }
.border-primary  { border-color: var(--brand) !important; }
.badge-primary   { background-color: var(--brand) !important; color: var(--brand-text) !important; }
.alert-primary   { border-color: var(--brand) !important; background-color: #fff8e1 !important; color: #5a4400 !important; }
.list-group-item-primary { background-color: #fff8e1; color: #5a4400; }

/* ── Bootstrap 4 – link ────────────────────────────────────────────────── */

a                { color: var(--brand-dark); }
a:hover          { color: var(--brand-dark-darker); }
a:not([class]):focus { outline-color: var(--brand-dark); }

/* ── Bootstrap 4 – form focus ──────────────────────────────────────────── */

.form-control:focus {
    border-color: var(--brand-dark) !important;
    box-shadow: 0 0 0 0.2rem var(--brand-shadow) !important;
}

/* ── Bootstrap 4 – paginazione ─────────────────────────────────────────── */

.page-link        { color: var(--brand-dark); }
.page-link:hover  { color: var(--brand-darker); }
.page-item.active .page-link {
    background-color: var(--brand) !important;
    border-color:     var(--brand) !important;
    color: var(--brand-text) !important;
}

/* ── Bootstrap 4 – nav (tabs/pills) ────────────────────────────────────── */

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: var(--brand) !important;
    color: var(--brand-text) !important;
}
/* ── Tabs (nav-tabs) — leggibilità su bianco ──────────────────────────
   Inattivi: grigio scuro neutro (non il brand giallo: poco leggibile su bianco).
   Hover:    accento brand più scuro.
   Attivo:   testo nero bold, bordo inferiore evidenziato col brand. */
.nav-tabs .nav-link {
    color: #495057 !important;
    font-weight: 500;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: var(--brand-darker) !important;
    border-color: transparent transparent #e9ecef !important;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #212529 !important;
    font-weight: 700;
    background-color: #fff !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
    border-bottom: 3px solid var(--brand) !important;
}

/* ── Bootstrap 4 – progress bar ────────────────────────────────────────── */

.progress-bar { background-color: var(--brand) !important; color: var(--brand-text) !important; }

/* ── AdminLTE 3 – sidebar dark-primary ─────────────────────────────────── */

/* Item attivo */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link {
    background-color: var(--brand) !important;
    color: var(--brand-text) !important;
}
/* Hover item */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:not(.disabled):hover {
    background-color: rgba(250, 182, 0, 0.15) !important;
}
/* Sub-item attivo */
.sidebar-dark-primary .nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    background-color: rgba(250, 182, 0, 0.25) !important;
    color: var(--brand) !important;
}

/* ── AdminLTE 3 – brand link (header sidebar) ──────────────────────────── */

.main-sidebar .brand-link {
    border-bottom-color: var(--brand) !important;
}
.main-sidebar .brand-link:hover {
    background-color: #fff !important;
}

/* ── AdminLTE 3 – card primaria ────────────────────────────────────────── */

.card-primary:not(.card-outline) > .card-header {
    background-color: var(--brand) !important;
    border-color: var(--brand) !important;
    color: var(--brand-text) !important;
}
.card-primary.card-outline {
    border-top: 3px solid var(--brand) !important;
}

/* ── kartik-v/yii2-grid ────────────────────────────────────────────────── */

.kv-grid-loading { border-color: var(--brand); }
.kv-panel-pager  { color: var(--brand); }

/* ── GridView ActionColumn — icone inline uniformi ────────────────────────
   Pattern unico per la piattaforma: icone Font Awesome senza box bottone,
   colore link (ambra-scuro per le azioni standard, rosso per delete).
   Applica spaziatura, dimensione e hover coerenti. */
td.action-icons,
.action-icons {
    white-space: nowrap;
}
td.action-icons a,
.action-icons a {
    color: var(--brand-dark);
    font-size: 1rem;
    padding: 0 .25rem;
    text-decoration: none;
    display: inline-block;
    transition: color .12s ease, transform .08s ease;
}
td.action-icons a:hover,
.action-icons a:hover {
    color: var(--brand-darker);
    transform: scale(1.1);
    text-decoration: none;
}
td.action-icons a.text-danger,
.action-icons a.text-danger {
    color: #dc3545 !important;
}
td.action-icons a.text-danger:hover,
.action-icons a.text-danger:hover {
    color: #a71d2a !important;
}
td.action-icons a.disabled,
.action-icons a.disabled {
    opacity: .35;
    pointer-events: none;
}