/* ============================================================================
   Scutex — order form (standard_cart) bespoke dark theme.
   Loaded AFTER all.min.css by common.tpl, so these win without !important wars.
   Covers: product browse, configure, view-cart and checkout screens.
   ========================================================================== */
:root{
  --sx-bg:#0A0F1C; --sx-deep:#0C1322; --sx-card:#111827; --sx-raised:#161F30;
  --sx-border:#1F2937; --sx-border2:#2B3648;
  --sx-green:#00D97E; --sx-green-h:#2BE89A; --sx-green-d:#00B368; --sx-ink:#04231A;
  --sx-t1:#F9FAFB; --sx-t2:#C4CBD6; --sx-t3:#9AA3B2; --sx-t4:#6B7280;
  --sx-shadow:0 10px 30px rgba(0,0,0,.45);
}

/* ---- base ---------------------------------------------------------------- */
#order-standard_cart{ color:var(--sx-t2); font-size:14px; }
#order-standard_cart a{ color:var(--sx-green-h); }
#order-standard_cart a:hover{ color:var(--sx-green); }
#order-standard_cart h1,#order-standard_cart h2,#order-standard_cart h3,
#order-standard_cart .product-title{ color:var(--sx-t1); font-family:'Plus Jakarta Sans',system-ui,sans-serif; letter-spacing:-.01em; }
#order-standard_cart .header-lined{ border-bottom:1px solid var(--sx-border); margin-bottom:26px; padding-bottom:6px; }
#order-standard_cart .header-lined h1{ font-weight:800; }
#order-standard_cart label{ color:var(--sx-t2); font-weight:500; }
#order-standard_cart hr,#order-standard_cart .sub-heading-borderless{ border-color:var(--sx-border); }

/* ---- section divider headings ------------------------------------------- */
#order-standard_cart .sub-heading{ border-top:1px solid var(--sx-border); margin:30px 0 26px; }
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color{
  background:var(--sx-bg); color:var(--sx-green); font-weight:700; font-size:.82rem;
  letter-spacing:.08em; text-transform:uppercase; padding:0 16px; }

/* ---- product intro card -------------------------------------------------- */
#order-standard_cart .product-info{
  background:var(--sx-card); border:1px solid var(--sx-border); border-radius:14px;
  padding:18px 22px; box-shadow:var(--sx-shadow); margin-bottom:8px; }
#order-standard_cart .product-info .product-title{ font-size:1.55rem; font-weight:800; margin:0 0 6px; }
#order-standard_cart .product-info p{ color:var(--sx-t3); margin:0; }

/* ---- form controls ------------------------------------------------------- */
#order-standard_cart .form-control,
#order-standard_cart select.form-control,
#order-standard_cart .custom-select,
#order-standard_cart input[type=text],
#order-standard_cart input[type=password],
#order-standard_cart input[type=email],
#order-standard_cart input[type=number]{
  background:var(--sx-deep); border:1px solid var(--sx-border2); color:var(--sx-t1);
  border-radius:10px; height:auto; padding:11px 13px; box-shadow:none; transition:border-color .15s,box-shadow .15s; }
#order-standard_cart .custom-select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%239AA3B2' d='M1 1l5 5 5-5'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; }
#order-standard_cart .form-control:focus,
#order-standard_cart .custom-select:focus,
#order-standard_cart select:focus{
  border-color:var(--sx-green); box-shadow:0 0 0 3px rgba(0,217,126,.16); background:var(--sx-bg); color:var(--sx-t1); outline:none; }
#order-standard_cart ::placeholder{ color:var(--sx-t4); }
#order-standard_cart select option{ background:var(--sx-deep); color:var(--sx-t1); }

/* ---- configurable options: each one its own tidy tile -------------------- */
#productConfigurableOptions .form-group{
  background:var(--sx-raised); border:1px solid var(--sx-border); border-radius:12px;
  padding:14px 16px 16px; margin-bottom:18px; transition:border-color .15s,transform .15s; }
