/*
 * scp_cart — Dedicated.com order form, styled on the dedicated-theme tokens.
 *
 * This file replaces WHMCS's Standard Cart stylesheet (all.min.css). It assumes the
 * page is rendered inside the `dedicated-2026` client-area template, which loads the
 * fonts, `tokens.css` (the vendored dedicated-theme) and `theme.css` (the Bootstrap 3
 * class names WHMCS emits, re-implemented on the tokens). Everything here is scoped to
 * `#order-standard_cart`, the root element of every Standard Cart page, so it beats
 * the `.dt-page .x` rules in theme.css without !important.
 *
 * Only tokens are used for colour, so light mode (data-theme="light") needs nothing extra.
 * The element ids and the structural classes the Standard Cart JS (scripts.min.js)
 * depends on are unchanged: #orderSummary, #producttotal, #scrollingPanelContainer,
 * .secondary-cart-body, .panel-addon, .account-select, .existing-card, .payment-methods,
 * .btn-add-to-cart, .domain-suggestion, .w-hidden, .loader.
 *
 * Copyright (c) 2026 US Dedicated LLC. All rights reserved.
 */

/* =========================================================================
   1. Page layout
   ========================================================================= */
#order-standard_cart { padding: 0 0 40px; font-size: 13px; }
#order-standard_cart > .row { align-items: flex-start; }
/* The product-group sidebar and its mobile selector are not part of the Dedicated.com
   flow: customers land in the cart from a server listing with the product chosen. */
#order-standard_cart .cart-sidebar, #order-standard_cart .sidebar-collapsed { display: none !important; }
#order-standard_cart .cart-body { flex: 1 1 100%; width: 100%; min-width: 0; float: none; padding: 0 10px; }
/* Form on the right, order summary on the left, like the client area's sidebar. Flex
   (not float) so scripts.min.js's float-based scroll follower stands down and CSS sticky
   takes over. */
#order-standard_cart .secondary-cart-body { flex: 1 1 0; min-width: 0; width: auto; float: none; padding: 0 10px; order: 2; }
#order-standard_cart .secondary-cart-sidebar { flex: 0 0 340px; max-width: 340px; width: auto; float: none; padding: 0 10px; order: 1; align-self: stretch; }
#order-standard_cart #orderSummary { position: sticky; top: 16px; }
@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-body, #order-standard_cart .secondary-cart-sidebar { flex: 1 1 100%; max-width: none; order: 0; }
    #order-standard_cart .secondary-cart-sidebar { order: 3; margin-top: 20px; }
    #order-standard_cart #orderSummary { position: static; }
}
#order-standard_cart .dt-page-head { margin-bottom: 24px; }
#order-standard_cart .dt-page-head .dt-eyebrow { margin-bottom: 8px; }
#order-standard_cart .dt-page-head .dt-lede { margin-top: 8px; }
#order-standard_cart .dt-page-head .form-control { display: inline-block; width: 220px; margin-top: 10px; }
#order-standard_cart .dt-section { margin: 26px 0 12px; }
#order-standard_cart .dt-section:first-child, #order-standard_cart .dt-console > .dt-section:first-child { margin-top: 0; }
#order-standard_cart .dt-section + .dt-hint { margin: -6px 0 12px; }
#order-standard_cart .dt-console { margin-bottom: 20px; }
#order-standard_cart .dt-console > :last-child { margin-bottom: 0; }
#order-standard_cart h3 { font-size: 14px; margin-bottom: 8px; }
#order-standard_cart h4 { font-size: 12.5px; }
#order-standard_cart .font-size-36, #order-standard_cart .font-size-30, #order-standard_cart .font-size-24,
#order-standard_cart .font-size-22, #order-standard_cart .font-size-18 { font-size: inherit; }
#order-standard_cart .field-help-text { display: block; margin-top: 6px; font-size: 11.5px; letter-spacing: 0.02em; color: var(--muted); }
#order-standard_cart .form-control-qty { display: inline-block; width: 90px; text-align: center; vertical-align: middle; }
#order-standard_cart .form-control-static-inline { display: inline-block; padding-left: 8px; color: var(--muted); font-size: 12.5px; }
#order-standard_cart .info-text-sm { font-size: 12px; margin-top: 20px; }
#order-standard_cart .alert.large-text { font-size: 14px; }
/* outranks every id-scoped display rule in this file; jQuery's inline display still wins (see theme.css) */
#order-standard_cart .w-hidden { display: none; }
/* bare labels that wrap a checkbox or radio (addon cards, domain options) */
#order-standard_cart .panel-addon label, #order-standard_cart .domain-selection-options .option > label,
#order-standard_cart .domain-suggestions label {
    display: flex; align-items: flex-start; gap: 8px; cursor: pointer; margin: 0;
    font-size: 13px; letter-spacing: 0; text-transform: none; color: var(--white); font-weight: 500;
}
#order-standard_cart .panel-addon label input, #order-standard_cart .domain-selection-options .option > label input { margin-top: 2px; }
/* a locked configurable option is still a <select> so the form posts; it reads as fixed */
#order-standard_cart select.scp-static {
    pointer-events: none; cursor: default; background-image: none; background-color: var(--panel-2);
    border-style: dashed; color: var(--text); padding-right: 12px;
}
#order-standard_cart .form-group:has(> select.scp-static) > label::after { content: ' [fixed]'; color: var(--placeholder); letter-spacing: 0.1em; }
/* iCheck also runs with the green skin on domain suggestions; same look as the blue one */
#order-standard_cart .icheckbox_square-green, #order-standard_cart .iradio_square-green {
    display: inline-block; position: relative; width: 15px; height: 15px; vertical-align: -2px; margin-right: 6px;
    border: 1px solid var(--muted); background: var(--panel-2); cursor: pointer; flex: none;
}
#order-standard_cart .icheckbox_square-green.checked, #order-standard_cart .iradio_square-green.checked { border-color: var(--red); background: var(--red); box-shadow: inset 0 0 0 3px var(--bg); }
#order-standard_cart .icheckbox_square-green .iCheck-helper, #order-standard_cart .iradio_square-green .iCheck-helper { position: absolute; inset: 0; }

