/**
 * Watu Technology — WHMCS client area overrides (child of twenty-one)
 * Brand primary: #323d73
 */

:root {
  --watu-primary: #323d73;
  --watu-primary-dark: #252d57;
  --watu-accent: #e8c22c;
}

.primary-bg-color {
  background-color: #f5f6fa;
}

.header {
  background-color: var(--watu-primary) !important;
  border-bottom: 3px solid var(--watu-accent);
}

.header .navbar-brand,
.header .navbar-nav .nav-link,
.header .topbar {
  color: #fff !important;
}

.header .navbar-nav .nav-link:hover,
.header .navbar-nav .nav-link:focus {
  color: var(--watu-accent) !important;
}

.btn-primary {
  background-color: var(--watu-primary);
  border-color: var(--watu-primary-dark);
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--watu-primary-dark);
  border-color: var(--watu-primary-dark);
}

.btn-info {
  background-color: var(--watu-accent);
  border-color: #c9a820;
  color: #1a1a1a;
}

.card-header,
.panel-heading {
  background-color: var(--watu-primary);
  color: #fff;
}

a {
  color: var(--watu-primary);
}

a:hover {
  color: var(--watu-primary-dark);
}


/* Watu active-template fix: top navbar readability */
header.header .navbar a,
header.header #mainNavbar a,
header.header #mainNavbar .dropdown-toggle,
header.header .main-navbar-wrapper .navbar-nav > li > a,
header.header #nav > li > a,
header.header .toolbar .nav-link,
header.header .toolbar .nav-link i,
header.header .toolbar .nav-link span {
  color: #f3f7ff !important;
  opacity: 1 !important;
}

header.header .navbar a:hover,
header.header .navbar a:focus,
header.header #mainNavbar a:hover,
header.header #mainNavbar a:focus,
header.header #mainNavbar .dropdown-toggle:hover,
header.header #mainNavbar .dropdown-toggle:focus,
header.header .toolbar .nav-link:hover,
header.header .toolbar .nav-link:focus {
  color: #ffffff !important;
}


/* Watu header tune: consistent header text contrast */
header.header {
  color: #f3f7ff !important;
}

header.header .topbar,
header.header .topbar a,
header.header .topbar .btn,
header.header .topbar .input-group-text,
header.header .active-client .btn,
header.header .active-client .btn span {
  color: #f3f7ff !important;
}

header.header .dropdown-toggle::after {
  border-top-color: #f3f7ff !important;
}

header.header .topbar a:hover,
header.header .topbar a:focus,
header.header .topbar .btn:hover,
header.header .topbar .btn:focus {
  color: #ffffff !important;
}


/* Watu dropdown readability fix */
header.header #mainNavbar > ul.navbar-nav > li > a,
header.header .main-navbar-wrapper .navbar-nav > li > a,
header.header #nav > li > a {
  color: #f3f7ff !important;
}

header.header #mainNavbar .dropdown-menu a,
header.header #mainNavbar .dropdown-menu .dropdown-item {
  color: #212529 !important;
  opacity: 1 !important;
}

header.header #mainNavbar .dropdown-menu a:hover,
header.header #mainNavbar .dropdown-menu a:focus {
  color: #111827 !important;
}


/* Watu fix: client-home "Recommended for you" header contrast */
.client-home-cards .card .card-header,
.client-home-cards .card .card-header .card-title,
.client-home-cards .card .card-header .card-title a,
.client-home-cards .card .card-header .card-title i,
.client-home-cards .card .card-header .card-title .badge {
  color: #ffffff !important;
}

.client-home-cards .card .card-header a:not(.btn):hover,
.client-home-cards .card .card-header a:not(.btn):focus {
  color: #f8fbff !important;
}


/* Watu fix v2: stronger selector for Recommended header title */
body .client-home-cards .card .card-header,
body .client-home-cards .card .card-header h3,
body .client-home-cards .card .card-header h3.card-title,
body .client-home-cards .card .card-header .card-title,
body .client-home-cards .card .card-header .card-title * {
  color: #ffffff !important;
}


/* Watu fix v3: MarketConnect promo "Recommended for you" title */
body .promo-container .header h3,
body .promo-container .header h3 * {
  color: #ffffff !important;
}