#productConfigurableOptions .form-group:hover{ border-color:var(--sx-border2); }
#productConfigurableOptions label{ color:var(--sx-t1); font-weight:600; font-size:.92rem; margin-bottom:8px; display:block; }
#productConfigurableOptions input[type=radio],#productConfigurableOptions input[type=checkbox]{ accent-color:var(--sx-green); margin-right:6px; }

/* ---- add-on cards (DDoS, managed, etc. if any are addons) ---------------- */
#order-standard_cart .addon-products .panel-addon,
#order-standard_cart .panel-addon{
  background:var(--sx-card); border:1px solid var(--sx-border); border-radius:14px; overflow:hidden; }
#order-standard_cart .panel-addon .panel-body{ background:transparent; color:var(--sx-t2); }
#order-standard_cart .panel-addon label{ color:var(--sx-t1); font-weight:700; }
#order-standard_cart .panel-addon .panel-price{ background:var(--sx-deep); color:var(--sx-t1); font-weight:700; border-top:1px solid var(--sx-border); }
#order-standard_cart .panel-addon .panel-add{ background:var(--sx-green); color:var(--sx-ink); font-weight:700; cursor:pointer; }
#order-standard_cart .panel-addon-selected{ border-color:var(--sx-green); box-shadow:0 0 0 1px var(--sx-green); }
#order-standard_cart .panel-addon-selected .panel-add{ background:var(--sx-green-d); }

/* ---- order summary (sticky right rail) ----------------------------------- */
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart #orderSummary .order-summary{
  background:var(--sx-card); border:1px solid var(--sx-border); border-radius:16px;
  box-shadow:var(--sx-shadow); }
#order-standard_cart .order-summary{ padding:22px; }
#order-standard_cart .order-summary h2{ color:var(--sx-t1); font-weight:800; font-size:1.4rem; margin:0 0 14px; padding-bottom:14px; border-bottom:1px solid var(--sx-border); }
#order-standard_cart .summary-container{ box-shadow:none; border:0; padding:0; background:transparent; }
#order-standard_cart .order-summary .item,
#order-standard_cart .summary-container .item{ border-color:var(--sx-border)!important; color:var(--sx-t2); }
#order-standard_cart .order-summary .product-name,
#order-standard_cart .summary-container .product-name{ color:var(--sx-t1); font-weight:600; }
#order-standard_cart .summary-container .cycle,
#order-standard_cart .order-summary small,
#order-standard_cart .order-summary .text-muted{ color:var(--sx-t4)!important; }
#order-standard_cart .summary-totals,
#order-standard_cart .order-summary .total{ border-top:1px solid var(--sx-border); }
#order-standard_cart .summary-totals .amt,
#order-standard_cart .order-summary .total .amt,
#order-standard_cart .total-due-today,
#order-standard_cart #producttotal .amt{ color:var(--sx-green); font-weight:800; }
#order-standard_cart .cart-greylabel,#order-standard_cart .promotion{ color:var(--sx-t3); }

/* ---- view-cart line items ----------------------------------------------- */
#order-standard_cart .view-cart-items-header{
  background:var(--sx-deep); color:var(--sx-t3); border:1px solid var(--sx-border);
  border-radius:12px 12px 0 0; text-transform:uppercase; letter-spacing:.06em; font-size:.74rem; font-weight:700; }
#order-standard_cart .view-cart-items{ border:1px solid var(--sx-border); border-top:0; border-radius:0 0 12px 12px; overflow:hidden; background:var(--sx-card); }
#order-standard_cart .view-cart-items .item{ background:var(--sx-card)!important; border-bottom:1px solid var(--sx-border); }
#order-standard_cart .view-cart-items .item:last-child{ border-bottom:0; }
#order-standard_cart .view-cart-items .item:hover{ background:var(--sx-raised)!important; }
#order-standard_cart .item-title,#order-standard_cart .item-title a,
#order-standard_cart .view-cart-items .item a{ color:var(--sx-t1); font-weight:600; }
#order-standard_cart .item-group{ color:var(--sx-t4); }
#order-standard_cart .item-domain{ color:var(--sx-green-h); }
#order-standard_cart .item-price,#order-standard_cart .cart-display-price{ color:var(--sx-t1); font-weight:700; }
#order-standard_cart .item-actions a{ color:var(--sx-t3); }
#order-standard_cart .item-actions a:hover{ color:var(--sx-green); }

