/*
 * Precision Web brand colours for the WHMCS twenty-one client area (loaded after theme.css by includes/head.tpl).
 * Matches www.precisionwebhosting.com (Divi): header #0054ff, top bar #3D7EFF, active menu #fe8e0a, footer #222.
 * 2026-10-26 (Ken asked). Not shipped by WHMCS, so updates leave it in place.
 */
:root {
  --pw-blue: #0054ff;
  --pw-blue-dark: #0043cc;
  --pw-blue-light: #3d7eff;
  --pw-orange: #fe8e0a;
  --pw-footer: #222222;
}

/* ---- Header: logo row + main menu on one solid blue band, like www ---- */
header.header,
header.header .navbar.navbar-light,
header.header .main-navbar-wrapper { background-color: var(--pw-blue); }
header.header .main-navbar-wrapper { border-top: 1px solid rgba(255, 255, 255, .15); }
header.header .topbar { background-color: var(--pw-blue-light); color: rgba(255, 255, 255, .9); }
header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text,
header.header .topbar a { color: rgba(255, 255, 255, .9); }

/* top-level menu links white, orange on hover/open/active (www: menu_link_active #fe8e0a) */
header.header .main-navbar-wrapper .navbar-nav > li > a,
header.header .main-navbar-wrapper .navbar-nav > li > .nav-link { color: #fff; font-weight: 600; }
header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
header.header .main-navbar-wrapper .navbar-nav > li > a:focus,
header.header .main-navbar-wrapper .navbar-nav > li.show > a,
header.header .main-navbar-wrapper .navbar-nav > li.active > a { color: var(--pw-orange); }
/* dropdowns stay white with dark text */
header.header .dropdown-menu a,
header.header .dropdown-menu .dropdown-item { color: #1b2a41; }
header.header .dropdown-item:hover,
header.header .dropdown-item:focus { color: var(--pw-blue); background-color: #eef3ff; }
header.header .dropdown-item.active,
header.header .dropdown-item:active { color: #fff; background-color: var(--pw-blue); }

/* cart + mobile menu buttons on the blue band */
header.header .toolbar .nav-link { color: #fff; border-color: rgba(255, 255, 255, .55); }
header.header .toolbar .nav-link:hover { color: var(--pw-orange); border-color: #fff; }
header.header .toolbar .badge,
header.header .cart-btn .badge { background-color: var(--pw-orange); color: #1b2a41; }
header.header .search { background-color: #fff; border-radius: .25rem; }

/* ---- Buttons and links ---- */
a { color: var(--pw-blue); }
a:hover { color: var(--pw-blue-dark); }
/* green .btn-success keeps its meaning in the client area; only the store/cart and home domain search go blue like www */
.btn-primary,
.home-domain-search .btn-success,
body #order-standard_cart .btn-success {
  color: #fff;
  background-color: var(--pw-blue);
  border-color: var(--pw-blue);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active,
.home-domain-search .btn-success:hover, .home-domain-search .btn-success:focus,
.home-domain-search .btn-success:not(:disabled):not(.disabled):active,
body #order-standard_cart .btn-success:hover, body #order-standard_cart .btn-success:focus,
body #order-standard_cart .btn-success:not(:disabled):not(.disabled):active {
  color: #fff;
  background-color: var(--pw-blue-dark);
  border-color: var(--pw-blue-dark);
}
.btn-outline-primary { color: var(--pw-blue); border-color: var(--pw-blue); }
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled):active { color: #fff; background-color: var(--pw-blue); border-color: var(--pw-blue); }
.btn-primary.disabled, .btn-primary:disabled,
body #order-standard_cart .btn-success.disabled, body #order-standard_cart .btn-success:disabled { color: #fff; background-color: var(--pw-blue); border-color: var(--pw-blue); }
.text-primary { color: var(--pw-blue) !important; }
.bg-primary { background-color: var(--pw-blue) !important; }

/* ---- Sidebar / list highlights ---- */
.list-group-item.active,
.sidebar .list-group-item.active,
.sidebar .list-group-item.active:hover,
.sidebar .list-group-item.active:focus { background-color: var(--pw-blue); border-color: var(--pw-blue); }
.page-item.active .page-link { background-color: var(--pw-blue); border-color: var(--pw-blue); }
.page-link { color: var(--pw-blue); }

/* ---- Breadcrumb strip: light blue tint instead of grey ---- */
.master-breadcrumb { background-color: #eef3ff; }
.master-breadcrumb .breadcrumb { background-color: transparent; }

/* ---- Footer: dark like www, with the www blue bottom band ---- */
footer.footer { background-color: var(--pw-footer); border-bottom: 48px solid var(--pw-blue); padding-bottom: 40px; }
footer.footer a,
footer.footer .nav-link { color: #fff; }
footer.footer .nav-link:hover { color: var(--pw-orange); }

/* ---- Order form (orderforms/standard_cart uses #058 teal and #666 grey; its CSS loads after this file, hence "body") ---- */
body #order-standard_cart .view-cart-items-header,
body #order-standard_cart .empty-cart .btn { background-color: var(--pw-blue); }
body #order-standard_cart .view-cart-items { border-bottom-color: var(--pw-blue); }
body #order-standard_cart .order-summary { background-color: var(--pw-blue); border-bottom-color: var(--pw-blue); }
body #order-standard_cart .sub-heading span,
body #order-standard_cart .sub-heading-borderless span { color: var(--pw-blue); }