/* =========================================================================
   2. Configure product
   ========================================================================= */
#order-standard_cart .product-info {
    border: 1px solid var(--line); border-left: 3px solid var(--red); background: var(--panel);
    padding: 11px 16px; margin: 0 0 20px; font-size: 12.5px; color: var(--text); line-height: 1.6;
}
#order-standard_cart .product-info p { margin: 0; }
#order-standard_cart .product-info strong { color: var(--white); }
#order-standard_cart .field-container, #order-standard_cart .product-configurable-options { margin: 0 0 8px; }
#order-standard_cart #productConfigurableOptions .row { align-items: flex-start; }
#order-standard_cart #productConfigurableOptions .form-group { margin-bottom: 16px; }
#order-standard_cart #productConfigurableOptions .radio, #order-standard_cart #productConfigurableOptions .checkbox { margin: 4px 0 6px; }
#order-standard_cart .irs { margin: 8px 0 20px; }
/* addon cards: the whole card is the click target (scripts.min.js toggles .panel-addon-selected) */
#order-standard_cart .addon-products { align-items: stretch; }
#order-standard_cart .addon-products > [class*="col-"] { display: flex; margin-bottom: 16px; }
#order-standard_cart .panel-addon { display: flex; flex-direction: column; width: 100%; margin: 0; cursor: pointer; transition: border-color var(--t-fast); }
#order-standard_cart .panel-addon:hover { border-color: var(--muted); }
#order-standard_cart .panel-addon .panel-body { flex: 1 1 auto; font-size: 12.5px; color: var(--muted); line-height: 1.6; }
#order-standard_cart .panel-addon .panel-body label { margin-bottom: 6px; }
#order-standard_cart .panel-addon .panel-price { padding: 8px 16px; border-top: 1px solid var(--line); color: var(--white); font-weight: 600; font-size: 12.5px; }
#order-standard_cart .panel-addon .panel-add { padding: 7px 16px; border-top: 1px solid var(--line); background: var(--panel-2); font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .panel-addon .panel-add::before { content: '>> '; }
#order-standard_cart .panel-addon .panel-add i { display: none; }
#order-standard_cart .panel-addon-selected { border-color: rgba(var(--red-rgb), 0.5); }
#order-standard_cart .panel-addon-selected .panel-add { color: var(--ok); }
#order-standard_cart .panel-addon-selected .panel-add::before { content: '\2713 '; }
#order-standard_cart .addon-promo-container { border: 1px solid var(--line); background: var(--panel); padding: 16px; margin: 0 0 16px; font-size: 12.5px; }
#order-standard_cart .addon-promo-container img { max-width: 120px; filter: grayscale(1) brightness(1.4) opacity(0.8); }
#order-standard_cart #btnCompleteProductConfig, #order-standard_cart #btnGoToCart { width: 100%; margin-top: 12px; }

/* =========================================================================
   3. Order summary (configure, view cart, renewals; #producttotal is AJAX-rendered
      from ordersummary.tpl)
   ========================================================================= */
#order-standard_cart .order-summary { position: relative; border: 1px solid var(--line); background: var(--panel); margin: 0 0 12px; padding: 0; }
#order-standard_cart .order-summary h2 {
    margin: 0; padding: 9px 14px; border-bottom: 1px solid var(--line); background: var(--panel-2);
    font-family: var(--mono); font-weight: 600; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white);
}
#order-standard_cart .order-summary h2::before { content: '\250C  '; color: var(--red-ink); font-weight: 400; }
#order-standard_cart .order-summary .loader { position: absolute; top: 10px; right: 14px; z-index: 1; height: auto; padding: 0; color: var(--muted); font-size: 11px; }
#order-standard_cart .summary-container { margin: 0; padding: 12px 14px; min-height: 80px; font-size: 12.5px; color: var(--text); }
#order-standard_cart .order-summary .product-name { display: block; font-weight: 600; font-size: 13px; color: var(--white); letter-spacing: 0.02em; line-height: 1.4; }
#order-standard_cart .order-summary .product-group { display: block; margin: 2px 0 10px; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); font-style: normal; }
#order-standard_cart .summary-container .clearfix { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--line); line-height: 1.45; }
#order-standard_cart .summary-container .clearfix::after { content: none; }
#order-standard_cart .summary-container .clearfix > .pull-left, #order-standard_cart .summary-container .clearfix > .float-left {
    float: none !important; flex: 1 1 auto; min-width: 0; color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
