/* =========================================================
   Troop 219 — site colors
   Royal blue #1245A8  |  Orange #E87722  |  Ice #E8EEF8
   ========================================================= */

/* Global color tokens used by Cassiopeia / child styles */
:root {
  --hue: 220;                              /* blue hue for template color math */
  --cassiopeia-color-primary: #1245A8;     /* primary brand (royal blue) */
  --cassiopeia-color-link: #1245A8;        /* default link color */
  --cassiopeia-color-hover: #E87722;       /* hover / accent (orange) */
  --template-special-color: #1245A8;      /* extra brand hook some templates use */
  --template-bg-light: #E8EEF8;           /* page background */
  --template-text-dark: #1A1A1A;          /* body text */
  --template-text-light: #ffffff;         /* text on blue/dark bars */
  --link-color: #1245A8;                  /* fallback link color */
}

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

/* Top header bar */
.container-header {
  background-color: #1245A8;   /* royal blue bar */
  background-image: none;      /* kill default Cassiopeia header gradient */
  border-bottom: 4px solid #E87722;  /* orange stripe under header */
}

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

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

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

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

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

.btn-primary:hover,
.button-primary:hover {
  background-color: #E87722;
  border-color: #E87722;
  color: #ffffff;
}

/* Footer bar */
.container-footer {
  background-color: #0B2F75;           /* darker royal blue than header */
  color: #ffffff;
  border-top: 4px solid #E87722;
}

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

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