/* ================================================================
   Kerberos Brand — user.css per tema Cassiopeia (Joomla 4/5)
   Palette: kerberos.energy
   ================================================================ */

/* --- Variabili di colore --- */
:root {
  --k-teal:   #007d8a;
  --k-dark:   #00353d;
  --k-yellow: #ffd600;
  --k-ice:    #dfebed;

  /* Override variabili Cassiopeia */
  --hue: 185;
  --cassiopeia-color-primary: var(--k-teal);
  --cassiopeia-color-hover:   var(--k-dark);
  --cassiopeia-color-link:    var(--k-teal);
  --link-color:               var(--k-teal);
  --link-hover-color:         var(--k-dark);
}

/* --- Header --- */
.container-header {
  background: var(--k-teal) !important;
}

.container-nav {
  background: var(--k-dark) !important;
}

.container-header .mod-menu,
.container-header .navbar-toggler {
  color: #ffffff !important;
}

/* Indicatore voce attiva e hover nel menu */
.container-header .metismenu > li.active > a::after,
.container-header .metismenu > li.active > button::before,
.container-header .metismenu > li > a:hover::after,
.container-header .metismenu > li > button:hover::before {
  background: var(--k-yellow) !important;
  opacity: 1 !important;
}

/* --- Card / moduli --- */
.card, .item-page, .login {
  background-color: transparent !important;
  padding: 15px !important;
}

.card, .card-header, .item-page, .item-content, .login, .breadcrumb {
  border-radius: 0.5rem !important;
}

.card-header {
  background-color: var(--k-teal) !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  padding: 10px 15px !important;
}

/* --- Footer --- */
.container-footer {
  background-color: var(--k-dark) !important;
  color: #ffffff !important;
}

.container-footer a {
  color: var(--k-ice) !important;
}

/* --- Pulsanti --- */
.btn-primary {
  background-color: var(--k-teal) !important;
  border-color: var(--k-teal) !important;
  color: #ffffff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--k-dark) !important;
  border-color: var(--k-dark) !important;
  color: #ffffff !important;
}