/* ---- generic panels / cards / sidebar ----------------------------------- */
#order-standard_cart .panel,#order-standard_cart .card,
#order-standard_cart .well,#order-standard_cart .tab-content,
#order-standard_cart .panel-default,#order-standard_cart .panel-body,
#order-standard_cart .card-body{
  background:var(--sx-card); border-color:var(--sx-border); color:var(--sx-t2); }
#order-standard_cart .card-sidebar,#order-standard_cart .panel-sidebar{
  background:var(--sx-card); border:1px solid var(--sx-border); border-radius:14px; overflow:hidden; box-shadow:var(--sx-shadow); }
#order-standard_cart .card-sidebar .panel-heading,#order-standard_cart .card-sidebar .card-header,
#order-standard_cart .panel-heading,#order-standard_cart .card-header{
  background:var(--sx-deep); border-color:var(--sx-border); color:var(--sx-t1); }
#order-standard_cart .panel-title,#order-standard_cart .card-title{ color:var(--sx-t1); font-weight:700; }
#order-standard_cart .list-group{ background:transparent; }
#order-standard_cart .list-group-item{ background:var(--sx-card); border-color:var(--sx-border); color:var(--sx-t2); }
#order-standard_cart .list-group-item-action:hover{ background:var(--sx-raised); color:var(--sx-t1); }
#order-standard_cart .list-group-item.active{ background:var(--sx-green); border-color:var(--sx-green); color:var(--sx-ink); }
#order-standard_cart .badge{ background:var(--sx-green); color:var(--sx-ink); }

/* ---- buttons ------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success,
#order-standard_cart .btn-checkout,
#order-standard_cart #btnCompleteProductConfig{
  background:var(--sx-green); border:0; color:var(--sx-ink); font-weight:700;
  border-radius:11px; padding:13px 26px; box-shadow:0 6px 18px rgba(0,217,126,.25); transition:background .15s,transform .1s; }
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-checkout:hover,
#order-standard_cart #btnCompleteProductConfig:hover{ background:var(--sx-green-h); color:var(--sx-ink); transform:translateY(-1px); }
#order-standard_cart .btn-lg{ font-size:1rem; padding:14px 30px; }
#order-standard_cart .btn-default,#order-standard_cart .btn-secondary{
  background:rgba(255,255,255,.04); border:1px solid var(--sx-border2); color:var(--sx-t1); border-radius:10px; }
#order-standard_cart .btn-default:hover,#order-standard_cart .btn-secondary:hover{ background:rgba(255,255,255,.08); border-color:var(--sx-green); }
#order-standard_cart .btn-link{ color:var(--sx-green-h); }
#order-standard_cart .btn-continue-shopping{ color:var(--sx-t3); }
#order-standard_cart .btn-continue-shopping:hover{ color:var(--sx-green); }

/* ---- alerts -------------------------------------------------------------- */
#order-standard_cart .alert{ border-radius:12px; border-width:1px; }
#order-standard_cart .alert-warning{ background:rgba(245,166,35,.10); border-color:rgba(245,166,35,.35); color:#F3C98B; }
#order-standard_cart .alert-info{ background:rgba(41,121,255,.10); border-color:rgba(41,121,255,.35); color:#9DC0FF; }
#order-standard_cart .alert-danger{ background:rgba(255,75,75,.10); border-color:rgba(255,75,75,.35); color:#FF9B9B; }
#order-standard_cart .alert-link{ color:var(--sx-green); }

/* ---- promo / coupon box -------------------------------------------------- */
#order-standard_cart .promotion-code,#order-standard_cart .promo,
#order-standard_cart #cartPromoBox{ background:var(--sx-deep); border:1px dashed var(--sx-border2); border-radius:12px; color:var(--sx-t2); }

/* ---- tabs ---------------------------------------------------------------- */
#order-standard_cart .nav-tabs{ border-color:var(--sx-border); }
#order-standard_cart .nav-tabs .nav-link{ color:var(--sx-t3); background:transparent; border-color:transparent; }
#order-standard_cart .nav-tabs .nav-link:hover{ color:var(--sx-t1); }
#order-standard_cart .nav-tabs .nav-link.active{ color:var(--sx-green); background:var(--sx-card); border-color:var(--sx-border) var(--sx-border) var(--sx-card); }

