/* weGAS brand layer for the AMS user manual (Learn2 child theme).
   Brand guide V2/V3: black and white first, blue #54C4C8 for system/data accents,
   green #7BFF5F sparingly, pink #EE3EC9 only for the primary CTA (the login button).
   Roboto Condensed headlines, Roboto Mono body and labels, rounded corners, no emojis. */

:root {
  --wegas-black: #000000;
  --wegas-white: #ffffff;
  --wegas-blue: #54C4C8;
  --wegas-green: #7BFF5F;
  --wegas-pink: #EE3EC9;
  --wegas-ink: #111111;
  --wegas-line: #e6e6e6;
  --wegas-soft: #f4f4f4;
  --wegas-head: "Roboto Condensed", Calibri, Arial, sans-serif;
  --wegas-mono: "Roboto Mono", Calibri, "Courier New", monospace;
}

body {
  font-family: var(--wegas-mono);
  font-size: 15px;
  color: var(--wegas-ink);
  background: var(--wegas-white);
}

h1, h2, h3, h4, h5, h6,
#body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
  font-family: var(--wegas-head);
  font-weight: 700;
  color: var(--wegas-black);
  letter-spacing: -0.01em;
}

/* Left-align everything (brand rule); Learn2 centres page titles. */
#body-inner h1 {
  text-align: left;
  font-size: 2.8rem;
}

#body-inner h2 { font-size: 2rem; }
#body-inner h3 { font-size: 1.5rem; }

/* Links: black with a blue underline, blue on hover. */
#body a, #body a:visited {
  color: var(--wegas-black);
  text-decoration: underline;
  text-decoration-color: var(--wegas-blue);
  text-underline-offset: 3px;
}

#body a:hover { color: var(--wegas-blue); }

#body a.highlight:after { display: none; }

/* Sidebar */
#sidebar {
  background: var(--wegas-black);
}

#sidebar #header-wrapper {
  background: var(--wegas-black);
  border-bottom: 1px solid #222;
  color: var(--wegas-white);
  text-align: left;
  padding: 1.4rem 1rem 1rem;
}

#sidebar #header-wrapper #header {
  background: transparent;
  text-align: left;
  padding: 0;
}

#sidebar #header-wrapper a#logo {
  display: block;
  text-align: left;
}

.wegas-logo {
  display: block;
  width: 140px;
  height: auto;
}

.wegas-docs-label {
  display: block;
  margin: 0.2rem 0 1rem;
  color: var(--wegas-blue);
  font-family: var(--wegas-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#sidebar .searchbox {
  border: 1px solid #333;
  background: #111;
  border-radius: 999px;
}

#sidebar .searchbox input,
#sidebar .searchbox label,
#sidebar .searchbox > i { color: rgba(255, 255, 255, 0.7); }

#sidebar ul.topics > li > a,
#sidebar a,
#sidebar ul li a {
  color: rgba(255, 255, 255, 0.75);
  font-family: var(--wegas-mono);
  font-size: 14px;
}

#sidebar ul.topics > li > a b { color: rgba(255, 255, 255, 0.35); font-weight: 400; }

#sidebar ul li.active > a,
#sidebar ul li a:hover,
#sidebar a:hover { color: var(--wegas-white); }

#sidebar ul.topics li.active > a {
  background: #111;
  box-shadow: inset 3px 0 0 var(--wegas-blue);
  border-radius: 0;
}

#sidebar ul.topics > li.parent,
#sidebar ul.topics > li.active { background: #0b0b0b; }

#sidebar .read-icon { color: var(--wegas-blue); }

#sidebar hr { border-bottom-color: #222; }

#sidebar #footer,
#sidebar #footer p { color: rgba(255, 255, 255, 0.45); }

#sidebar #footer a {
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.08em;
}

#sidebar #footer a:hover { color: var(--wegas-blue); }

/* Page chrome */
#top-bar { background: var(--wegas-soft); border-radius: 12px; }

#navigation .nav i { color: var(--wegas-black); }
#navigation .nav:hover i { color: var(--wegas-blue); }

/* Content blocks */
#body img, #body .video-container {
  border-radius: 12px;
}

#body code, #body kbd {
  font-family: var(--wegas-mono);
  background: var(--wegas-soft);
  color: var(--wegas-black);
  border-radius: 6px;
  padding: 1px 5px;
}

#body pre {
  background: var(--wegas-black);
  border-radius: 12px;
}

#body pre code { background: transparent; color: var(--wegas-white); }

#body table {
  border-radius: 12px;
  overflow: hidden;
}

#body table th {
  background: var(--wegas-black);
  color: var(--wegas-white);
  font-family: var(--wegas-mono);
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

/* Markdown notices: info = blue, note/tip = black/white, warning keeps a strong border. */
.notices { border-radius: 12px; overflow: hidden; }
.notices.info { border-top-color: var(--wegas-blue); background: #eefafa; }
.notices.info p:first-child:after { background: var(--wegas-blue); }
.notices.note, .notices.tip { border-top-color: var(--wegas-black); background: var(--wegas-soft); }
.notices.note p:first-child:after, .notices.tip p:first-child:after { background: var(--wegas-black); }

/* Search results highlight */
.searchbox + .autocomplete-suggestions .autocomplete-selected,
mark { background: var(--wegas-green); color: var(--wegas-black); }

/* Login page: one pink pill CTA (the only CTA on the site). */
body #grav-login {
  border: 1px solid var(--wegas-line);
  border-radius: 16px;
  background: var(--wegas-white);
  text-align: left;
}

body #grav-login .form-label,
body #grav-login label { text-align: left; }

#grav-login h1 {
  text-align: left;
  border-bottom: none;
  font-size: 2.4rem;
}

#grav-login label { font-family: var(--wegas-mono); text-transform: uppercase; font-size: 12px; letter-spacing: 0.06em; }

#grav-login input[type="text"],
#grav-login input[type="password"],
#grav-login input[type="email"] {
  border: 1px solid #cfcfcf;
  border-radius: 10px;
  font-family: var(--wegas-mono);
}

#grav-login .button-bar .button,
#grav-login button.button {
  border-radius: 999px;
  font-family: var(--wegas-mono);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
  border: 0;
  box-shadow: none;
}

#grav-login button.button.primary,
#grav-login .button-bar button[type="submit"]:last-child {
  background: var(--wegas-pink);
  color: var(--wegas-white);
}

#grav-login .button.secondary,
#grav-login .button-bar a.button {
  background: transparent;
  color: var(--wegas-black);
  text-decoration: underline;
  text-decoration-color: var(--wegas-blue);
}

/* Cookie banner (simple-cookie / cookieconsent) */
.cc-window {
  background: var(--wegas-black) !important;
  color: var(--wegas-white) !important;
  font-family: var(--wegas-mono) !important;
  font-size: 13px !important;
  border-radius: 16px;
}

.cc-window .cc-link { color: var(--wegas-blue) !important; opacity: 1; }

.cc-window .cc-btn {
  background: var(--wegas-white) !important;
  color: var(--wegas-black) !important;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px;
}

/* Arrows and buttons are not text links: no underline. */
#body a.nav, #navigation a.nav,
#grav-login a.button, #grav-login .button {
  text-decoration: none;
  border-bottom: 0;
}

#sidebar ul.topics li.active > a,
#sidebar ul.topics li.active > a span { color: var(--wegas-white); }