/* ===== eHosting411 Brand Palette ===== */
:root {
  --brand-navy: #113366;
  --brand-blue: #0074a7;
  --brand-bg: #f5f7fb;
  --brand-card: #ffffff;
  --brand-text: #222222;
}

/* Global background + text */
body {
  background-color: var(--brand-bg);
  color: var(--brand-text);
}

/* Main navbar (top bar) */
.navbar-main {
  background-color: var(--brand-navy);
  border-bottom: none;
}

/* Logo + menu links */
.navbar-main .navbar-brand,
.navbar-main .navbar-brand img,
.navbar-main .navbar-nav > li > a {
  color: #ffffff;
}

.navbar-main .navbar-nav > li > a:hover,
.navbar-main .navbar-nav > li.active > a,
.navbar-main .navbar-nav > li > a:focus {
  color: #fffbf0;
  text-decoration: underline;
}

/* Login / content cards: keep them white on the navy/grey background */
.card,
.panel,
.panel-default {
  background-color: var(--brand-card);
}

/* Headings / primary bands (e.g., panel headers) */
.panel-default > .panel-heading,
.card-header.bg-primary,
.bg-primary {
  background-color: var(--brand-navy) !important;
  color: #ffffff !important;
}

/* Primary buttons – white with navy border (like “Start Your Free Build”) */
.btn-primary,
.btn-success,
a.btn-primary {
  background-color: #ffffff;
  color: var(--brand-navy);
  border: 2px solid var(--brand-navy);
  font-weight: 600;
}

.btn-primary:hover,
.btn-success:hover,
a.btn-primary:hover {
  background-color: var(--brand-navy);
  color: #ffffff;
}

/* Secondary/outline buttons if used */
.btn-default,
.btn-outline-primary {
  border: 1px solid var(--brand-navy);
  color: var(--brand-navy);
}

.btn-default:hover,
.btn-outline-primary:hover {
  background-color: var(--brand-navy);
  color: #ffffff;
}

/* Footer to match the brand */
#footer,
.footer {
  background-color: #0b2446;
  color: #e0e4f0;
}

#footer a,
.footer a {
  color: #ffffff;
}

#footer a:hover,
.footer a:hover {
  color: #fffbf0;
}

/* ===== Force eHosting411 navy header ===== */

/* Nav bar background */
#header,
#header .navbar,
#header .navbar.navbar-light,
#header .navbar.navbar-default {
  background-color: var(--brand-navy) !important;
  border-bottom: none !important;
}

/* Logo + main nav links */
#header .navbar-brand,
#header .navbar-brand a,
#header .navbar-light .navbar-nav .nav-link {
  color: #ffffff !important;
}

/* Hover / active state */
#header .navbar-light .navbar-nav .nav-link:hover,
#header .navbar-light .navbar-nav .nav-link:focus,
#header .navbar-light .navbar-nav .show > .nav-link,
#header .navbar-light .navbar-nav .active > .nav-link {
  color: #fffbf0 !important;
  text-decoration: underline;
}

/* ===== Make header menu text white ===== */

#header .navbar-nav .nav-link,
#header .navbar-nav .nav-link:link,
#header .navbar-nav .nav-link:visited,
#primaryNavbar .navbar-nav .nav-link {
  color: #ffffff !important;
}

/* Hover / active menu items */
#header .navbar-nav .nav-link:hover,
#header .navbar-nav .nav-link:focus,
#header .navbar-nav .show > .nav-link,
#header .navbar-nav .active > .nav-link,
#primaryNavbar .navbar-nav .nav-link:hover,
#primaryNavbar .navbar-nav .nav-link:focus {
  color: #fffbf0 !important;
  text-decoration: underline;
}

/* ===== FINAL OVERRIDE: header links to white ===== */

/* Primary nav links (desktop) */
.navbar.navbar-light .navbar-nav .nav-link,
.navbar.navbar-light .navbar-nav .nav-link:link,
.navbar.navbar-light .navbar-nav .nav-link:visited {
    color: #ffffff !important;
}

/* Hover / active state */
.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link:focus,
.navbar.navbar-light .navbar-nav .show > .nav-link,
.navbar.navbar-light .navbar-nav .active > .nav-link {
    color: #fffbf0 !important;
    text-decoration: underline;
}

/* ===== Nuclear option: make all header links white ===== */

/* All links in the header bar */
#header a,
#header a:link,
#header a:visited {
    color: #ffffff !important;
}

/* Hover / active */
#header a:hover,
#header a:focus {
    color: #fffbf0 !important;
    text-decoration: underline;
}

/* ===== Fix dropdown menus: dark text on white ===== */

#header .dropdown-menu,
#primaryNavbar .dropdown-menu {
    background-color: #ffffff !important;
}

/* Links inside dropdown menu */
#header .dropdown-menu a,
#header .dropdown-menu .dropdown-item,
#primaryNavbar .dropdown-menu a,
#primaryNavbar .dropdown-menu .dropdown-item {
    color: #222222 !important;
}

/* Hover / active in dropdown */
#header .dropdown-menu a:hover,
#header .dropdown-menu .dropdown-item:hover,
#header .dropdown-menu a:focus,
#header .dropdown-menu .dropdown-item:focus,
#primaryNavbar .dropdown-menu a:hover,
#primaryNavbar .dropdown-menu .dropdown-item:hover {
    background-color: #f5f7fb !important;
    color: #113366 !important;
    text-decoration: none;
}