/* ============================================================================
   VM6 CONSOLE — SHOPPING CART
   ----------------------------------------------------------------------------
   Child of standard_cart. WHMCS loads this file from common.tpl via
   {assetExists file="custom.css"}, immediately AFTER the cart's own
   all.min.css — so these rules win on load order without needing !important
   everywhere. That is the whole reason for shipping this as a child order form
   template rather than piling more overrides into the system theme.

   Every selector below was taken from the real standard_cart stylesheet, with
   the original value noted so the intent is traceable.
   ============================================================================ */

/* --- token fallback: normally inherited from the system theme's head --- */
:root{
  --font-display:'Space Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  --brand:#5B6CFF; --brand-600:#4a5aeb; --brand-300:#a5b4fc;
  --signal:#2FE08A; --warn:#F5A524; --danger:#F05252;

  --r-sm:7px; --r:10px; --r-lg:14px; --r-xl:20px; --r-pill:999px;
  --maxw:1200px; --gap:20px; --section-y:60px; --header-h:66px; --topbar-h:38px;
  --ease:cubic-bezier(.4,0,.2,1); --t-fast:.16s; --t:.22s;
}

[data-theme="dark"]{
  --bg:#0A0E17; --bg-2:#0D1220; --bg-3:#10162A;
  --surface:#121826; --surface-2:#171F31; --surface-3:#1D2740;
  --line:#222C42; --line-soft:#1A2233;
  --text:#E8ECF6; --text-strong:#FFFFFF; --muted:#8B97AC; --muted-2:#6C7A93;
  --accent:var(--brand); --accent-text:#A9B4FF;
  --accent-soft:rgba(91,108,255,.14); --accent-line:rgba(91,108,255,.34);
  --signal-soft:rgba(47,224,138,.14); --warn-soft:rgba(245,165,36,.14); --danger-soft:rgba(240,82,82,.14);
  --shadow-sm:0 1px 0 rgba(255,255,255,.03);
  --shadow:0 1px 0 rgba(255,255,255,.03),0 16px 40px -24px rgba(0,0,0,.9);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04),0 40px 80px -40px rgba(0,0,0,1);
  --grid-line:rgba(255,255,255,.028); --overlay:rgba(3,6,14,.66); --on-accent:#FFFFFF;
  --tint-rgb:255,255,255; --brand-rgb:91,108,255; --signal-rgb:47,224,138;
  color-scheme:dark;
}

[data-theme="light"]{
  --bg:#F4F6FB; --bg-2:#EDF1F8; --bg-3:#E6ECF7;
  --surface:#FFFFFF; --surface-2:#F7F9FD; --surface-3:#EEF2FA;
  --line:#DCE3F0; --line-soft:#E8EDF6;
  --text:#0E1526; --text-strong:#05080F; --muted:#586880; --muted-2:#7A8698;
  --accent:#4655E8; --accent-text:#3A47C9;
  --accent-soft:rgba(70,85,232,.09); --accent-line:rgba(70,85,232,.28);
  --signal:#0FA968; --signal-soft:rgba(15,169,104,.11);
  --warn:#B7791F; --warn-soft:rgba(183,121,31,.12);
  --danger:#D03535; --danger-soft:rgba(208,53,53,.10);
  --shadow-sm:0 1px 2px rgba(16,24,40,.04);
  --shadow:0 1px 2px rgba(16,24,40,.04),0 12px 32px -18px rgba(16,24,40,.28);
  --shadow-lg:0 2px 4px rgba(16,24,40,.05),0 32px 64px -34px rgba(16,24,40,.4);
  --grid-line:rgba(14,21,38,.035); --overlay:rgba(14,21,38,.42); --on-accent:#FFFFFF;
  --tint-rgb:14,21,38; --brand-rgb:70,85,232; --signal-rgb:15,169,104;
  color-scheme:light;
}

/* ---------------------------------------------------------------------------
   Product boxes on the product/group pages           was: #fff / #f8f8f8 / #333
   --------------------------------------------------------------------------- */
