/* ============================================
   Branxes WHMCS Child Theme — Brand Overrides
   Inherits from WHMCS Twenty-One
   ============================================ */

:root {
  --branex-primary:       #3a0b39;
  --branex-primary-dark:  #250724;
  --branex-accent:        #7c3aed;
  --branex-accent-bright: #a78bfa;
  --branex-accent-light:  #ede9fe;
  --branex-text:          #1e293b;
  --branex-text-muted:    #64748b;
  --branex-bg:            #ffffff;
  --branex-bg-light:      #f8fafc;
  --branex-border:        #e5e7eb;
  --branex-gradient-dark: linear-gradient(135deg, #250724, #3a0b39);
  --branex-font:          'Inter', sans-serif;
}

body {
  font-family: var(--branex-font);
  color: var(--branex-text);
}

a {
  color: var(--branex-accent);
}

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

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

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

.navbar-default {
  background: var(--branex-gradient-dark);
  border: none;
}

.navbar-default .navbar-nav > li > a {
  color: rgba(255, 255, 255, 0.85);
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: var(--branex-accent-bright);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .open > a {
  background: transparent;
  color: var(--branex-accent-bright);
}

.panel-sidebar {
  border-color: var(--branex-border);
}

.panel-sidebar .panel-heading {
  background: var(--branex-bg-light);
  color: var(--branex-primary);
  border-bottom: 2px solid var(--branex-accent);
}

.list-group-item.active {
  background: var(--branex-accent);
  border-color: var(--branex-accent);
}

.list-group-item.active a {
  color: #ffffff;
}

.section-header h2,
h1, h2, h3, h4 {
  color: var(--branex-primary);
}

.well {
  background: var(--branex-bg-light);
  border-color: var(--branex-border);
}

.label-primary {
  background: var(--branex-accent);
}

.page-header {
  border-bottom: 2px solid var(--branex-accent);
}

.breadcrumb {
  background: var(--branex-bg-light);
}

.breadcrumb > li + li::before {
  color: var(--branex-text-muted);
}

.pagination > .active > a {
  background: var(--branex-accent);
  border-color: var(--branex-accent);
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background: var(--branex-bg-light);
}

.panel-primary {
  border-color: var(--branex-accent);
}

.panel-primary > .panel-heading {
  background: var(--branex-gradient-dark);
  border-color: var(--branex-primary);
  color: #ffffff;
}

.alert-info {
  background: var(--branex-accent-light);
  border-color: var(--branex-accent);
  color: var(--branex-primary);
}

.btn-success {
  background: var(--branex-primary);
  border-color: var(--branex-primary);
}

.btn-success:hover {
  background: var(--branex-primary-dark);
  border-color: var(--branex-primary-dark);
}

#header {
  background: var(--branex-gradient-dark);
  border-bottom: 3px solid var(--branex-accent);
}

#header .logo a {
  color: #ffffff;
}

#main-menu {
  background: var(--branex-primary-dark);
}

.footer {
  background: var(--branex-gradient-dark);
  color: rgba(255, 255, 255, 0.85);
}

.footer a {
  color: var(--branex-accent-bright);
}

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

.domain-pricing .pricing-item {
  border-color: var(--branex-border);
}

.domain-pricing .pricing-item.featured {
  border-color: var(--branex-accent);
  box-shadow: 0 0 0 1px var(--branex-accent);
}

/* Branxes custom topbar — mirrors WP theme */
.branex-topbar {
  background: var(--branex-primary-dark);
  color: rgba(255, 255, 255, 0.75);
  font-size: 0.85rem;
  padding: 8px 0;
  text-align: center;
}

.branex-topbar strong {
  color: var(--branex-accent-bright);
}