/* Xeteria Hosting cart palette — loaded into the Nexus Cart shadow root */
:host, :root {
  --vl-primary: #7659ff;
  --vl-primary-lifted: #6749ef;
  --vl-primary-accented: #593bd8;
  --vl-secondary: #697390;
  --vl-secondary-lifted: #59627d;
  --vl-secondary-accented: #48516b;
  --vl-success: #20c987;
  --vl-success-lifted: #18a86f;
  --vl-success-accented: #12835a;
  --vl-info: #25cfee;
  --vl-info-lifted: #17acc9;
  --vl-info-accented: #11859c;
  --vl-notice: #a78bfa;
  --vl-notice-lifted: #8b6fec;
  --vl-notice-accented: #7054d6;
  --vl-warning: #f5b942;
  --vl-warning-lifted: #d99a22;
  --vl-warning-accented: #ae7611;
  --vl-error: #f15f7a;
  --vl-error-lifted: #d74460;
  --vl-error-accented: #b52d48;
  --vl-grayscale: #f5f7ff;
  --vl-grayscale-lifted: #cfd5e8;
  --vl-grayscale-accented: #9da5c2;
  --vl-neutral: #78819d;
  --vl-neutral-lifted: #636c86;
  --vl-neutral-accented: #505970;
  --vl-text-inverted: #ffffff;
  --vl-text-muted: #9da5c2;
  --vl-text-lifted: #c7cce0;
  --vl-text-accented: #e8eaf4;
  --vl-text: #f7f8ff;
  --vl-border-muted: rgba(255,255,255,.07);
  --vl-border: rgba(255,255,255,.11);
  --vl-border-lifted: rgba(255,255,255,.18);
  --vl-border-accented: rgba(129,104,255,.5);
  --vl-bg: #0d1020;
  --vl-bg-muted: #0a0c17;
  --vl-bg-lifted: #14182a;
  --vl-bg-accented: #1a2035;
  --vl-bg-inverted: #05060d;
  --vl-text-xs: .65rem;
  --vl-text-sm: .75rem;
  --vl-text-md: .875rem;
  --vl-text-lg: 1rem;
  --vl-outline-sm: 1px;
  --vl-outline-md: 2px;
  --vl-outline-lg: 3px;
  --vl-rounding-sm: .55rem;
  --vl-rounding-md: .85rem;
  --vl-rounding-lg: 1.15rem;
  --vl-letter-spacing: 0;
  --vl-disabled-opacity: 35%;
}

/* Xeteria Cart v1.0.2 — hardcoded Nexus Cart white-surface normalization */
:host {
  color: var(--vl-text);
  background: var(--vl-bg-muted);
}

#order-standard_cart,
#order-standard_cart .cart-body,
#order-standard_cart .secondary-cart-body {
  color: var(--vl-text) !important;
  background: transparent !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product header,
#order-standard_cart .cart-body .view-cart-empty,
#order-standard_cart .domain-selection-options,
#order-standard_cart .secondary-cart-body .view-cart-tabs .nav-tabs a[aria-expanded="true"],
#order-standard_cart .panel .panel-heading,
#order-standard_cart .panel .panel-footer,
#order-standard_cart .domain-pricing .tld-filters .badge,
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
#order-standard_cart .domain-pricing .tld-pricing-header div,
#order-standard_cart .domain-pricing .tld-pricing-header:has(~ .filtered-row) .tld-column,
#order-standard_cart .domain-promo-box,
#order-standard_cart .domain-pricing .bg-white,
#order-standard_cart .featured-tld,
#order-standard_cart .view-cart-items,
#order-standard_cart .account,
#order-standard_cart .mc-promo .body,
#order-standard_cart .order-summary,
#order-standard_cart .order-summary .summary-container {
  color: var(--vl-text) !important;
  background: linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98)) !important;
  border-color: var(--vl-border) !important;
}

#order-standard_cart .products .product header,
#order-standard_cart .panel .panel-heading,
#order-standard_cart .panel .panel-footer,
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
#order-standard_cart .domain-pricing .tld-pricing-header div,
#order-standard_cart .order-summary h2 {
  color: var(--vl-text) !important;
  background: rgba(255, 255, 255, .026) !important;
  border-color: var(--vl-border-muted) !important;
}

#order-standard_cart .sub-heading span,
#order-standard_cart .domain-pricing .featured-tld .price {
  color: var(--vl-text) !important;
  background: var(--vl-bg-muted) !important;
}

#order-standard_cart .form-control,
#order-standard_cart .field,
#order-standard_cart .custom-select,
#order-standard_cart .input-group-addon,
#order-standard_cart .input-group-text {
  color: var(--vl-text) !important;
  background: rgba(255, 255, 255, .045) !important;
  border-color: var(--vl-border) !important;
}