#order-standard_cart .summary-container .clearfix > .pull-right, #order-standard_cart .summary-container .clearfix > .float-right {
    float: none !important; flex: none; color: var(--white); text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap;
}
#order-standard_cart .summary-container .clearfix > div.pull-left, #order-standard_cart .summary-container .clearfix > div.pull-right { white-space: normal; }
#order-standard_cart .summary-container .clearfix a { color: var(--muted); margin-left: 6px; }
#order-standard_cart .summary-container .clearfix a:hover { color: var(--red-hi); }
#order-standard_cart .order-summary .scp-base-row > .pull-left { color: var(--text); font-weight: 500; }
#order-standard_cart .order-summary .scp-summary-row > .pull-left::before { content: '-- '; color: var(--placeholder); }
#order-standard_cart .order-summary .scp-free > .pull-right { color: var(--muted); }
#order-standard_cart .order-summary .summary-totals { margin: 8px 0 0; padding: 0; border: 0; }
#order-standard_cart .order-summary .summary-totals .clearfix > .pull-left { color: var(--text); }
#order-standard_cart .order-summary .scp-monthly-row > .pull-right { color: var(--ok); font-weight: 600; }
#order-standard_cart .order-summary .subtotal { font-size: 13px; }
#order-standard_cart .order-summary .bordered-totals { margin: 0; padding: 0; border: 0; }
#order-standard_cart .order-summary .recurring-totals { margin: 0; padding: 6px 0; align-items: flex-start; }
#order-standard_cart .order-summary .recurring-charges { text-align: right; font-style: normal; font-size: 12px; color: var(--muted); }
#order-standard_cart .order-summary .recurring-charges .cost { color: var(--white); font-weight: 600; }
#order-standard_cart .order-summary .total-due-today {
    display: flex; flex-direction: column; gap: 2px; margin: 10px -14px 0; padding: 12px 14px;
    border-top: 1px solid var(--line); background: var(--panel-2);
}
#order-standard_cart .order-summary .total-due-today span { display: block; text-align: left; }
#order-standard_cart .order-summary .total-due-today .amt { font-family: var(--display); font-weight: 700; font-size: 26px; line-height: 1; color: var(--white); letter-spacing: 0.02em; }
#order-standard_cart .order-summary .total-due-today > span:last-child { font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .summary-container > .total-due-today:last-child { margin-bottom: -12px; }
#order-standard_cart .order-summary .total-due-today + * { margin-top: 12px; }
#order-standard_cart .order-summary .express-checkout-buttons:empty { display: none; }
#order-standard_cart .order-summary .express-checkout-buttons .separator { padding: 6px 0; text-align: center; font-size: 10.5px; letter-spacing: 0.18em; color: var(--muted); }
#order-standard_cart .order-summary .text-right { text-align: left; }
#order-standard_cart .btn-checkout, #order-standard_cart a.btn-checkout { display: flex; width: 100%; }
#order-standard_cart .order-summary .btn-continue-shopping { font-size: 12px; }

/* =========================================================================
   4. View cart
   ========================================================================= */
#order-standard_cart .view-cart-items-header {
    margin: 0; padding: 8px 14px; border: 1px solid var(--line); border-bottom: 0; background: var(--panel-2);
    font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);
}
#order-standard_cart .view-cart-items { margin: 0 0 16px; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .view-cart-items .item { margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: 12.5px; background: transparent; }
#order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart .view-cart-items .item .row { align-items: flex-start; }
#order-standard_cart .item-title { display: block; font-weight: 600; font-size: 13.5px; color: var(--white); line-height: 1.4; }
#order-standard_cart .item-title .btn-link, #order-standard_cart .item-title .btn-remove-from-cart { display: inline-flex; min-height: 0; padding: 0 6px; font-size: 11px; vertical-align: baseline; margin-left: 4px; }
#order-standard_cart .item-group { display: block; margin-top: 2px; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .item-domain { display: inline-block; margin-top: 8px; padding: 2px 8px; border: 1px solid var(--line); font-size: 12px; color: var(--text); }
#order-standard_cart .view-cart-items .item small { display: block; margin-top: 8px; font-size: 11.5px; line-height: 1.7; color: var(--muted); }
#order-standard_cart .view-cart-items .item small::before { content: none; }
#order-standard_cart .item-price { text-align: right; }
#order-standard_cart .item-price > span:first-child, #order-standard_cart .item-price > span[name] { display: block; font-family: var(--display); font-weight: 700; font-size: 20px; line-height: 1.1; color: var(--white); letter-spacing: 0.02em; }
#order-standard_cart .item-price .cycle { display: block; margin-top: 4px; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .item-price .renewal { font-size: 11px; letter-spacing: 0; text-transform: none; }
#order-standard_cart .item-price .renewal-price { display: inline; font-size: inherit; letter-spacing: inherit; }
#order-standard_cart .item-price .dropdown { display: inline-block; margin-top: 4px; }
#order-standard_cart .item-qty { text-align: center; }
#order-standard_cart .item-qty .form-control { width: 70px; margin: 0 auto 6px; min-height: 30px; padding: 4px 8px; text-align: center; }
#order-standard_cart .btn-remove-from-cart { color: var(--muted); }
#order-standard_cart .btn-remove-from-cart:hover { color: var(--red-hi); }
#order-standard_cart .row-upgrade-credit { margin-top: 8px; padding-top: 8px; border-top: 1px dashed var(--line); }
#order-standard_cart .upgrade-calc-msg { font-size: 11.5px; color: var(--muted); }
#order-standard_cart .view-cart-empty { padding: 24px 16px; text-align: center; color: var(--muted); font-size: 12.5px; }
#order-standard_cart .view-cart-empty::before { content: '// '; }
#order-standard_cart .view-cart-empty .view-cart-empty-order { display: block; width: fit-content; margin: 16px auto 0; }
#order-standard_cart .view-cart-empty .view-cart-empty-order::before { content: none; }
#order-standard_cart .empty-cart { display: flex; justify-content: flex-end; margin: -8px 0 16px; }
#order-standard_cart .view-cart-gateway-checkout { margin: 0 0 16px; padding: 14px 16px; border: 1px solid var(--line); background: var(--panel); text-align: center; }
#order-standard_cart .view-cart-tabs { margin: 20px 0 0; }
#order-standard_cart .view-cart-tabs .nav-tabs { margin-bottom: 0; }
#order-standard_cart .view-cart-tabs .tab-content { margin: 0; padding: 14px 16px; border: 1px solid var(--line); border-top: 0; background: var(--panel); }
#order-standard_cart .view-cart-tabs .promo .form-group { margin-bottom: 8px; }
#order-standard_cart .view-cart-promotion-code { margin: 0 0 10px; padding: 10px 14px; border: 1px dashed var(--line); text-align: center; color: var(--white); }
#order-standard_cart .panel-taxes { font-size: 12.5px; }