/* ---- loaders / misc ------------------------------------------------------ */
#order-standard_cart .loader i,#order-standard_cart .fa-spin{ color:var(--sx-green); }
#order-standard_cart .qty,#order-standard_cart .feature-value{ color:var(--sx-t1); }
#order-standard_cart .sub-heading-borderless span{ color:var(--sx-green); }

/* ---- checkout: personal-details inputs with leading icons ---------------- */
#order-standard_cart .prepend-icon{ position:relative; }
#order-standard_cart .prepend-icon .form-control{ padding-left:42px; }
#order-standard_cart .prepend-icon .field-icon{
  position:absolute; left:0; top:0; width:40px; height:100%; display:flex;
  align-items:center; justify-content:center; color:var(--sx-t4); z-index:2; margin:0; }
#order-standard_cart .field-error-msg{ color:#FF9B9B; font-size:.8rem; }

/* ---- checkout: payment / credit-card panel ------------------------------- */
#order-standard_cart #paymentGatewaysContainer .small,
#order-standard_cart #paymentGatewaysContainer .text-muted{ color:var(--sx-t3); }
#order-standard_cart .payment-methods-container,
#order-standard_cart #paymentGatewaysContainer label{ color:var(--sx-t1); }
#order-standard_cart .cc-input-container,
#order-standard_cart #creditCardInputFields{
  background:var(--sx-deep); border:1px solid var(--sx-border); border-radius:14px;
  padding:20px; margin-top:12px; }
#order-standard_cart .cc-input-container .form-control{ background:var(--sx-bg); }
#order-standard_cart .cc-input-container ul{ list-style:none; padding-left:0; margin-bottom:12px; }
#order-standard_cart .radio-inline,
#order-standard_cart label.radio-inline{ color:var(--sx-t2); font-weight:500; }
#order-standard_cart .new-card-container,
#order-standard_cart #newCardInfo,
#order-standard_cart #existingCardInfo{ background:transparent; }
#order-standard_cart .existing-cc-grid .card,
#order-standard_cart .existing-cc-grid .panel{ background:var(--sx-card); border-color:var(--sx-border); }
#order-standard_cart .input-group-append .btn-default,
#order-standard_cart .input-group-btn .btn-default{ border-radius:0 10px 10px 0; }
#order-standard_cart input[type=radio]{ accent-color:var(--sx-green); }

/* the green "total due today" strip on checkout */
#order-standard_cart .total-due-today-container,
#order-standard_cart .checkout-total{ background:var(--sx-card); border:1px solid var(--sx-border); border-radius:12px; }

/* ---- "join our mailing list" + terms ------------------------------------- */
#order-standard_cart #marketingConsentContainer,
#order-standard_cart .accept-tos{ color:var(--sx-t3); }

/* ---- complete-order button ----------------------------------------------- */
#order-standard_cart #btnCompletePurchase,
#order-standard_cart #checkout{ background:var(--sx-green); border:0; color:var(--sx-ink);
  font-weight:800; border-radius:12px; padding:14px 28px; box-shadow:0 8px 22px rgba(0,217,126,.28); }
#order-standard_cart #btnCompletePurchase:hover,#order-standard_cart #checkout:hover{ background:var(--sx-green-h); }

/* ---- empty-cart button: tone down the stock bright blue ------------------ */
#order-standard_cart #btnEmptyCart,#order-standard_cart .btn-empty-cart{
  background:transparent!important; color:var(--sx-t4)!important; border:1px solid var(--sx-border)!important; box-shadow:none!important; }
#order-standard_cart #btnEmptyCart:hover{ color:#FF9B9B!important; border-color:rgba(255,75,75,.4)!important; }

/* ---- sticky summary on desktop ------------------------------------------ */
@media (min-width:1200px){
  #order-standard_cart #scrollingPanelContainer #orderSummary{ position:sticky; top:20px; }
}