/* ============================================================
   EQQ Docs — style to match eqq.ewarenow.com home site
   Home site brand colors:  header/footer bg #061429
                             dark navy       #071e42
                             red accent      #d9534f
   ============================================================ */

/* ------ CSS custom properties ------ */
:root {
  --md-primary-fg-color:              #ffffff;
  --md-primary-fg-color--light:       rgba(255,255,255,0.7);
  --md-primary-fg-color--dark:        rgba(255,255,255,0.9);
  --md-primary-bg-color:              #061429;
  --md-primary-bg-color--light:       #071e42;
  --md-accent-fg-color:               #d9534f;
  --md-accent-fg-color--transparent:  rgba(217,83,79,0.1);
  --md-accent-bg-color:               #ffffff;
  /* Override so active nav links and body links don't inherit white */
  --md-typeset-a-color:               #071e42;
}

/* ------ Header ------ */
.md-header {
  background-color: #061429;
  color: #fff;
  border-bottom: 1px solid #0a2a4e;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.md-header__button,
.md-header__title,
.md-header-nav__button { color: #fff; }

.md-search__input {
  background-color: rgba(255,255,255,0.1);
  color: #fff;
}
.md-search__input::placeholder                   { color: rgba(255,255,255,0.5) !important; }
.md-search__input + .md-search__icon             { color: #fff !important; }
.md-search__input ~ .md-search__icon             { color: #fff !important; }
.md-search__icon                                 { color: #fff !important; }

/* When search is expanded the input bg turns white — switch icon to dark */
[data-md-toggle=search]:checked ~ .md-header .md-search__input + .md-search__icon { color: #061429 !important; }
[data-md-toggle=search]:checked ~ .md-header .md-search__input ~ .md-search__icon { color: #061429 !important; }
[data-md-toggle=search]:checked ~ .md-header .md-search__input::placeholder        { color: rgba(0,0,0,0.4) !important; }

/* Tab bar (top nav sections) */
.md-tabs { background-color: #071e42; }
.md-tabs__link { color: rgba(255,255,255,0.7); }
.md-tabs__link--active,
.md-tabs__link:hover { color: #fff; }

/* ------ Left sidebar ------ */
.md-nav--primary .md-nav__title[for=__drawer] {
  background-color: #061429;
  color: #fff;
}

/* Active / hover nav link */
.md-nav__link:hover,
.md-nav__link:focus { color: #061429 !important; }
.md-nav__link--active,
.md-nav__item .md-nav__link--active { color: #061429 !important; font-weight: 700; }

/* ------ Footer ------ */
.md-footer {
  background-color: #061429;
  color: rgba(255,255,255,0.7);
  border-top: 1px solid #0a2a4e;
}
.md-footer-meta { background-color: #061429; }
.md-footer__link { color: rgba(255,255,255,0.7); }
.md-footer__link:hover { color: #fff; }
.md-footer__title { color: #fff; }
.md-footer__direction { color: rgba(255,255,255,0.5); font-size: .65rem; }

/* ------ Content accents ------ */
/* Links */
.md-content a { color: #071e42; }
.md-content a:hover { color: #d9534f; }

/* Code highlight accent */
.md-typeset .highlight .hll { background-color: rgba(217,83,79,0.1); }

/* Admonition colours for tip/info use accent */
.md-typeset .admonition.tip,
.md-typeset details.tip { border-color: #d9534f; }
.md-typeset .tip > .admonition-title,
.md-typeset .tip > summary { background-color: rgba(217,83,79,0.1); }
.md-typeset .tip > .admonition-title::before,
.md-typeset .tip > summary::before { color: #d9534f; }

/* ------ Back-to-top button ------ */
.md-top { background-color: #d9534f; color: #fff; }
.md-top:hover { background-color: #c0392b; }

/* ------ Dark mode overrides ------ */
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #7eb3e8;
}

[data-md-color-scheme="slate"] .md-nav__link:hover,
[data-md-color-scheme="slate"] .md-nav__link:focus             { color: #a8cfef !important; }
[data-md-color-scheme="slate"] .md-nav__link--active,
[data-md-color-scheme="slate"] .md-nav__item .md-nav__link--active { color: #a8cfef !important; font-weight: 700; }

[data-md-color-scheme="slate"] .md-content a       { color: #7eb3e8; }
[data-md-color-scheme="slate"] .md-content a:hover { color: #d9534f; }

/* Search icon stays dark when expanded in dark mode too */
[data-md-color-scheme="slate"] [data-md-toggle=search]:checked ~ .md-header .md-search__input + .md-search__icon { color: #061429 !important; }
[data-md-color-scheme="slate"] [data-md-toggle=search]:checked ~ .md-header .md-search__input ~ .md-search__icon { color: #061429 !important; }