/* ============================================
   ASMY Services — Brand Palette
   ============================================ */
:root {
  --brand-blue-light: #4E86A6;
  --brand-blue: #3D6E8C;
  --brand-blue-dark: #2E5670;
  --text-on-blue: #F0F4F7;

  /* WHMCS theme variables (Twenty-One) */
  --color-primary-background: var(--brand-blue);
  --color-primary-background-gradient-top: var(--brand-blue);
  --color-primary-background-gradient-bottom: var(--brand-blue-dark);
  --color-primary-background-border: var(--brand-blue-dark);
  --color-primary-background-shadow: #000;
  --color-primary-foreground: #fff;
  --color-primary-foreground-shadow: #000;
}

/* ============================================
   Body background
   ============================================ */
body {
  background-image: url('../img/asmy-bg.png');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* ============================================
   Text on blue backgrounds
   (headline/title text needs light color since
   it has no styling of its own by default)
   ============================================ */
#headline,
.header-lined h1.font-size-36,
.domain-pricing h4.font-size-18,
.text-center h2.font-size-30 {
  color: #fff !important;
}

.cart-body > p,
.text-center h2.font-size-30 + p,
.view-cart-empty {
  color: var(--text-on-blue) !important;
}

/* ============================================
   Premium Comparison pricing cards
   ============================================ */
.price-table .top-head {
  background: linear-gradient(to bottom, var(--brand-blue) 0%, var(--brand-blue-dark) 100%) !important;
}

.price-table .order-button {
  background: linear-gradient(to bottom, var(--brand-blue-light) 0%, var(--brand-blue) 100%) !important;
  border-color: var(--brand-blue-dark) !important;
}

.price-table .order-button:hover {
  background: linear-gradient(to bottom, var(--brand-blue) 0%, var(--brand-blue-dark) 100%) !important;
}

/* ============================================
   Domain Search (Register Domain page)
   ============================================ */
.domain-checker-container,
.domain-checker-bg {
  background: linear-gradient(135deg, var(--brand-blue-light) 0%, var(--brand-blue-dark) 100%) !important;
  border-radius: 12px !important;
  overflow: hidden;
}

.price.com {
  background-color: var(--brand-blue-light) !important;
}

.price.net {
  background-color: var(--brand-blue-dark) !important;
}

.domain-promo-box .btn-warning {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue-dark) !important;
  color: #fff !important;
}

.domain-promo-box .btn-warning:hover {
  background-color: var(--brand-blue-dark) !important;
}

.domain-promo-box .text-warning {
  color: var(--brand-blue) !important;
}