/* =========================================================
   Lions Club of Rocklin — site colors
   Purple #4B1E8A  |  Gold #D4A017  |  Lilac #F3EEF8
   Link hover (body): #32145E
   ========================================================= */

/* Global color tokens used by Cassiopeia / child styles */
:root {
  --hue: 268;                              /* purple hue for template color math */
  --cassiopeia-color-primary: #4B1E8A;     /* primary brand (Lions purple) */
  --cassiopeia-color-link: #4B1E8A;        /* default link color */
  --cassiopeia-color-hover: #D4A017;       /* hover / accent (gold) */
  --template-special-color: #4B1E8A;      /* extra brand hook some templates use */
  --template-bg-light: #F3EEF8;           /* page background */
  --template-text-dark: #1A1A1A;          /* body text */
  --template-text-light: #ffffff;         /* text on purple/dark bars */
  --link-color: #4B1E8A;                  /* fallback link color */
  --link-color-rgb: 75, 30, 138;
  --link-hover-color: #32145E;            /* darker purple for in-page link hover */
  --link-hover-color-rgb: 50, 20, 94;
}

/* Page body behind content */
body {
  background-color: #F3EEF8;
}

/* Top header bar */
.container-header {
  background-color: #4B1E8A;   /* purple bar */
  background-image: none;      /* kill default Cassiopeia header gradient */
  border-bottom: 4px solid #D4A017;  /* gold stripe under header */
}

/* Header links and Cassiopeia-style menu links: white on purple */
.container-header a,
.container-header .mod-menu .nav-link {
  color: #ffffff;
}

/* Cassiopeia menu: selected + hover = gold text only
   (kept for any .nav-link menus; MetisMenu block below is the real top menu) */
.container-header .mod-menu .nav-link.active,
.container-header .mod-menu .nav-link:hover {
  color: #D4A017;
}

/* =========================================================
   CHANGED: selected main-menu item (MetisMenu)
   Markup: <li class="metismenu-item ... current active"><a>…</a></li>
   Selected item gets gold background + purple text so it reads
   as “you are here” on the purple header.
   ========================================================= */
.container-header .metismenu-item.current > a,
.container-header .metismenu-item.active > a {
  background-color: #D4A017;
  color: #4B1E8A;
  padding: 0.4rem 0.85rem;
  border-radius: 0.25rem;
  display: inline-block;
}

.container-header .metismenu-item.current > a:hover,
.container-header .metismenu-item.current > a:focus,
.container-header .metismenu-item.active > a:hover,
.container-header .metismenu-item.active > a:focus {
  background-color: #be8e14;  /* slightly darker gold on hover */
  color: #4B1E8A;
}

/* Body links on hover (darker purple, per your token — not gold) */
a:hover {
  color: #32145E;
}

/* Primary buttons */
.btn-primary,
.button-primary {
  background-color: #4B1E8A;
  border-color: #4B1E8A;
  color: #ffffff;
}

.btn-primary:hover,
.button-primary:hover {
  background-color: #D4A017;
  border-color: #D4A017;
  color: #4B1E8A;
}

/* Footer bar */
.container-footer {
  background-color: #32145E;           /* darker purple than header */
  color: #ffffff;
  border-top: 4px solid #D4A017;
}

.container-footer a {
  color: #D4A017;
}

.container-footer a:hover {
  color: #ffffff;
}

/* Hide "Create an account" on the Login module
   Registration stays enabled for the invite URL only */
.mod-login .mod-login__register,
.mod-login a[href*="view=registration"],
.mod-login a[href*="/du31miac9n"],
.mod-login a[href*="/registration"] {
  display: none !important;
}

/* Example: hide frontend New Article button in specific views */
.category-list .btn.btn-primary, 
.blog .btn.btn-primary {
    display: none !important;
}