/* =========================================================================
   5. Checkout
   ========================================================================= */
#order-standard_cart .already-registered { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; margin: 0 0 16px; }
#order-standard_cart .already-registered::after { content: none; }
#order-standard_cart .already-registered p { flex: 1 1 300px; margin: 0; color: var(--muted); font-size: 12.5px; }
#order-standard_cart .already-registered .pull-right { float: none !important; order: 2; display: flex; gap: 8px; }
#order-standard_cart .checkout-error-feedback { margin: 0 0 16px; }
#order-standard_cart .account-select-container { margin-bottom: 16px; }
#order-standard_cart .account-select-container > [class*="col-"] { margin-bottom: 8px; }
#order-standard_cart .account-select-container div.account { height: 100%; padding: 10px 14px; border: 1px solid var(--line); background: var(--panel); transition: border-color var(--t-fast), background var(--t-fast); }
#order-standard_cart .account-select-container div.account:hover { border-color: var(--muted); }
#order-standard_cart .account-select-container div.account.active { background: var(--red-dim); box-shadow: inset 2px 0 0 var(--red); }
#order-standard_cart .account-select-container div.account .radio-inline { margin: 0; width: 100%; align-items: flex-start; }
#order-standard_cart .account-select-container div.account .address strong { display: inline-block; margin-right: 6px; }
#order-standard_cart .account-select-container div.account .address .small { color: var(--muted); }
#order-standard_cart #containerExistingUserSignin .text-center { margin: 4px 0 8px; }
#order-standard_cart .password-strength-meter { margin-top: 2px; }
#order-standard_cart .generate-password { margin-bottom: 12px; }
/* total due today: a key/value bar, kept as .alert because scripts.min.js writes #totalCartPrice */
#order-standard_cart #totalDueToday.alert {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px;
    padding: 12px 16px; margin: 0 0 16px; text-align: left; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted);
}
#order-standard_cart #totalDueToday.alert::before { content: none; }
#order-standard_cart #totalDueToday.alert > strong { margin-left: auto; }
#order-standard_cart #totalDueToday.alert > strong ~ * { margin-left: 0; }
#order-standard_cart #totalCartPrice { font-family: var(--display); font-weight: 700; font-size: 24px; line-height: 1; letter-spacing: 0.02em; color: var(--white); }
#order-standard_cart .apply-credit-container { margin: 0 0 16px; padding: 12px 16px; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .apply-credit-container p { margin-bottom: 8px; color: var(--muted); font-size: 12.5px; }
#order-standard_cart .apply-credit-container .radio { margin: 6px 0; }
#order-standard_cart .apply-credit-container span { color: var(--text); }
#order-standard_cart #paymentGatewaysContainer { margin-bottom: 12px; }
#order-standard_cart #paymentGatewaysContainer > p { margin-bottom: 8px; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart #paymentGatewaysContainer .text-center { display: flex; flex-wrap: wrap; gap: 8px; text-align: left; }
#order-standard_cart #paymentGatewaysContainer .radio-inline {
    margin: 0; padding: 8px 14px; border: 1px solid var(--line); background: var(--panel); color: var(--text); transition: border-color var(--t-fast), background var(--t-fast);
}
#order-standard_cart #paymentGatewaysContainer .radio-inline:hover { border-color: var(--muted); }
#order-standard_cart #paymentGatewaysContainer .radio-inline:has(input:checked) { border-color: rgba(var(--red-rgb), 0.6); background: var(--red-dim); color: var(--white); }
#order-standard_cart .gateway-errors { margin-top: 12px; }
#order-standard_cart .cc-input-container { margin: 12px 0 0; padding: 14px 16px; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .cc-input-container .form-group { margin: 0 0 12px; }
#order-standard_cart .cc-input-container .existing-cc-grid { display: grid; grid-template-columns: auto auto minmax(8em, 1fr) auto auto; gap: 6px 14px; align-items: center; margin-bottom: 10px; font-size: 12.5px; color: var(--text); }
#order-standard_cart .cc-input-container .paymethod-info { cursor: pointer; margin: 0; padding: 0; font-size: 12.5px; color: var(--text); }
#order-standard_cart .cc-input-container .paymethod-info i { color: var(--muted); width: 20px; text-align: center; }
#order-standard_cart .cc-input-container .paymethod-info .type { color: var(--muted); margin-right: 4px; }
#order-standard_cart .cc-input-container ul { list-style: none; margin: 10px 0; padding: 0; }
#order-standard_cart .cc-input-container ul li { margin: 0; padding: 2px 0; }
#order-standard_cart .cc-input-container .radio-inline { margin: 0; }
#order-standard_cart .cvv-input { margin-bottom: 4px; }
/* Standard Cart keeps these hidden until its JS shows the one that failed validation */
#order-standard_cart .field-error-msg { display: none; margin-top: 6px; font-size: 11.5px; color: var(--red-hi); }
#order-standard_cart #newCardSaveSettings .row { align-items: center; }
#order-standard_cart #inputNoStoreContainer { display: flex; align-items: center; gap: 10px; line-height: 1.4 !important; }
#order-standard_cart #inputNoStoreContainer label { margin: 0; }
#order-standard_cart .marketing-email-optin { margin: 16px 0; }
#order-standard_cart .marketing-email-optin h4 { margin-bottom: 4px; }
#order-standard_cart .marketing-email-optin p { color: var(--muted); font-size: 12.5px; }
#order-standard_cart .tos-row { margin: 18px 0 0; display: flex; justify-content: center; }
#order-standard_cart .tos-row .checkbox-inline { align-items: center; margin: 0; }
#order-standard_cart .tos-row .checkbox-inline input, #order-standard_cart .tos-row .checkbox-inline .icheckbox_square-blue { margin-top: 0; }
#order-standard_cart #btnCompleteOrder { min-width: 260px; margin-top: 16px; }
#order-standard_cart .checkout-security-msg { margin: 20px 0 0; font-size: 11.5px; color: var(--muted); }
#order-standard_cart .checkout-security-msg strong { color: var(--text); }
/* order summary that the synergycpsettings addon injects under the checkout title */
#order-standard_cart .scp-cs-list { margin: 0 0 24px; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .scp-cs-row { padding: 12px 14px; border-bottom: 1px solid var(--line); }
#order-standard_cart .scp-cs-row:last-child { border-bottom: 0; }
#order-standard_cart .scp-cs-top { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; }
#order-standard_cart .scp-cs-name { color: var(--white); font-weight: 600; font-size: 13px; }
#order-standard_cart .scp-cs-price { text-align: right; white-space: nowrap; color: var(--white); font-family: var(--display); font-weight: 700; font-size: 17px; letter-spacing: 0.02em; }
#order-standard_cart .scp-cs-setup { display: block; color: var(--muted); font-family: var(--mono); font-weight: 400; font-size: 11px; letter-spacing: 0.02em; }
#order-standard_cart .scp-cs-opts { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 2px 20px; margin-top: 6px; font-size: 11.5px; line-height: 1.6; color: var(--muted); }
#order-standard_cart .scp-cs-opts > div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#order-standard_cart .scp-cs-opts > div::before { content: '-- '; color: var(--placeholder); }

