/* Global overrides for the entire site */
:root {
  --cassiopeia-color-primary: #def7ff;  
  --cassiopeia-color-hover:  #ffffff; 
  --cassiopeia-color-link:   #0299c7;
  --cassiopeia-color-link-hover: #003a4b;

}


body {
  line-height: 1.2; /* tighter spacing like Joomla 3 */
}


.brand-logo img {
    color: #000fff; /* affects fallback text if image fails */
}



/* Pill layout */
body.site .container-header .mod-menu a {
  display: inline-block;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  line-height: 1.2;
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;
  text-decoration: none;
}

/* Default (non-hover) text color — ensure it wins against template defaults */
body.site .container-header .mod-menu a,
body.site .container-header .mod-menu a:link,
body.site .container-header .mod-menu a:visited {
  color: #000fff !important; /* your desired default link color */
}

/* Hover & focus pill */
body.site .container-header .mod-menu a:hover,
body.site .container-header .mod-menu a:focus {
  color: #000000 !important;                 /* text on hover */
  background-color: #ffd966 !important;      /* pill background */
  box-shadow: 0 0 0 0.15rem rgba(255, 217, 102, 0.35);
}

/* Active/current item (your menu uses aria-current="page") */
body.site .container-header .mod-menu a.active,
body.site .container-header .mod-menu a[aria-current="page"] {
  color: #ffffff !important;
  background-color: #0a4a8e !important;      /* brand */
  box-shadow: 0 0 0 0.15rem rgba(10, 74, 142, 0.35);
}




/* Layout & base styles for footer links */
body.site .container-footer .mod-custom a {
  display: inline-block;                 /* allow padding/background around text */
  padding: 0.35rem 0.75rem;              /* pill size */
  border-radius: 999px;                  /* fully rounded */
  line-height: 1.2;
  text-decoration: none;                 /* cleaner look */
  transition: background-color 160ms ease, color 160ms ease, box-shadow 160ms ease;

  /* Default colors in footer */
  color: #000fff;                        /* footer link text default */
  background-color: transparent;         /* no pill background by default */
}

/* Optional: spacing between items (instead of  ) */
body.site .container-footer .mod-custom a + a {
  margin-left: 0.35rem;                  /* small gap between pills */
}

/* Hover/focus: show rounded pill background larger than text */
body.site .container-footer .mod-custom a:hover,
body.site .container-footer .mod-custom a:focus {
  color: #000000 !important;             /* text on hover/focus */
  background-color: #ffd966 !important;  /* pill background on hover/focus */
  box-shadow: 0 0 0 0.15rem rgba(255, 217, 102, 0.35); /* subtle focus ring */
}

/* Focus-visible for keyboard users */
body.site .container-footer .mod-custom a:focus-visible {
  outline: 2px solid rgba(255, 217, 102, 0.9);
  outline-offset: 2px;
}

/* Active/current (if any footer link has aria-current or .active) */
body.site .container-footer .mod-custom a.active,
body.site .container-footer .mod-custom a[aria-current="page"] {
  color: #ffffff !important;
  background-color: #0a4a8e !important;  /* brand color */
  box-shadow: 0 0 0 0.15rem rgba(10, 74, 142, 0.35);
}

/* Optional: footer container background & text colors */
body.site .container-footer.footer {
  background-color: #222222;             /* footer background */
  color: #dddddd;                         /* base text in footer */
}

/* Ensure footer links inherit readable defaults even outside .mod-custom (if needed) */
body.site .container-footer a {
  color: #ffffff;
}
body.site .container-footer a:hover,
body.site .container-footer a:focus {
  color: #000000;
}