/**
 * i2webhost Custom Design - Lean overrides
 * Only rules NOT in i2-unified.css live here.
 * i2-unified.css (loaded after) is the main design system.
 */

/* ===================== HEADER SCROLL ELEVATION ===================== */
header#header.scrolled,
header#header.is-elevated,
header#header.header.scrolled {
  box-shadow: 0 10px 30px rgba(15, 16, 32, .08);
  border-color: var(--border, rgba(15, 16, 32, .10));
}

/* ===================== CART BADGE ===================== */
.cart-btn .badge.badge-info {
  background: linear-gradient(135deg, #6d28d9, #8b5cf6) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 4px 12px rgba(109, 40, 217, .30);
  font-weight: 800;
  padding: 4px 8px;
  border-radius: 999px !important;
  font-size: 11px;
  min-width: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* ===================== ACTIVE NAV ITEM ===================== */
#nav > li.active > a,
#nav > li > a.active,
.navbar-nav > li.active > .nav-link,
.navbar-nav > .nav-item.active > .nav-link,
.navbar-nav .nav-link.active {
  color: #6d28d9 !important;
  background: rgba(109, 40, 217, .08) !important;
  border-radius: 12px;
}

/* ===================== LOGIN / AUTH CARD WIDTH ===================== */
.mw-540 {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

/* WHMCS uses .login-form inside .mw-540 — keep centered */
.login-form .mw-540,
form.login-form {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

/* ===================== LOGIN REMEMBER ME ===================== */
.login-form .form-check-input {
  margin-top: .3em;
}

/* ===================== RTL CART BADGE ===================== */
html[dir="rtl"] #cartItemCount,
body[dir="rtl"] #cartItemCount {
  margin-right: 4px;
  margin-left: 0;
}