/* =========================================================================
   6. Product listing, addons, order complete, errors
   ========================================================================= */
#order-standard_cart .products { margin: 0; }
#order-standard_cart .products .row { align-items: stretch; }
#order-standard_cart .products .row > [class*="col-"] { display: flex; margin-bottom: 16px; }
#order-standard_cart .products .product { display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; border: 1px solid var(--line); background: var(--panel); transition: border-color var(--t-fast); }
#order-standard_cart .products .product:hover { border-color: var(--muted); }
#order-standard_cart .products .product::after { content: none; }
#order-standard_cart .products .product form { display: contents; }
#order-standard_cart .products .product header { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin: 0; padding: 9px 14px; border-bottom: 1px solid var(--line); background: var(--panel-2); }
#order-standard_cart .products .product header > span:first-child { font-weight: 600; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); }
#order-standard_cart .products .product header > span:first-child::before { content: '\250C  '; color: var(--red-ink); font-weight: 400; }
#order-standard_cart .products .product header .qty { float: none; font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; font-style: normal; color: var(--muted); }
#order-standard_cart .products .product .product-desc { float: none; width: auto; flex: 1 1 auto; padding: 14px 16px; font-size: 12.5px; color: var(--muted); line-height: 1.6; }
#order-standard_cart .products .product .product-desc ul { list-style: none; margin: 0; padding: 0; }
#order-standard_cart .products .product .product-desc li { display: flex; gap: 8px; margin: 0; padding: 5px 0; border-bottom: 1px solid var(--line); }
#order-standard_cart .products .product .product-desc li:last-child { border-bottom: 0; }
#order-standard_cart .products .product .product-desc li::before { content: '--'; color: var(--placeholder); }
#order-standard_cart .products .product .feature-value { color: var(--white); font-weight: 600; }
#order-standard_cart .products .product footer { float: none; width: auto; margin: 0; padding: 12px 16px; border-top: 1px solid var(--line); display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; text-align: left; }
#order-standard_cart .products .product .product-pricing { margin: 0; font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); line-height: 1.6; }
#order-standard_cart .products .product .product-pricing .price { display: block; font-family: var(--display); font-weight: 700; font-size: 22px; line-height: 1.1; letter-spacing: 0.02em; text-transform: none; color: var(--white); }
#order-standard_cart .products .product .product-pricing small { font-size: 10.5px; letter-spacing: 0.08em; }
#order-standard_cart .order-confirmation { text-align: center; }
#order-standard_cart .order-confirmation span { display: block; margin-top: 4px; font-family: var(--display); font-weight: 700; font-size: 22px; color: var(--white); letter-spacing: 0.04em; }
#order-standard_cart .order-confirmation-addon-output { margin: 15px 0; text-align: center; }
#order-standard_cart .error-heading { margin: 0 0 20px; }

/* =========================================================================
   7. Domains (registration, transfer, product domain, renewals)
   ========================================================================= */
