/* === brand color (header/banner) === */
:root {
  --cassiopeia-color-primary: #00AEEF;
  --cassiopeia-color-primary-darker: #00AEEF;
  --cassiopeia-color-primary-rgb: 0,175,239;
  --cassiopeia-color-primary-darker-rgb: 0,175,239;
}

.container-header,
.container-header .navbar,
.container-banner,
.container-banner::before {
  background: #00AEEF !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* === right sidebar categories, larger === */
aside[role="complementary"] .mod-list a,
#aside .mod-list a,
.container-sidebar .mod-list a,
.sidebar .mod-list a,
.moduletable .mod-list a,
.card-body .mod-list a,
.category-module a {
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  font-weight: 600;
}
aside[role="complementary"] .mod-list li,
#aside .mod-list li,
.container-sidebar .mod-list li,
.category-module li { margin-bottom: 0.25rem; }
aside[role="complementary"] .mod-list a:hover,
#aside .mod-list a:hover,
.container-sidebar .mod-list a:hover,
.sidebar .mod-list a:hover,
.moduletable .mod-list a:hover,
.card-body .mod-list a:hover,
.category-module a:hover { text-decoration: underline; }

/* === breadcrumb divider/arrow (sota el títol) === */
.mod-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
  color: #ffffff !important;
  font-size: 1.2rem !important;
  font-weight: 700;
  margin: 0 .5rem;
  content: ">" !important;
}
.mod-breadcrumbs .breadcrumb-item,
.mod-breadcrumbs .breadcrumb-item a { font-size: 1.05rem; }

/* === TOP MENU (posició: menu, sota el logo) — MÉS GRAN + NEGRE === */
/* Cobrim totes les variants habituals de sortida del mòdul de menú */
.container-banner .mod-menu a,
.container-banner .mod-menu .nav-link,
.position-menu .mod-menu a,
.position-menu .mod-menu .nav-link,
.mod-menu .nav > li > a,
.mod-menu a,
.mod-menu .nav-link {
  color: #000000 !important;          /* negre */
  font-size: 1.25rem !important;       /* mida més gran (prova 1.25rem si vols) */
  font-weight: 700 !important;        /* més contundent */
  text-transform: none;
  line-height: 1.4;
}

.container-banner .mod-menu a:hover,
.container-banner .mod-menu .nav-link:hover,
.position-menu .mod-menu a:hover,
.position-menu .mod-menu .nav-link:hover,
.mod-menu a:hover,
.mod-menu .nav-link:hover {
  color: #222222 !important;          /* lleuger fosqueig al hover */
  text-decoration: underline;
}

/* opcional: separació entre elements del menú horitzontal */
.container-banner .mod-menu li,
.mod-menu .nav > li { margin-right: .75rem; }

/* opcional: marca l'element actiu */
.mod-menu .current > a,
.mod-menu .active > a,
.mod-menu a.active {
  color: #111111 !important;
  text-decoration: underline;
}