/* =========================================================
   Troop 29 — site colors
   Forest green #1B4D2E  |  Khaki gold #C5A35A  |  Cream #F4EFE4
   BSA red #CE1126 used only if you want a third accent later
   ========================================================= */

/* Global color tokens used by Cassiopeia / child styles */
:root {
  --hue: 145;                              /* green hue for template color math */
  --cassiopeia-color-primary: #1B4D2E;     /* primary brand (forest green) */
  --cassiopeia-color-link: #1B4D2E;        /* default link color */
  --cassiopeia-color-hover: #C5A35A;       /* hover / accent (khaki gold) */
  --template-special-color: #1B4D2E;      /* extra brand hook some templates use */
  --template-bg-light: #F4EFE4;           /* page background (cream) */
  --template-text-dark: #1A1A1A;          /* body text */
  --template-text-light: #ffffff;         /* text on green/dark bars */
  --link-color: #1B4D2E;                  /* fallback link color */
}

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

/* Top header bar */
.container-header {
  background-color: #1B4D2E;   /* forest green bar */
  background-image: none;      /* kill default Cassiopeia header gradient */
  border-bottom: 4px solid #C5A35A;  /* khaki stripe under header */
}

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

/* Cassiopeia menu: selected + hover = khaki 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: #C5A35A;
}

/* =========================================================
   CHANGED: selected main-menu item (MetisMenu)
   Markup: <li class="metismenu-item ... current active"><a>…</a></li>
   Selected item gets khaki background + dark green text so it reads
   as “you are here” on the green header.
   ========================================================= */
.container-header .metismenu-item.current > a,
.container-header .metismenu-item.active > a {
  background-color: #C5A35A;
  color: #1B4D2E;
  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: #b39148;  /* slightly darker khaki on hover */
  color: #1B4D2E;
}

/* Body links on hover */
a:hover {
  color: #C5A35A;
}

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

.btn-primary:hover,
.button-primary:hover {
  background-color: #C5A35A;
  border-color: #C5A35A;
  color: #1B4D2E;
}

/* Footer bar */
.container-footer {
  background-color: #102E1C;           /* darker green than header */
  color: #ffffff;
  border-top: 4px solid #C5A35A;
}

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

.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;
}