#order-standard_cart .domain-selection-options { margin: 0 0 16px; }
#order-standard_cart .domain-selection-options .option { margin-bottom: 6px; padding: 10px 14px; border: 1px solid var(--line); background: var(--panel); cursor: pointer; transition: border-color var(--t-fast), background var(--t-fast); }
#order-standard_cart .domain-selection-options .option:hover { border-color: var(--muted); }
#order-standard_cart .domain-selection-options .option-selected { border-color: rgba(var(--red-rgb), 0.5); background: var(--red-dim); }
#order-standard_cart .domain-input-group { display: none; margin: 12px 0 4px; }
#order-standard_cart .domains-row { align-items: center; }
#order-standard_cart .domain-lookup-primary-loader, #order-standard_cart .domain-lookup-primary-results { margin: 20px 0; text-align: center; }
#order-standard_cart .domain-checker-result-headline, #order-standard_cart .domain-lookup-primary-results .headline {
    font-family: var(--display); font-weight: 700; font-size: 18px; letter-spacing: 0.04em; text-transform: uppercase; word-wrap: break-word; margin: 16px 0;
}
#order-standard_cart .domain-checker-result-headline { text-align: center; }
#order-standard_cart .domain-checker-available { color: var(--ok); }
#order-standard_cart .domain-checker-unavailable, #order-standard_cart .domain-checker-invalid { color: var(--red-hi); }
#order-standard_cart .domain-searching { color: var(--muted); }
#order-standard_cart .transfer-eligible, #order-standard_cart .transfer-not-eligible { margin: 16px 0; padding: 14px 16px; border: 1px solid var(--line); background: var(--panel); text-align: left; }
#order-standard_cart .domain-price { margin: 12px 0; font-size: 13px; color: var(--muted); }
#order-standard_cart .domain-price .price { font-family: var(--display); font-weight: 700; font-size: 20px; color: var(--white); margin: 0 10px; }
#order-standard_cart .domain-suggestions { margin-bottom: 16px; }
#order-standard_cart .domain-suggestions > [class*="col-"] { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-top: 6px; padding-bottom: 6px; }
#order-standard_cart .domain-suggestions .pull-right { float: none !important; }
#order-standard_cart .domain-checker-container { margin: 0 0 20px; padding: 28px 16px; border: 1px solid var(--line); background: var(--panel); clip-path: var(--cut-lg); }
#order-standard_cart .domain-checker-bg { padding: 0; background: none; }
#order-standard_cart .domain-checker-container .input-group-box { width: 100%; margin: 0 auto; padding: 0; background: transparent; }
#order-standard_cart .domain-check-availability { min-width: 110px; }
#order-standard_cart .spotlight-tlds { margin: 16px 0; padding: 0; background: transparent; }
#order-standard_cart .spotlight-tlds::after { content: none; }
#order-standard_cart .spotlight-tlds-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; margin: 0; }
#order-standard_cart .spotlight-tld-container { float: none; width: auto; padding: 0; }
#order-standard_cart .spotlight-tld {
    position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
    height: 110px; margin: 0; padding: 12px 8px; border: 1px solid var(--line); background: var(--panel); text-align: center; font-weight: 600; color: var(--white);
}
#order-standard_cart .spotlight-tld span { display: block; padding: 0; font-weight: 400; }
#order-standard_cart .spotlight-tld .price { color: var(--ok); }
#order-standard_cart .spotlight-tld .btn { width: 90%; min-height: 26px; padding: 3px 8px; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
#order-standard_cart .spotlight-tld .btn span { padding: 0; }
#order-standard_cart .spotlight-tld .unavailable, #order-standard_cart .spotlight-tld .invalid { color: var(--disabled-text); }
#order-standard_cart .spotlight-tld .domain-lookup-spotlight-loader { font-size: 14px; color: var(--muted); }
#order-standard_cart .spotlight-tld-new, #order-standard_cart .spotlight-tld-sale, #order-standard_cart .spotlight-tld-hot {
    position: absolute; top: 6px; right: 6px; width: auto; transform: none; padding: 1px 6px; border: 1px solid currentColor; background: transparent;
    font-size: 9px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase;
}
#order-standard_cart .spotlight-tld-new { color: var(--ok); }
#order-standard_cart .spotlight-tld-sale { color: var(--warn); }
#order-standard_cart .spotlight-tld-hot { color: var(--red-hi); }
#order-standard_cart .suggested-domains { margin: 16px 0; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .suggested-domains .panel-heading { font-size: 12.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); }
#order-standard_cart .suggested-domains .panel-heading::before { content: '\250C  '; color: var(--red-ink); font-weight: 400; }
#order-standard_cart .suggested-domains .domain-lookup-suggestions-loader { padding: 24px; text-align: center; color: var(--muted); font-size: 12.5px; }
#order-standard_cart .suggested-domains .list-group { border: 0; margin: 0; }
#order-standard_cart .suggested-domains .list-group-item { flex-wrap: wrap; gap: 6px 10px; }
#order-standard_cart .suggested-domains .extension { font-weight: 600; color: var(--white); }
#order-standard_cart .suggested-domains .actions { float: none; margin-left: auto; display: flex; align-items: center; gap: 8px; }
#order-standard_cart .suggested-domains .price { padding: 0; font-weight: 600; color: var(--white); }
#order-standard_cart .suggested-domains .btn { min-height: 26px; padding: 3px 10px; font-size: 11px; }
#order-standard_cart .suggested-domains .promo > span { font-size: 9.5px; letter-spacing: 0.18em; text-transform: uppercase; padding: 1px 6px; border: 1px solid currentColor; }
#order-standard_cart .suggested-domains .promo .sales-group-hot { color: var(--red-hi); }
#order-standard_cart .suggested-domains .promo .sales-group-sale { color: var(--warn); }
#order-standard_cart .suggested-domains .promo .sales-group-new { color: var(--ok); }
#order-standard_cart .suggested-domains .more-suggestions { justify-content: center; }
#order-standard_cart .domain-suggestions-warning { padding: 8px 14px; font-size: 11px; }
#order-standard_cart .domain-pricing { margin: 24px 0; }
#order-standard_cart .domain-pricing .bg-white { background: transparent; border: 1px solid var(--line); }
#order-standard_cart .domain-pricing .tld-pricing-header { padding: 8px 0; border-bottom: 1px solid var(--line); background: var(--panel-2); font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .domain-pricing .tld-row { padding: 8px 0; border-bottom: 1px solid var(--line); align-items: center; }
#order-standard_cart .domain-pricing .tld-row:last-child { border-bottom: 0; }
#order-standard_cart .domain-pricing .tld-row.highlighted { background: var(--panel-2); }
#order-standard_cart .domain-pricing .tld-row.no-tlds { display: none; }
#order-standard_cart .domain-pricing .two-row-center { padding-left: 14px; }
#order-standard_cart .domain-pricing .tld-row small { display: block; color: var(--muted); }
#order-standard_cart .featured-tlds-container { margin-bottom: 20px; }
#order-standard_cart .featured-tlds-container .row > [class*="col-"] { margin-bottom: 10px; }
#order-standard_cart .featured-tld { max-width: none; }
#order-standard_cart .domain-promo-box { margin: 0 0 16px; padding: 16px; border: 1px solid var(--line); background: var(--panel); color: var(--text); }
#order-standard_cart .domain-promo-box i { display: none; }
#order-standard_cart .domain-promo-box h3 { margin: 0 0 6px; }
#order-standard_cart .domain-promo-box p { margin: 0 0 10px; font-size: 12.5px; color: var(--muted); }
#order-standard_cart .domain-promo-box .small { margin: 10px 0 0; }
#order-standard_cart .btn-transfer { min-width: 120px; }
#order-standard_cart .slim-alert { margin: 0 0 8px; padding: 6px 10px; }
#order-standard_cart .default-captcha { max-width: 340px; margin: 0 auto 10px; padding: 10px; border: 1px solid var(--line); background: var(--panel); text-align: center; font-size: 12px; color: var(--muted); }
#order-standard_cart .default-captcha p { margin-bottom: 6px; }
#order-standard_cart .captcha-container .form-control { display: inline-block; width: 110px; text-align: center; margin-top: 6px; }
#order-standard_cart .captcha-container img { border: 1px solid var(--line); background: #fff; }
#order-standard_cart .recaptcha-container { display: inline-block; }
#order-standard_cart .idn-language-selector { font-size: 12.5px; margin: 12px 0; }
#order-standard_cart .domain-renewals-filter, #order-standard_cart .service-renewals-filter { width: 220px; display: inline-block; }
#order-standard_cart .service-renewals-quick-filter { margin-bottom: 6px; }
#order-standard_cart .renewals-tools { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-items: center; }
#order-standard_cart .domain-renewals, #order-standard_cart .service-renewals { margin: 10px 0; border: 1px solid var(--line); background: var(--panel); }
#order-standard_cart .domain-renewal, #order-standard_cart .service-renewal { margin: 0; padding: 14px 16px; border-bottom: 1px solid var(--line); background: transparent; }
#order-standard_cart .domain-renewal:last-child, #order-standard_cart .service-renewal:last-child { border-bottom: 0; }
#order-standard_cart .domain-renewal h3, #order-standard_cart .service-renewal h3 { margin: 0 0 4px; font-size: 14px; }
#order-standard_cart .service-renewal h4 { margin: 0 0 6px; font-family: var(--mono); font-weight: 400; font-size: 12.5px; letter-spacing: 0; text-transform: none; color: var(--muted); }
#order-standard_cart .domain-renewal p, #order-standard_cart .service-renewal p { font-size: 12.5px; color: var(--muted); }
#order-standard_cart .domain-renewal-desc { font-style: italic; }
#order-standard_cart .div-renewal-period-label { font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
#order-standard_cart .div-renewal-ineligible { color: var(--muted); font-size: 12.5px; }
#order-standard_cart .domain-renewal .form-horizontal .form-group { margin: 8px -10px; }
#order-standard_cart .addon-renewals { margin-top: 12px; }
#order-standard_cart .addon-renewals > div { border: 1px solid var(--line); }
#order-standard_cart .addon-renewals .service-renewal { padding: 12px 14px; }