#order-standard_cart .products .product{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);
}
#order-standard_cart .products .product:hover{border-color:var(--accent)}
#order-standard_cart .products .product header{
  background:var(--surface-2);border-bottom:1px solid var(--line);
  border-radius:var(--r-lg) var(--r-lg) 0 0;
}
#order-standard_cart .products .product header span{color:var(--text-strong)}
#order-standard_cart .products .product header .qty{color:var(--muted)}
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product ul li{color:var(--muted)}
#order-standard_cart .products .product .price{color:var(--text-strong);font-family:var(--font-display)}

/* ---------------------------------------------------------------------------
   View cart — the item list                          was: #058 bar, #fff/#eee rows
   This is the bright blue header and the invisible product names.
   --------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header{
  background-color:var(--surface-2);color:var(--text-strong);
  border:1px solid var(--line);border-bottom:0;
  border-radius:var(--r-lg) var(--r-lg) 0 0;
  font-family:var(--font-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
}
#order-standard_cart .view-cart-items{
  border:1px solid var(--line);border-top:0;border-bottom:1px solid var(--line);
  border-radius:0 0 var(--r-lg) var(--r-lg);overflow:hidden;
}
#order-standard_cart .view-cart-items .item{
  background-color:var(--surface);color:var(--text);
  border-bottom:1px solid var(--line-soft);font-size:.92em;
}
#order-standard_cart .view-cart-items .item:nth-child(even){background-color:var(--surface-2)}
#order-standard_cart .view-cart-items .item:last-child{border-bottom:0}
#order-standard_cart .view-cart-items .item strong,
#order-standard_cart .view-cart-items .item b,
#order-standard_cart .view-cart-items .item .item-title{color:var(--text-strong)}
#order-standard_cart .view-cart-items .item-domain{color:var(--accent-text)}
#order-standard_cart .view-cart-items .item a{color:var(--accent-text)}
#order-standard_cart .btn-remove-from-cart{color:var(--muted)}
#order-standard_cart .btn-remove-from-cart:hover{color:var(--danger)}
#order-standard_cart .empty-cart .btn{
  background-color:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);
  border-radius:0 0 var(--r) var(--r);
}
#order-standard_cart .empty-cart .btn:hover{background-color:var(--danger);color:#fff}

/* ---------------------------------------------------------------------------
   Order summary panel                                was: #666 panel, #f8f8f8 body
   --------------------------------------------------------------------------- */
#order-standard_cart .order-summary{
  background-color:var(--surface);border:1px solid var(--line);border-bottom:1px solid var(--line);
  border-radius:var(--r-lg);overflow:hidden;
}
#order-standard_cart .order-summary h2{
  background:var(--surface-2);color:var(--text-strong);border-bottom:1px solid var(--line);
  font-family:var(--font-display);font-weight:700;padding:14px 16px;
}
#order-standard_cart .summary-container{background-color:transparent;color:var(--text)}
#order-standard_cart .order-summary .summary-totals,
#order-standard_cart .order-summary .subtotal,
#order-standard_cart .order-summary .bordered-totals{border-color:var(--line)}
#order-standard_cart .order-summary .recurring-charges{color:var(--muted)}
#order-standard_cart .order-summary .btn-continue-shopping{color:var(--accent-text)}
#order-standard_cart .order-summary .loader{color:var(--muted)}
#order-standard_cart .order-summary .total-due,
#order-standard_cart .order-summary .cart-total{
  color:var(--text-strong);font-family:var(--font-display);
}
#order-standard_cart .apply-credit-container{
  background-color:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);color:var(--text);
}

/* ---------------------------------------------------------------------------
   Promo code box                                     was: #fff, dashed #ccc
   --------------------------------------------------------------------------- */
#order-standard_cart .view-cart-promotion-code{
  background-color:var(--surface);border:1px dashed var(--accent-line);
  border-radius:var(--r);color:var(--text);
}
#order-standard_cart .view-cart-promotion-code a{color:var(--accent-text)}

/* ---------------------------------------------------------------------------
   Form fields                                        was: #fff with #DDD border
   --------------------------------------------------------------------------- */