#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus,
#order-standard_cart .custom-select:focus {
  color: #fff !important;
  background: rgba(255, 255, 255, .065) !important;
  border-color: var(--vl-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(118, 89, 255, .13) !important;
}

#order-standard_cart .nav-tabs,
#order-standard_cart .tab-content,
#order-standard_cart .secondary-cart-body .view-cart-tabs .tab-content {
  color: var(--vl-text) !important;
  background: var(--vl-bg) !important;
  border-color: var(--vl-border) !important;
}

#order-standard_cart .nav-tabs .nav-link,
#order-standard_cart .view-cart-tabs .nav-tabs a {
  color: var(--vl-text-muted) !important;
  background: rgba(255, 255, 255, .018) !important;
  border-color: transparent !important;
}

#order-standard_cart .nav-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-expanded="true"] {
  color: #fff !important;
  background: linear-gradient(135deg, rgba(118, 89, 255, .22), rgba(37, 207, 238, .07)) !important;
  border-color: var(--vl-border-accented) !important;
}

#order-standard_cart table,
#order-standard_cart table td,
#order-standard_cart table th,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .domain-pricing .tld-row {
  color: var(--vl-text) !important;
  background: transparent !important;
  border-color: var(--vl-border-muted) !important;
}

#order-standard_cart select option {
  color: var(--vl-text);
  background: var(--vl-bg-lifted);
}

/* Xeteria Client Area v1.0.3 — empty catalog and product store */
#order-standard_cart.xh-store-catalog .xh-store-heading {
  margin-bottom: 1.5rem;
  padding: 1.35rem 1.5rem;
  border: 1px solid var(--vl-border);
  border-radius: 1rem;
  background:
    radial-gradient(circle at 100% 0, rgba(37, 207, 238, .12), transparent 38%),
    radial-gradient(circle at 0 100%, rgba(118, 89, 255, .18), transparent 42%),
    linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98));
}

#order-standard_cart.xh-store-catalog .xh-store-heading h1 {
  margin: .35rem 0 .45rem;
  color: #fff !important;
}

#order-standard_cart .xh-store-kicker {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  color: #8edff0;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#order-standard_cart .xh-store-kicker::before {
  width: 1.3rem;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, #7659ff, #25cfee);
}

#order-standard_cart .xh-product-card {
  overflow: hidden;
  min-height: calc(100% - 1.25rem);
  margin-bottom: 1.25rem;
  border: 1px solid var(--vl-border) !important;
  border-radius: 1rem !important;
  box-shadow: 0 18px 52px rgba(0, 0, 0, .2);
}

#order-standard_cart .xh-product-card header {
  padding: 1rem 1.15rem !important;
  font-size: 1.05rem;
  font-weight: 800;
}

#order-standard_cart .xh-product-card .product-desc {
  min-height: 10rem;
  padding: 1.15rem;
}

#order-standard_cart .xh-product-card footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1rem 1.15rem !important;
  border-top: 1px solid var(--vl-border-muted) !important;
}

#order-standard_cart .xh-empty-catalog {
  position: relative;
  overflow: hidden;
  padding: clamp(2rem, 6vw, 4.5rem) 1.5rem;
  text-align: center;
  border: 1px solid var(--vl-border);
  border-radius: 1.2rem;
  background:
    radial-gradient(circle at 50% -10%, rgba(118, 89, 255, .22), transparent 38%),
    linear-gradient(145deg, rgba(18, 21, 39, .98), rgba(10, 12, 25, .98));
  box-shadow: 0 24px 70px rgba(0, 0, 0, .25);
}

#order-standard_cart .xh-empty-catalog__icon {
  display: grid;
  width: 4.25rem;
  height: 4.25rem;
  margin: 0 auto 1.25rem;
  place-items: center;
  color: #fff;
  font-size: 1.55rem;
  border: 1px solid rgba(142, 223, 240, .28);
  border-radius: 1.15rem;
  background: linear-gradient(135deg, rgba(118, 89, 255, .35), rgba(37, 207, 238, .16));
  box-shadow: 0 0 38px rgba(118, 89, 255, .2);
}

#order-standard_cart .xh-empty-catalog h2 {
  margin: .7rem 0 .65rem;
  color: #fff !important;
  font-size: clamp(1.55rem, 3vw, 2.15rem);
}

#order-standard_cart .xh-empty-catalog p {
  max-width: 43rem;
  margin: 0 auto;
  color: var(--vl-text-muted) !important;
  font-size: 1rem;
  line-height: 1.75;
}

#order-standard_cart .xh-empty-catalog__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem;
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  #order-standard_cart .xh-product-card footer {
    align-items: stretch;
    flex-direction: column;
  }

  #order-standard_cart .xh-empty-catalog__actions .btn {
    width: 100%;
  }
}