/* =========================================================================
   8. MarketConnect promos and product recommendations. WHMCS paints these with
      per-vendor inline colours; they fold into the single accent here.
   ========================================================================= */
#order-standard_cart .mc-promos, #order-standard_cart .product-recommendations { margin: 16px auto 24px; max-width: 600px; }
#order-standard_cart .mc-promo, .dt-page .product-recommendations .product-recommendation {
    margin: 0 0 8px; border: 1px solid var(--line) !important; background: var(--panel);
}
#order-standard_cart .mc-promo .header, .dt-page .product-recommendations .product-recommendation .header {
    display: flex; align-items: center; gap: 12px; height: auto; padding: 10px 14px; overflow: hidden; cursor: pointer; border: 0;
}
.dt-page .product-recommendations .product-recommendation .header.header-static { cursor: default; }
#order-standard_cart .mc-promo .expander, .dt-page .product-recommendations .product-recommendation .expander {
    float: none; order: 0; width: auto; margin: 0; font-size: 12px; line-height: 1; text-align: center; color: var(--muted) !important; transition: none;
}
#order-standard_cart .mc-promo .icon { float: none; width: 48px; height: 36px; margin: 0; line-height: 36px; display: flex; align-items: center; justify-content: center; flex: none; }
#order-standard_cart .mc-promo .icon img { max-width: 100%; max-height: 100%; filter: grayscale(1) brightness(1.4) opacity(0.8); }
#order-standard_cart .mc-promo .content, .dt-page .product-recommendations .product-recommendation .content { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .mc-promo .headline, .dt-page .product-recommendations .product-recommendation .headline { padding: 0; font-size: 13px; font-weight: 600; color: var(--white); }
#order-standard_cart .mc-promo .tagline, .dt-page .product-recommendations .product-recommendation .tagline { font-size: 12px; font-weight: 400; color: var(--muted); }
#order-standard_cart .mc-promo .cta, .dt-page .product-recommendations .product-recommendation .cta { float: none; order: 10; flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; padding: 0; }
#order-standard_cart .mc-promo .price, .dt-page .product-recommendations .product-recommendation .price { padding: 0; font-size: 13px; font-weight: 600; color: var(--white) !important; display: flex; flex-direction: column; align-items: flex-end; }
.dt-page .product-recommendations .product-recommendation .setup-fee small { color: var(--muted); }
#order-standard_cart .mc-promo .btn-add, .dt-page .product-recommendations .product-recommendation .btn-add, .dt-page .product-recommendation.clonable .btn-add {
    display: inline-flex; align-items: stretch; padding: 0; min-height: 0; background: transparent !important; border: 1px solid var(--line); color: var(--text); font-size: 11px;
}
#order-standard_cart .mc-promo .btn-add:hover, .dt-page .product-recommendations .product-recommendation .btn-add:hover { border-color: var(--red); color: var(--white); }
#order-standard_cart .mc-promo .btn-add .text, .dt-page .product-recommendations .product-recommendation .btn-add .text { display: inline-block; padding: 4px 10px; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; }
#order-standard_cart .mc-promo .btn-add .arrow, .dt-page .product-recommendations .product-recommendation .btn-add .arrow { display: inline-flex; align-items: center; padding: 4px 8px; border-left: 1px solid var(--line); background: transparent !important; }
#order-standard_cart .mc-promo .body, .dt-page .product-recommendations .product-recommendation .body { display: none; padding: 12px 14px; border-top: 1px solid var(--line); background: var(--panel-2); font-size: 12.5px; color: var(--text); }
#order-standard_cart .mc-promo .body ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 4px 16px; }
#order-standard_cart .mc-promo .body li { float: none; width: auto; margin: 0; }
#order-standard_cart .mc-promo .body i, #order-standard_cart .mc-promo .body .fa-check { color: var(--ok) !important; padding-right: 4px; }
#order-standard_cart .mc-promo .rotate, .dt-page .product-recommendations .rotate { transition: transform 0.2s linear; }
#order-standard_cart .mc-promo .rotate.down, .dt-page .product-recommendations .rotate.down { transform: rotate(90deg); }
.dt-page .product-recommendations-container { max-height: 600px; overflow-y: auto; margin: 16px 0 20px; }
.dt-page .product-recommendations > p { color: var(--muted); font-size: 12.5px; }
.dt-page .product-recommendations h4 { font-size: 12.5px; }
.dt-page .product-recommendations h4 small { display: inline; margin: 0; }
.dt-page #recommendationsModal .modal-header h4 { margin: 0; flex: 1; font-family: var(--mono); font-weight: 600; font-size: 12.5px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--white); float: none; }
.dt-page #recommendationsModal .modal-header h4::before { content: '\250C  '; color: var(--red-ink); font-weight: 400; }
.dt-page #recommendationsModal .modal-footer { justify-content: center; }
.dt-page #recommendationsModal .product-added-panel .panel-body { display: flex; flex-flow: row wrap; justify-content: space-between; gap: 6px; }
.dt-page #recommendationsModal .product-added-panel .panel-body > span:first-child { flex-basis: 100%; }
.dt-page #recommendationsModal .product-added-panel .panel-body > div { display: flex; flex-direction: column; }
.dt-page #recommendationsModal .product-added-panel .product-name, .dt-page #recommendationsModal .product-added-panel .product-price { color: var(--white); font-weight: 600; }
.dt-page #recommendationsModal .product-added-panel .product-group, .dt-page #recommendationsModal .product-added-panel .product-cycle { font-size: 11.5px; color: var(--muted); }
.dt-page #recommendationsModal .product-added-panel .product-price, .dt-page #recommendationsModal .product-added-panel .product-cycle { text-align: right; }