#order-standard_cart .field,
#order-standard_cart .form-control,
#order-standard_cart input[type="text"],
#order-standard_cart input[type="email"],
#order-standard_cart input[type="tel"],
#order-standard_cart input[type="password"],
#order-standard_cart select,
#order-standard_cart textarea{
  background-color:var(--bg-2);border:1px solid var(--line);color:var(--text);
  border-radius:var(--r-sm);
}
#order-standard_cart .field:focus,#order-standard_cart .form-control:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none;
}
#order-standard_cart .field::placeholder,#order-standard_cart .form-control::placeholder{color:var(--muted-2)}
#order-standard_cart .field[disabled],#order-standard_cart .field[readonly]{
  background-color:var(--surface-2);color:var(--muted);
}
#order-standard_cart .field-icon i{color:var(--muted)}
#order-standard_cart .field-help-text{color:var(--muted)}
#order-standard_cart label,
#order-standard_cart p.domain-selection-title,
#order-standard_cart .domain-checker-advanced label{color:var(--text)}
#order-standard_cart .transfer-not-eligible{color:var(--muted)}
#order-standard_cart .domain-checker-advanced input[type="text"]{background:var(--bg-2);color:var(--text)}

/* ---------------------------------------------------------------------------
   Checkout — the big light card panel                was: #f3f3f3 / #d9d9d9
   --------------------------------------------------------------------------- */
#order-standard_cart .cc-input-container{
  background-color:var(--surface);border:1px solid var(--line);
  border-radius:var(--r-lg);color:var(--text);
}
#order-standard_cart .cc-input-container .existing-cc-grid{color:var(--muted)}
#order-standard_cart .cc-input-container label{color:var(--text)}
#order-standard_cart .account-select-container{border-right:1px solid var(--line)}
#order-standard_cart .account-select-container div.account{
  background:var(--surface-2);border:1px solid var(--line);border-right:0;color:var(--text);
}
#order-standard_cart .account-select-container div.account.active{
  background:var(--accent-soft);border-color:var(--accent);
}
#order-standard_cart .default-captcha{
  background-color:var(--surface-2);border:1px solid var(--line);border-radius:var(--r);
}

/* Stripe's own field wrapper inside the cart */
#order-standard_cart .StripeElement{
  background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 13px;
}
#order-standard_cart .StripeElement--focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#order-standard_cart .StripeElement--invalid{border-color:var(--danger)}

/* ---------------------------------------------------------------------------
   Section headings — the teal "Payment Details" / "Additional Notes" rules
   --------------------------------------------------------------------------- */
#order-standard_cart .header-lined,
#order-standard_cart h1,#order-standard_cart h2,#order-standard_cart h3{
  color:var(--text-strong);font-family:var(--font-display);
}
#order-standard_cart .header-lined{border-bottom:1px solid var(--line)}
#order-standard_cart .checkout-section-header,
#order-standard_cart .section-header{color:var(--text-strong)}
#order-standard_cart .checkout-section-header:before,
#order-standard_cart .checkout-section-header:after,
#order-standard_cart .section-header:before,
#order-standard_cart .section-header:after{background:var(--line);border-color:var(--line)}

/* total due banner */
#order-standard_cart .total-due-today,
#order-standard_cart .alert-success{
  background:var(--signal-soft);border:1px solid var(--signal);color:var(--text);
  border-radius:var(--r-lg);
}
#order-standard_cart .total-due-today strong{color:var(--text-strong)}

/* ---------------------------------------------------------------------------
   Sidebar, domain results and promos
   --------------------------------------------------------------------------- */
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;
}
#order-standard_cart .cart-sidebar .panel-heading{
  background:var(--surface-2);border-bottom:1px solid var(--line);
  font-family:var(--font-mono);font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);
}
#order-standard_cart .cart-sidebar .list-group-item{
  background:transparent;border:0;border-left:2px solid transparent;color:var(--muted);
}
#order-standard_cart .cart-sidebar .list-group-item:hover{
  background:var(--surface-2);color:var(--accent-text);border-left-color:var(--accent);
}
#order-standard_cart .cart-sidebar .list-group-item.active{
  background:var(--accent-soft);color:var(--accent-text);border-left-color:var(--accent);
}

