/* TE1Europe - personalizzazioni di Cassiopeia (colori Erasmus+ / UE) */
:root {
  --cassiopeia-color-primary: #003399;
  --cassiopeia-color-link: #0b4fb3;
  --cassiopeia-color-hover: #002266;
  --te1-giallo-ue: #ffcc00;
}

/* Intestazione: blu UE con filo giallo in basso */
.container-header {
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, #003399 0%, #0b4fb3 100%);
  border-bottom: 4px solid var(--te1-giallo-ue);
}

.container-header .navbar-brand .brand-logo {
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
}

.container-header .site-description {
  color: #ffffffd9;
}

/* Voce di menu attiva sottolineata in giallo */
.container-header .metismenu > li.active > a,
.container-header .metismenu > li.active > button {
  box-shadow: inset 0 -3px 0 var(--te1-giallo-ue);
}

/* Titoli dei riquadri laterali */
.container-sidebar-right .card-header {
  background-color: var(--cassiopeia-color-primary);
  color: #fff;
}

/* Blocchi eTwinning / Erasmus+ / Buone pratiche: stessa altezza, immagini adattive */
.container-top-b .card {
  height: 100%;
}
.container-top-b img {
  max-width: 100%;
  height: auto;
}

/* Piè di pagina */
.container-footer {
  background-color: #001a4d;
  background-image: none;
  border-top: 4px solid var(--te1-giallo-ue);
}
.container-footer a {
  color: var(--te1-giallo-ue);
}