/* =========================================================================
   9. Remove-item and empty-cart confirmations
   ========================================================================= */
#order-standard_cart .modal-remove-item .modal-body { text-align: center; padding: 20px 16px 8px; }
#order-standard_cart .modal-remove-item .modal-body .float-right, #order-standard_cart .modal-remove-item .modal-body .pull-right { float: none !important; text-align: right; margin-bottom: -10px; }
#order-standard_cart .modal-remove-item .modal-title { display: block; margin: 0 0 10px; }
#order-standard_cart .modal-remove-item .modal-title::before { content: '!! '; color: var(--red-ink); }
#order-standard_cart .modal-remove-item .modal-title i { display: none; }
#order-standard_cart .modal-remove-item .modal-header .modal-title::before { content: '!! '; }
#order-standard_cart .modal-remove-item .modal-footer { justify-content: center; }

/* =========================================================================
   10. Phone widths
   ========================================================================= */
@media (max-width: 640px) {
    #order-standard_cart .already-registered .pull-right { width: 100%; }
    #order-standard_cart .already-registered .pull-right .btn { flex: 1 1 auto; }
    #order-standard_cart #btnCompleteOrder { width: 100%; min-width: 0; }
    #order-standard_cart .item-price { text-align: left; margin-top: 8px; }
    #order-standard_cart .view-cart-items-header .text-right { text-align: left; }
    #order-standard_cart .products .product footer { flex-direction: column; align-items: stretch; }
    #order-standard_cart .products .product footer .btn { width: 100%; }
    #order-standard_cart .spotlight-tlds-container { grid-template-columns: repeat(2, 1fr); }
    #order-standard_cart .scp-cs-top { flex-direction: column; align-items: flex-start; gap: 4px; }
    #order-standard_cart .scp-cs-price { text-align: left; }
}