div.domainresults div:not(.btn-group){color:var(--text)}
.domain-checker-container .input-group-box{background-color:var(--surface);border:1px solid var(--line)}
.spotlight-tld{background-color:var(--surface);border:1px solid var(--line);color:var(--text)}
.spotlight-tld .btn:not(.domain-contact-support){background-color:var(--accent);color:var(--on-accent)}
.spotlight-tld .unavailable,.spotlight-tld .invalid{background-color:var(--surface-2);color:var(--muted)}
.suggested-domains .btn:not(.domain-contact-support){background-color:var(--accent);color:var(--on-accent)}
.domain-promo-box{background-color:var(--surface-2);border:1px solid var(--line);color:var(--text)}
.domain-pricing .tld-row{border-bottom:1px solid var(--line-soft)}
.domain-pricing .tld-pricing-header div:nth-child(odd){background-color:var(--surface-2)}
.domain-renewals .domain-renewal:nth-child(even),
.service-renewals .service-renewal:nth-child(even){background-color:var(--surface-2)}
.service-renewals .div-renewal-ineligible{color:var(--muted)}
#order-standard_cart .addon-promo-container{border:1px solid var(--line);background:var(--surface)}
#order-standard_cart .mc-promo{background-color:var(--surface);border:1px solid var(--line);color:var(--text)}
.product-recommendations .product-recommendation{
  background-color:var(--surface);border:1px solid var(--line);color:var(--text);
}
#order-standard_cart .panel-addon{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
#order-standard_cart .panel-addon .panel-body label{color:var(--text)}
#order-standard_cart .panel-addon-selected{border-color:var(--accent)}

/* buttons inside the cart follow the brand */
#order-standard_cart .btn-primary,#order-standard_cart .btn-checkout{
  background-color:var(--accent);border-color:var(--accent);color:var(--on-accent);
}
#order-standard_cart .btn-primary:hover,#order-standard_cart .btn-checkout:hover{
  background-color:var(--brand-600);border-color:var(--brand-600);
}
#order-standard_cart .btn-default{background:transparent;border:1px solid var(--line);color:var(--text)}
#order-standard_cart .btn-default:hover{border-color:var(--accent);color:var(--accent-text)}

/* ---- interactive states ---- */
#order-standard_cart .view-cart-items .item:hover{background-color:var(--surface-2)}
#order-standard_cart .products .product:hover header{background:var(--surface-3)}
#order-standard_cart .cart-sidebar .list-group-item:hover{background:var(--surface-2);color:var(--accent-text)}
#order-standard_cart .field:focus,#order-standard_cart .form-control:focus{background-color:var(--bg-2)}
#order-standard_cart .account-select-container div.account:hover{background:var(--surface-3)}
#order-standard_cart .btn-primary:disabled,#order-standard_cart .btn-primary.disabled{
  background-color:var(--surface-2);border-color:var(--line);color:var(--muted);
}
/* the green total block, matched to the theme */
#order-standard_cart .total-due-today,#order-standard_cart .alert-success{
  background:var(--surface-2);border:1px solid var(--accent-line);color:var(--text);border-radius:var(--r-lg);
}
#order-standard_cart .total-due-today strong{color:var(--text-strong)}

/* ---- promo box ---- */
#order-standard_cart .nav-tabs{border-bottom:1px solid var(--line);margin-bottom:0}
#order-standard_cart .nav-tabs .nav-link{
  background:transparent;border:0;border-bottom:2px solid transparent;color:var(--muted);
  font-weight:500;padding:11px 16px;border-radius:0;
}
#order-standard_cart .nav-tabs .nav-link.active{color:var(--accent-text);border-bottom-color:var(--accent)}
#order-standard_cart .tab-content{
  background:var(--surface);border:1px solid var(--line);border-top:0;
  border-radius:0 0 var(--r-lg) var(--r-lg);padding:18px;
}
#order-standard_cart #inputPromotionCode{background:var(--bg-2);border:1px solid var(--line);color:var(--text)}
#order-standard_cart button[name="validatepromo"]{
  background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-text);font-weight:600;
}
#order-standard_cart button[name="validatepromo"]:hover{background:var(--accent);color:var(--on-accent)}
#order-standard_cart .prepend-icon .field-icon i{color:var(--accent-text)}