/* ==========================================================================
   Luno Cart — HeyLuno brand pass over standard_cart markup
   Loaded automatically by standard_cart/common.tpl via the custom.css
   assetExists hook (child theme assets resolve first), AFTER all.min.css.
   Design tokens come from the Luno client-area theme (luno.css, loaded in
   the page head), so var(--lu-*) is available everywhere here.
   Site-specific tweaks: append them at the very end of this file.
   ========================================================================== */

/* FontAwesome for stock cart markup (WHMCS global assets); the bespoke
   template rebuilds will swap these for Lucide later. */
@import url("../../../../assets/fonts/css/fontawesome.min.css");
@import url("../../../../assets/fonts/css/fontawesome-solid.min.css");
@import url("../../../../assets/fonts/css/fontawesome-regular.min.css");

/* --------------------------------------------------------------------------
   1. Base & typography
   -------------------------------------------------------------------------- */
#order-standard_cart {
    font-family: var(--lu-font);
    letter-spacing: var(--lu-tracking);
    color: var(--lu-text);
}

#order-standard_cart .header-lined {
    border-bottom: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
}
#order-standard_cart .header-lined h1 {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    font-size: 30px !important;
    color: var(--lu-text);
    border: 0;
}
#order-standard_cart .header-lined p { color: var(--lu-text-muted); font-size: 14px; }

#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    background-color: var(--lu-bg);
    color: var(--lu-text-muted);
    font-family: var(--lu-font);
    font-weight: 700;
    font-size: 13px;
    text-transform: lowercase;
}
#order-standard_cart .sub-heading:before { border-top: 1px dotted var(--lu-border-strong); background: none; }

#order-standard_cart a { color: var(--lu-purple); }
#order-standard_cart a:hover { color: var(--lu-purple-strong); }

/* brand accent utility used by stock CTAs */
#order-standard_cart .primary-bg-color,
.primary-bg-color {
    background-color: var(--lu-purple) !important;
    border-color: var(--lu-purple) !important;
    color: #fff !important;
}
#order-standard_cart .primary-bg-color:hover,
.primary-bg-color:hover {
    background-color: var(--lu-purple-strong) !important;
    border-color: var(--lu-purple-strong) !important;
}

/* --------------------------------------------------------------------------
   2. Buttons & forms (re-assert Luno over all.min.css)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn {
    border-radius: 999px;
    font-family: var(--lu-font);
    font-weight: 700;
    letter-spacing: var(--lu-tracking);
    box-shadow: none;
    text-transform: none;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#order-standard_cart .btn-primary {
    background: var(--lu-purple);
    border-color: var(--lu-purple);
    color: #fff;
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-primary:active {
    background: var(--lu-purple-strong);
    border-color: var(--lu-purple-strong);
}
#order-standard_cart .btn-default {
    background: var(--lu-surface);
    border: 1.5px solid var(--lu-border-strong);
    color: var(--lu-text);
}
#order-standard_cart .btn-default:hover { border-color: var(--lu-purple); color: var(--lu-purple); background: var(--lu-surface); }
#order-standard_cart .btn-success {
    background: var(--lu-success);
    border-color: var(--lu-success);
    color: #fff;
}
#order-standard_cart .btn-success:hover { background: #126A32; border-color: #126A32; }
#order-standard_cart .btn-link { color: var(--lu-purple); }

/* the money button — brand yellow CTA */
#order-standard_cart .btn-checkout,
#order-standard_cart #btnCompleteProductConfig,
#order-standard_cart #checkout {
    background: var(--lu-yellow) !important;
    border-color: var(--lu-yellow) !important;
    color: var(--lu-jet) !important;
}
#order-standard_cart .btn-checkout:hover,
#order-standard_cart #btnCompleteProductConfig:hover,
#order-standard_cart #checkout:hover {
    background: #FFDD4D !important;
    border-color: #FFDD4D !important;
}

#order-standard_cart .form-control,
#order-standard_cart select,
#order-standard_cart .custom-select {
    font-family: var(--lu-font);
    border: 1.5px solid var(--lu-border-strong);
    border-radius: 12px;
    box-shadow: none;
    color: var(--lu-text);
    background-color: var(--lu-surface);
}
#order-standard_cart .form-control:focus {
    border-color: var(--lu-purple);
    box-shadow: var(--lu-ring);
}
#order-standard_cart label { font-weight: 700; color: var(--lu-text-soft); }

/* icon-inside-input fields (checkout, register) */
#order-standard_cart .prepend-icon .field-icon { color: var(--lu-text-muted); }
#order-standard_cart .prepend-icon .field { border-radius: 12px; }

/* --------------------------------------------------------------------------
   3. Sidebar categories
   -------------------------------------------------------------------------- */
#order-standard_cart .cart-sidebar .panel,
#order-standard_cart .cart-sidebar .card {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
}
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
    background: none;
    border-bottom: 1px dotted var(--lu-border-strong);
    color: var(--lu-text);
    font-weight: 700;
}
#order-standard_cart .cart-sidebar .list-group-item {
    border: 0;
    border-radius: 12px;
    margin: 2px 8px;
    width: auto;
    color: var(--lu-text-soft);
    font-size: 14px;
    background: none;
}
#order-standard_cart .cart-sidebar .list-group-item:hover {
    background: var(--lu-surface-2);
    color: var(--lu-text);
}
#order-standard_cart .cart-sidebar .list-group-item.active {
    background: var(--lu-purple-soft);
    color: var(--lu-purple);
    font-weight: 700;
    border: 0;
}

/* --------------------------------------------------------------------------
   4. Product cards
   -------------------------------------------------------------------------- */
#order-standard_cart .products .product {
    background: var(--lu-surface);
    border: 1.5px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
    transition: border-color .15s ease, transform .15s ease;
}
#order-standard_cart .products .product:hover {
    border-color: var(--lu-purple);
    transform: translateY(-2px);
}
#order-standard_cart .products .product header {
    background: var(--lu-jet);
    color: #fff;
    font-family: var(--lu-font);
    font-weight: 700;
    font-size: 16px;
    border: 0;
    padding: 16px 20px;
}
#order-standard_cart .products .product header .qty {
    background: var(--lu-yellow);
    color: var(--lu-jet);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
}
#order-standard_cart .products .product .product-desc { padding: 14px 20px 6px; }
#order-standard_cart .products .product .product-desc ul { padding-left: 0; }
#order-standard_cart .products .product .product-desc ul li {
    list-style: none;
    padding: 6px 0;
    border-bottom: 1px dotted var(--lu-border);
    font-size: 13.5px;
    color: var(--lu-text-soft);
}
#order-standard_cart .products .product .product-desc ul li:last-child { border-bottom: 0; }
#order-standard_cart .products .product .product-desc ul li .feature-value { font-weight: 700; color: var(--lu-text); }
#order-standard_cart .products .product footer {
    background: #FBFAFD;
    border-top: 1px dotted var(--lu-border-strong);
    padding: 14px 20px;
}
#order-standard_cart .product-pricing .price,
#order-standard_cart .price {
    color: var(--lu-purple);
    font-weight: 700;
}
#order-standard_cart .products .product footer .btn-order-now {
    background: var(--lu-purple);
    border-color: var(--lu-purple);
    color: #fff;
}
#order-standard_cart .products .product footer .btn-order-now:hover {
    background: var(--lu-purple-strong);
    border-color: var(--lu-purple-strong);
}

/* --------------------------------------------------------------------------
   5. Domain checker & lookup results
   -------------------------------------------------------------------------- */
#order-standard_cart .domain-checker-container {
    background: var(--lu-jet);
    border-radius: var(--lu-radius-lg);
    border: 0;
    padding: 32px 28px;
}
#order-standard_cart .domain-checker-container h1,
#order-standard_cart .domain-checker-container h2,
#order-standard_cart .domain-checker-container h3 {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    color: #fff;
}
#order-standard_cart .domain-checker-bg { background: transparent; }
#order-standard_cart .domain-checker-container .form-control,
#order-standard_cart .domain-input-group .form-control {
    border-radius: 999px 0 0 999px;
    border: 0;
    padding: 12px 22px;
    height: auto;
}
#order-standard_cart .domain-checker-container .btn,
#order-standard_cart .domain-input-group .btn {
    border-radius: 0 999px 999px 0;
}
#order-standard_cart .domain-checker-container .btn-primary {
    background: var(--lu-yellow);
    border-color: var(--lu-yellow);
    color: var(--lu-jet);
}
#order-standard_cart .domain-checker-container .btn-primary:hover {
    background: #FFDD4D;
    border-color: #FFDD4D;
}

#order-standard_cart .domain-checker-available { color: var(--lu-success); }
#order-standard_cart .domain-checker-unavailable { color: var(--lu-danger); }
#order-standard_cart .domain-checker-invalid { color: var(--lu-warning); }

#order-standard_cart .domain-lookup-result .domain-available { color: var(--lu-success); }
#order-standard_cart .domain-lookup-result .domain-unavailable { color: var(--lu-danger); }

#order-standard_cart .spotlight-tlds-container,
#order-standard_cart .featured-tlds-container {
    background: transparent;
}
#order-standard_cart .spotlight-tld,
#order-standard_cart .featured-tld {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius);
    box-shadow: var(--lu-shadow);
}

#order-standard_cart .domain-suggestion,
#order-standard_cart .domain-lookup-result .option {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius);
    margin-bottom: 8px;
}
#order-standard_cart .domain-suggestion:hover { border-color: var(--lu-purple); }
#order-standard_cart .domain-price { color: var(--lu-purple); font-weight: 700; }

#order-standard_cart .sales-group-hot,
#order-standard_cart .sales-group-new,
#order-standard_cart .sales-group-sale {
    border-radius: 999px;
    font-weight: 700;
    text-transform: lowercase;
}
#order-standard_cart .sales-group-hot { background: var(--lu-danger-bg); color: var(--lu-danger); }
#order-standard_cart .sales-group-new { background: var(--lu-sky-soft); color: var(--lu-info); }
#order-standard_cart .sales-group-sale { background: var(--lu-yellow-soft); color: var(--lu-warning); }

#order-standard_cart .tld-pricing-header {
    background: var(--lu-surface-2);
    border-radius: var(--lu-radius-sm);
    font-weight: 700;
    color: var(--lu-text-soft);
}
#order-standard_cart .tld-row { border-bottom: 1px dotted var(--lu-border); }
#order-standard_cart .domain-promo-box {
    background: var(--lu-purple-soft);
    border-radius: var(--lu-radius);
    color: var(--lu-purple);
    border: 0;
}

/* --------------------------------------------------------------------------
   6. View cart & order summary
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    background: var(--lu-jet);
    color: #fff;
    border-radius: var(--lu-radius) var(--lu-radius) 0 0;
    border: 0;
    font-weight: 700;
}
#order-standard_cart .view-cart-items {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-top: 0;
    border-radius: 0 0 var(--lu-radius) var(--lu-radius);
    box-shadow: var(--lu-shadow);
}
#order-standard_cart .view-cart-items .item { border-bottom: 1px dotted var(--lu-border-strong); }
#order-standard_cart .view-cart-items .item:last-child { border-bottom: 0; }
#order-standard_cart .item-title { font-weight: 700; color: var(--lu-text); }
#order-standard_cart .item-group { color: var(--lu-text-muted); font-size: 12.5px; }
#order-standard_cart .item-domain { color: var(--lu-purple); }
#order-standard_cart .item-price { font-weight: 700; }
#order-standard_cart .item-price span.cycle { color: var(--lu-text-muted); font-weight: 400; font-size: 12.5px; }
#order-standard_cart .btn-remove-from-cart { color: var(--lu-danger); }

#order-standard_cart .empty-cart { padding: 40px 0; }
#order-standard_cart .empty-cart .fas { color: var(--lu-border-strong); }

#order-standard_cart .summary-container,
#order-standard_cart .order-summary {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
}
#order-standard_cart .order-summary {
    background: var(--lu-jet);
    color: var(--lu-text-invert);
    border: 0;
}
#order-standard_cart .order-summary h2 {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    color: #fff;
}
#order-standard_cart .summary-totals { border-color: rgba(255,255,255,.15); }
#order-standard_cart .summary-totals .clearfix { border-color: rgba(255,255,255,.12); }
#order-standard_cart .total-due-today,
#order-standard_cart .total-due-today-padded {
    background: var(--lu-yellow);
    color: var(--lu-jet);
    border-radius: var(--lu-radius);
    font-weight: 700;
}
#order-standard_cart .total-due-today .amt { color: var(--lu-jet); }
#order-standard_cart .recurring-totals,
#order-standard_cart .bordered-totals { border-color: var(--lu-border); }

#order-standard_cart .view-cart-promotion-code .form-control { border-radius: 999px 0 0 999px; }
#order-standard_cart .view-cart-promotion-code .btn { border-radius: 0 999px 999px 0; }

/* --------------------------------------------------------------------------
   7. Configure product / addons / cards
   -------------------------------------------------------------------------- */
#order-standard_cart .card,
#order-standard_cart .panel {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
}
#order-standard_cart .card-header,
#order-standard_cart .panel-heading {
    background: none;
    border-bottom: 1px dotted var(--lu-border-strong);
    font-weight: 700;
    color: var(--lu-text);
    border-radius: var(--lu-radius-lg) var(--lu-radius-lg) 0 0;
}
#order-standard_cart .card-footer,
#order-standard_cart .panel-footer {
    background: #FBFAFD;
    border-top: 1px solid var(--lu-border);
    border-radius: 0 0 var(--lu-radius-lg) var(--lu-radius-lg);
}
#order-standard_cart .product-configurable-options label { font-weight: 700; }
#order-standard_cart .product-info { border-radius: var(--lu-radius); }

/* alerts inside the cart */
#order-standard_cart .alert { border-radius: 14px; }
#order-standard_cart .alert-success { background: var(--lu-success-bg); border-color: var(--lu-success-border); color: var(--lu-success); }
#order-standard_cart .alert-danger { background: var(--lu-danger-bg); border-color: var(--lu-danger-border); color: var(--lu-danger); }
#order-standard_cart .alert-warning { background: var(--lu-warning-bg); border-color: var(--lu-warning-border); color: var(--lu-warning); }
#order-standard_cart .alert-info { background: var(--lu-info-bg); border-color: var(--lu-info-border); color: var(--lu-info); }

/* --------------------------------------------------------------------------
   8. Checkout
   -------------------------------------------------------------------------- */
#order-standard_cart .checkout-security-msg {
    background: var(--lu-success-bg);
    color: var(--lu-success);
    border-radius: var(--lu-radius);
    border: 1px solid var(--lu-success-border);
}
#order-standard_cart .existing-card,
#order-standard_cart .account-select {
    border: 1.5px solid var(--lu-border);
    border-radius: var(--lu-radius);
    background: var(--lu-surface);
    transition: border-color .15s ease;
}
#order-standard_cart .existing-card:hover,
#order-standard_cart .account-select:hover { border-color: var(--lu-purple); }
#order-standard_cart .existing-card.active,
#order-standard_cart .account-select.active {
    border-color: var(--lu-purple);
    background: var(--lu-purple-tint);
}
#order-standard_cart .progress { border-radius: 999px; background: var(--lu-surface-2); box-shadow: none; }
#order-standard_cart .progress-bar-success { background: var(--lu-success); }

/* order complete */
#order-standard_cart .order-confirmation {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
}

/* --------------------------------------------------------------------------
   9. Site-specific overrides — add below this line
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   10. Luno-cart bespoke templates (complete.tpl, error.tpl overrides)
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-cart-complete {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0 40px;
}
#order-standard_cart .lu-cart-complete-card {
    width: 100%;
    max-width: 560px;
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    padding: 40px 36px 32px;
    text-align: center;
}
#order-standard_cart .lu-cart-complete-mark { width: 64px; height: 64px; margin-bottom: 14px; }
#order-standard_cart .lu-cart-complete-title {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    font-size: 30px;
    margin: 0 0 14px;
    color: var(--lu-text);
}
#order-standard_cart .lu-order-number {
    display: inline-block;
    margin: 6px 0 18px;
    padding: 12px 26px;
    background: var(--lu-yellow-soft);
    border: 1.5px dashed var(--lu-warning-border);
    border-radius: var(--lu-radius);
    font-size: 16px;
    font-weight: 700;
}
#order-standard_cart .lu-order-number span { color: var(--lu-purple); letter-spacing: 1px; }
#order-standard_cart .lu-cart-complete-actions { margin-top: 20px; }

/* --------------------------------------------------------------------------
   11. Bespoke domainregister.tpl (luno-cart override)
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-domain-hero {
    background: var(--lu-jet);
    border-radius: var(--lu-radius-lg) var(--lu-radius-lg) 44% 44%/var(--lu-radius-lg) var(--lu-radius-lg) 44px 44px;
    padding: 40px 32px 56px;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
}
#order-standard_cart .lu-domain-hero::before {
    content: "";
    position: absolute;
    top: -110px; right: -70px;
    width: 340px; height: 340px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(177, 24, 200, .5), transparent 70%);
    pointer-events: none;
}
#order-standard_cart .lu-domain-hero .domain-checker-bg { background: none; position: relative; }
#order-standard_cart .lu-domain-hero-box {
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: 680px;
    margin: 0 auto;
    background: #fff;
    border-radius: 999px;
    padding: 8px 8px 8px 24px;
    box-shadow: 0 20px 44px -18px rgba(0, 0, 0, .5);
}
#order-standard_cart .lu-domain-hero-box .form-control {
    flex: 1;
    min-width: 0;
    border: 0 !important;
    box-shadow: none !important;
    background: none;
    font-size: 15px;
    padding: 8px 0;
    height: auto;
}
#order-standard_cart .lu-domain-hero-box .input-group-btn { flex: none; }
#order-standard_cart .lu-domain-hero-box .btn {
    border-radius: 999px !important;
    padding: 10px 26px;
}
#order-standard_cart .lu-domain-hero-captcha {
    max-width: 680px;
    margin: 18px auto 0;
    text-align: center;
}
#order-standard_cart .lu-domain-hero-captcha .g-recaptcha > div,
#order-standard_cart .lu-domain-hero-captcha .recaptcha-container > div { margin: 0 auto; }
#order-standard_cart .lu-domain-hero-captcha .default-captcha {
    display: inline-block;
    background: var(--lu-surface);
    border-radius: var(--lu-radius);
    padding: 14px 18px;
}

/* lookup results headline */
#order-standard_cart .lu-domain-results .domain-checker-result-headline {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    padding: 22px 24px;
    text-align: center;
    margin-bottom: 20px;
    font-size: 16px;
}
#order-standard_cart .lu-domain-results .domain-price { margin: 14px 0 0; }
#order-standard_cart .lu-domain-results .domain-price .price {
    font-size: 22px;
    margin-right: 12px;
}
#order-standard_cart .lu-idn-note { margin: 10px 0; font-size: 13.5px; color: var(--lu-text-muted); }
#order-standard_cart .lu-idn-select { max-width: 360px; margin: 0 auto; }

/* spotlight tlds */
#order-standard_cart .spotlight-tlds-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 20px;
}
#order-standard_cart .spotlight-tld-container { width: auto; padding: 0; float: none; }
#order-standard_cart .spotlight-tld {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 16px 12px;
    font-weight: 700;
    font-size: 17px;
    color: var(--lu-purple);
}

/* suggestions card */
#order-standard_cart .lu-suggested {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
    margin-bottom: 24px;
}
#order-standard_cart .lu-suggested .card-header {
    background: none;
    border-bottom: 1px dotted var(--lu-border-strong);
    font-weight: 700;
    padding: 16px 22px;
}
#order-standard_cart .lu-suggested .list-group { padding: 8px; }
#order-standard_cart .lu-suggested .domain-suggestion {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    border: 0;
    border-bottom: 1px dotted var(--lu-border);
    border-radius: 0;
    margin: 0;
    padding: 12px 14px;
    font-size: 15px;
}
#order-standard_cart .lu-suggested .domain-suggestion:last-child { border-bottom: 0; }
#order-standard_cart .lu-suggested .domain-suggestion .domain { font-weight: 700; }
#order-standard_cart .lu-suggested .domain-suggestion .extension { color: var(--lu-purple); font-weight: 700; }
#order-standard_cart .lu-suggested .domain-suggestion .actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}
#order-standard_cart .lu-suggested .card-footer {
    background: #FBFAFD;
    border-top: 1px solid var(--lu-border);
    padding: 12px;
}
#order-standard_cart .domain-suggestions-warning { padding: 10px 16px; font-size: 12.5px; }

/* featured tlds grid */
#order-standard_cart .lu-featured-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 14px;
    margin-bottom: 24px;
}
#order-standard_cart .lu-featured-grid .featured-tld {
    padding: 18px;
    text-align: center;
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius);
    box-shadow: var(--lu-shadow);
    width: auto;
    float: none;
    margin: 0;
}
#order-standard_cart .lu-featured-grid .featured-tld img { max-height: 42px; width: auto; }
#order-standard_cart .lu-featured-grid .featured-tld .price { margin-top: 10px; font-weight: 700; color: var(--lu-purple); }

/* category filter badges */
#order-standard_cart .tld-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 16px; }
#order-standard_cart .tld-filters a.badge {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 999px;
    background: var(--lu-surface-2);
    color: var(--lu-text-soft);
    font-size: 12.5px;
    font-weight: 700;
    transition: all .15s ease;
}
#order-standard_cart .tld-filters a.badge:hover { background: var(--lu-purple-soft); color: var(--lu-purple); }
#order-standard_cart .tld-filters a.badge.active,
#order-standard_cart .tld-filters a.badge.badge-primary,
#order-standard_cart .tld-filters a.badge.label-success {
    background: var(--lu-purple);
    color: #fff;
}

/* tld pricing table (own flex layout — no bootstrap grid dependency) */
#order-standard_cart .lu-tld-table {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
    margin-bottom: 26px;
}
#order-standard_cart .lu-tld-head,
#order-standard_cart .lu-tld-row {
    display: flex;
    align-items: center;
}
#order-standard_cart .lu-tld-head {
    background: var(--lu-surface-2);
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: .5px;
    color: var(--lu-text-soft);
}
#order-standard_cart .lu-tld-col {
    flex: 1;
    padding: 12px 14px;
    text-align: center;
    min-width: 0;
}
#order-standard_cart .lu-tld-col-name {
    flex: 1.4;
    text-align: left;
    padding-left: 22px;
    font-size: 15px;
}
#order-standard_cart .lu-tld-row { border-top: 1px dotted var(--lu-border); }
#order-standard_cart .lu-tld-row:hover { background: #FBFAFD; }
#order-standard_cart .lu-tld-price { display: block; font-weight: 700; }
#order-standard_cart .lu-tld-col small { color: var(--lu-text-muted); }
#order-standard_cart .lu-tld-empty { display: block; padding: 22px; color: var(--lu-text-muted); }
#order-standard_cart .tld-sale-group {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    background: var(--lu-yellow-soft);
    color: var(--lu-warning);
}

/* cross-sell promo cards */
#order-standard_cart .lu-domain-promos {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 4px;
}
#order-standard_cart .lu-promo-card {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    padding: 26px 26px 22px;
    text-align: left;
    margin: 0;
}
#order-standard_cart .lu-promo-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--lu-purple-soft);
    color: var(--lu-purple);
    margin-bottom: 12px;
}
#order-standard_cart .lu-promo-card h3 { font-size: 19px; margin-bottom: 4px; }
#order-standard_cart .lu-promo-lead { color: var(--lu-purple); font-weight: 700; font-size: 13.5px; }
#order-standard_cart .lu-promo-card .btn { margin-top: 6px; }

@media (max-width: 720px) {
    #order-standard_cart .lu-domain-hero { padding: 28px 18px 44px; }
    #order-standard_cart .lu-domain-hero-box { flex-direction: column; border-radius: 24px; padding: 14px; }
    #order-standard_cart .lu-domain-hero-box .form-control { width: 100%; padding: 6px 8px; }
    #order-standard_cart .lu-domain-hero-box .input-group-btn { width: 100%; }
    #order-standard_cart .lu-domain-hero-box .btn { width: 100%; }
    #order-standard_cart .lu-tld-head { display: none; }
    #order-standard_cart .lu-tld-row { flex-wrap: wrap; padding: 8px 6px; }
    #order-standard_cart .lu-tld-col-name { flex: 1 1 100%; }
    #order-standard_cart .lu-tld-col { padding: 6px 10px; }
}

/* --------------------------------------------------------------------------
   12. Domain search results — polish pass (top-suggestion card, soft pills)
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-domain-results .domain-checker-available {
    font-size: 20px;
    font-weight: 700;
}
#order-standard_cart .lu-domain-results .domain-checker-unavailable,
#order-standard_cart .lu-domain-results .domain-checker-invalid {
    font-size: 16px;
    font-weight: 700;
}
#order-standard_cart .lu-domain-results .domain-price .price {
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    color: var(--lu-text);
}

/* add-to-cart buttons: soft purple pill, solid on hover */
#order-standard_cart .btn-add-to-cart {
    background: var(--lu-purple-soft);
    border: 0;
    border-radius: 999px;
    color: var(--lu-purple);
    font-weight: 700;
    padding: 8px 18px;
    transition: background .15s ease, color .15s ease;
}
#order-standard_cart .btn-add-to-cart:hover,
#order-standard_cart .btn-add-to-cart:focus {
    background: var(--lu-purple);
    color: #fff;
}
/* primary lookup result gets the solid treatment straight away */
#order-standard_cart #primaryLookupResult .btn-add-to-cart {
    background: var(--lu-purple);
    color: #fff;
    padding: 10px 24px;
}
#order-standard_cart #primaryLookupResult .btn-add-to-cart:hover { background: var(--lu-purple-strong); }

/* unavailable / invalid states stay muted, never look clickable */
#order-standard_cart .spotlight-tld .btn.unavailable,
#order-standard_cart .spotlight-tld .btn.invalid,
#order-standard_cart .btn-add-to-cart .unavailable {
    background: var(--lu-surface-2);
    color: var(--lu-text-muted);
    border: 0;
    border-radius: 999px;
}

/* suggestions: muted name, bold extension — scannable like a pricing list */
#order-standard_cart .lu-suggested .domain-suggestion .domain {
    color: var(--lu-text-muted);
    font-weight: 500;
}
#order-standard_cart .lu-suggested .domain-suggestion .extension {
    color: var(--lu-text);
    font-weight: 700;
}
#order-standard_cart .lu-suggested .domain-suggestion .actions .price {
    font-weight: 700;
    color: var(--lu-purple);
    margin-right: 6px;
}
#order-standard_cart .lu-suggested .more-suggestions a { font-weight: 700; }

/* spotlight price */
#order-standard_cart .spotlight-tld .available.price { color: var(--lu-text); font-weight: 700; }

/* --------------------------------------------------------------------------
   13. Cart phase — products / configure / viewcart / checkout polish
   -------------------------------------------------------------------------- */

/* bespoke templates: plan card helpers */
#order-standard_cart .lu-plan-qty {
    display: inline-block;
    background: var(--lu-yellow);
    color: var(--lu-jet);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 12px;
    margin: 6px 0 2px;
}
#order-standard_cart .lu-plan-pricing { text-align: center; margin-bottom: 12px; }
#order-standard_cart .lu-plan-pricing .price {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--lu-purple);
}
#order-standard_cart .lu-plan-cycle { display: block; font-size: 12.5px; color: var(--lu-text-muted); }
#order-standard_cart .lu-plan-setup { display: block; font-size: 12px; color: var(--lu-text-muted); margin-top: 2px; }
#order-standard_cart .lu-addon-body { padding: 14px 20px; }
#order-standard_cart .lu-transfer-card { max-width: 640px; margin: 0 auto 16px; }
#order-standard_cart .lu-label-row { display: flex; align-items: center; justify-content: space-between; width: 100%; }
#order-standard_cart .lu-label-help { font-size: 12.5px; font-weight: 500; cursor: help; }
#order-standard_cart .lu-currency-picker { text-align: right; margin-bottom: 14px; }
#order-standard_cart .lu-currency-picker .form-control { display: inline-block; width: auto; }

/* section headings: purple pill labels over dotted line */
#order-standard_cart .sub-heading span.primary-bg-color {
    padding: 5px 18px;
    border-radius: 999px;
    color: #fff !important;
    text-transform: lowercase;
    font-size: 12.5px;
}

/* configure product */
#order-standard_cart .product-info {
    background: var(--lu-purple-tint);
    border: 1px solid var(--lu-purple-soft);
    border-radius: var(--lu-radius);
    padding: 16px 20px;
    margin-bottom: 18px;
}
#order-standard_cart .product-info .product-title {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 4px;
    color: var(--lu-purple);
}
#order-standard_cart .product-info p:last-child { margin-bottom: 0; }
#order-standard_cart .field-container { margin-bottom: 8px; }
#order-standard_cart .form-control-qty { display: inline-block; width: 110px; }
#order-standard_cart .form-control-static-inline { margin-left: 8px; color: var(--lu-text-soft); }

/* addon picker cards (configure page) */
#order-standard_cart .panel-addon {
    position: relative;
    border: 1.5px solid var(--lu-border);
    border-radius: var(--lu-radius);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
    transition: border-color .15s ease;
    cursor: pointer;
}
#order-standard_cart .panel-addon:hover { border-color: var(--lu-purple); }
#order-standard_cart .panel-addon.panel-addon-selected { border-color: var(--lu-purple); background: var(--lu-purple-tint); }
#order-standard_cart .panel-addon .panel-body { font-size: 13.5px; }
#order-standard_cart .panel-addon .panel-price {
    padding: 8px 18px;
    font-weight: 700;
    color: var(--lu-purple);
    border-top: 1px dotted var(--lu-border-strong);
    background: var(--lu-surface);
}
#order-standard_cart .panel-addon .panel-add {
    padding: 8px 18px;
    background: var(--lu-surface-2);
    font-weight: 700;
    font-size: 13px;
    color: var(--lu-text-soft);
}
#order-standard_cart .panel-addon.panel-addon-selected .panel-add {
    background: var(--lu-purple);
    color: #fff;
}

/* view cart */
#order-standard_cart .view-cart-items .item { padding: 14px 18px; }
#order-standard_cart .item-qty input { max-width: 80px; display: inline-block; }
#order-standard_cart .btn-remove-from-cart { color: var(--lu-danger); }
#order-standard_cart .btn-remove-from-cart:hover { color: #8f1620; }
#order-standard_cart .empty-cart { padding: 12px 0; text-align: right; }
#order-standard_cart .empty-cart .btn-link { color: var(--lu-danger); font-weight: 700; }
#order-standard_cart .renewal.cycle { display: block; font-size: 12px; color: var(--lu-text-muted); }
#order-standard_cart .view-cart-tabs {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    margin-top: 20px;
    overflow: hidden;
}
#order-standard_cart .view-cart-tabs .tab-content { padding: 18px 22px; }
#order-standard_cart .view-cart-promotion-code {
    text-align: center;
    font-weight: 700;
    color: var(--lu-success);
    margin-bottom: 10px;
}
#order-standard_cart .express-checkout-buttons { margin: 14px 0; text-align: center; }
#order-standard_cart .express-checkout-buttons .separator {
    margin: 10px 0;
    font-size: 11.5px;
    color: var(--lu-text-muted);
    letter-spacing: 1px;
}
#order-standard_cart .btn-continue-shopping { color: rgba(255, 255, 255, .75); }
#order-standard_cart .btn-continue-shopping:hover { color: #fff; }
#order-standard_cart .order-summary .summary-container a { color: #fff; }
#order-standard_cart .row-upgrade-credit { color: var(--lu-success); }
#order-standard_cart .upgrade-calc-msg { font-size: 12px; color: var(--lu-text-muted); }

/* checkout */
#order-standard_cart #btnCompleteOrder {
    background: var(--lu-yellow) !important;
    border-color: var(--lu-yellow) !important;
    color: var(--lu-jet) !important;
}
#order-standard_cart #btnCompleteOrder:hover {
    background: #FFDD4D !important;
    border-color: #FFDD4D !important;
}
#order-standard_cart .account-select-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
#order-standard_cart .account-select { padding: 14px 16px; cursor: pointer; }
#order-standard_cart .new-card-container,
#order-standard_cart .existing-cc-grid {
    background: var(--lu-surface);
    border: 1.5px solid var(--lu-border);
    border-radius: var(--lu-radius);
    padding: 16px 18px;
    margin-bottom: 14px;
}
#order-standard_cart .already-registered {
    background: var(--lu-sky-soft);
    border-radius: var(--lu-radius);
    padding: 12px 18px;
    margin-bottom: 16px;
}
#order-standard_cart .marketing-email-optin {
    background: var(--lu-surface-2);
    border-radius: var(--lu-radius);
    padding: 14px 18px;
    margin: 14px 0;
}

@media (max-width: 720px) {
    #order-standard_cart .lu-transfer-card { max-width: none; }
}

/* --------------------------------------------------------------------------
   14. Cart layout: contextual sidebar on the RIGHT (matches client theme)
   -------------------------------------------------------------------------- */
#order-standard_cart > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
    margin-left: 0;
    margin-right: 0;
}
#order-standard_cart > .row > .cart-body {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    float: none;
    padding: 0;
}
#order-standard_cart > .row > .cart-sidebar {
    order: 2;
    flex: 0 0 300px;
    width: 300px;
    float: none;
    padding: 0;
}
@media (max-width: 991px) {
    #order-standard_cart > .row > .cart-sidebar {
        flex: 1 1 100%;
        width: 100%;
    }
}

/* --------------------------------------------------------------------------
   15. TLD pricing as DataTables (search + pagination + per-row Register)
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-tld-card { margin-top: 6px; }
#order-standard_cart .lu-tld-card .panel-body { padding: 16px 20px 20px; }
#order-standard_cart .lu-tld-name { font-size: 16px; }
#order-standard_cart .lu-tld-card td small { display: block; color: var(--lu-text-muted); }
#order-standard_cart .lu-tld-register {
    background: var(--lu-purple-soft);
    border: 0;
    border-radius: 999px;
    color: var(--lu-purple);
    font-weight: 700;
    padding: 7px 20px;
}
#order-standard_cart .lu-tld-register:hover {
    background: var(--lu-purple);
    color: #fff;
}
#order-standard_cart .lu-domain-pricing h4 { margin: 18px 0 10px; }

/* --------------------------------------------------------------------------
   16. Bespoke view cart
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-cart-card {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    overflow: hidden;
    margin-bottom: 20px;
}
#order-standard_cart .lu-cart-card-head {
    display: flex;
    justify-content: space-between;
    background: var(--lu-jet);
    color: #fff;
    font-weight: 700;
    font-size: 13.5px;
    padding: 12px 22px;
    border: 0;
    border-radius: 0;
}
#order-standard_cart .lu-cart-items { border: 0; background: none; box-shadow: none; border-radius: 0; }
#order-standard_cart .lu-cart-item {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 16px 22px;
    border-bottom: 1px dotted var(--lu-border-strong);
}
#order-standard_cart .lu-cart-items .lu-cart-item:last-child { border-bottom: 0; }
#order-standard_cart .lu-cart-subitem { padding-left: 42px; background: #FBFAFD; }
#order-standard_cart .lu-cart-item-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
#order-standard_cart .lu-cart-item-info .item-title {
    font-weight: 700;
    font-size: 15px;
    color: var(--lu-text);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#order-standard_cart .lu-cart-edit { font-size: 12.5px; font-weight: 700; color: var(--lu-purple); }
#order-standard_cart .lu-cart-item-info .item-group { font-size: 12.5px; color: var(--lu-text-muted); }
#order-standard_cart .lu-cart-item-info .item-domain { font-size: 13.5px; color: var(--lu-purple); font-weight: 500; }
#order-standard_cart .lu-cart-configopts { color: var(--lu-text-muted); line-height: 1.6; }
#order-standard_cart .lu-cart-qty { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; }
#order-standard_cart .lu-cart-qty input { max-width: 84px; }
#order-standard_cart .lu-cart-item-price {
    flex: none;
    width: auto;
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding: 0;
}
#order-standard_cart .lu-cart-item-price > span:first-child { font-weight: 700; font-size: 15.5px; }
#order-standard_cart .lu-cart-item-price .cycle { display: block; font-size: 12px; color: var(--lu-text-muted); }
#order-standard_cart .lu-cart-remove {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid var(--lu-border);
    background: var(--lu-surface);
    color: var(--lu-danger);
    cursor: pointer;
    transition: all .15s ease;
}
#order-standard_cart .lu-cart-remove:hover {
    background: var(--lu-danger);
    border-color: var(--lu-danger);
    color: #fff;
}
#order-standard_cart .lu-cart-empty-msg { padding: 36px 20px; text-align: center; color: var(--lu-text-muted); }
#order-standard_cart .lu-cart-card-foot {
    padding: 10px 16px;
    text-align: right;
    background: #FBFAFD;
    border-top: 1px solid var(--lu-border);
}
#order-standard_cart .empty-cart { margin: 0; }
#order-standard_cart .lu-btn-ghost-danger { color: var(--lu-danger); border: 1.5px solid var(--lu-danger-border); background: var(--lu-surface); }
#order-standard_cart .lu-btn-ghost-danger:hover { background: var(--lu-danger); border-color: var(--lu-danger); color: #fff; }
#order-standard_cart .lu-upgrade-credit-note { color: var(--lu-success); }

/* promo / tax card tabs */
#order-standard_cart .lu-cart-tabs .nav-tabs {
    display: flex;
    gap: 6px;
    list-style: none;
    margin: 0;
    padding: 12px 16px 0;
    border-bottom: 1px dotted var(--lu-border-strong);
}
#order-standard_cart .lu-cart-tabs .nav-tabs > li > a {
    display: inline-flex;
    padding: 8px 18px;
    border: 0;
    border-radius: 999px 999px 0 0;
    color: var(--lu-text-soft);
    font-weight: 700;
    font-size: 13.5px;
    background: none;
}
#order-standard_cart .lu-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .lu-cart-tabs .nav-tabs > li > a.active {
    background: var(--lu-purple-soft);
    color: var(--lu-purple);
}
#order-standard_cart .lu-promo-form { display: flex; gap: 10px; flex-wrap: wrap; }
#order-standard_cart .lu-promo-form .form-control { flex: 1 1 220px; min-width: 0; }

/* order summary: dark card, legible everywhere (kill stock inner white box) */
#order-standard_cart .lu-order-summary {
    background: var(--lu-jet);
    color: var(--lu-text-invert);
    border: 0;
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    padding: 22px 22px 20px;
    position: relative;
}
#order-standard_cart .lu-order-summary h2 {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    font-size: 24px;
    color: #fff;
    margin: 0 0 14px;
    text-align: left;
}
#order-standard_cart .lu-order-summary .summary-container {
    background: transparent !important;
    color: var(--lu-text-invert);
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
#order-standard_cart .lu-order-summary .summary-container .clearfix,
#order-standard_cart .lu-order-summary .subtotal,
#order-standard_cart .lu-order-summary .recurring-totals {
    padding: 7px 0;
    font-size: 14px;
    color: var(--lu-text-invert);
    border: 0;
}
#order-standard_cart .lu-order-summary .bordered-totals {
    border-top: 1px dotted rgba(255,255,255,.2);
    border-bottom: 1px dotted rgba(255,255,255,.2);
    margin: 4px 0;
    padding: 4px 0;
}
#order-standard_cart .lu-order-summary .recurring-charges { text-align: right; font-size: 13px; }
#order-standard_cart .lu-order-summary .recurring-charges .cost { font-weight: 700; }
#order-standard_cart .lu-order-summary .total-due-today {
    background: var(--lu-yellow);
    color: var(--lu-jet);
    border-radius: var(--lu-radius);
    text-align: center;
    padding: 14px 16px;
    margin: 14px 0;
}
#order-standard_cart .lu-order-summary .total-due-today .amt {
    display: block;
    font-size: 26px;
    font-weight: 700;
    color: var(--lu-jet);
}
#order-standard_cart .lu-order-summary .loader {
    position: absolute;
    top: 22px;
    right: 22px;
    color: rgba(255,255,255,.8);
}
#order-standard_cart .lu-summary-actions { text-align: center; }
#order-standard_cart .lu-summary-actions .btn-checkout { margin-bottom: 8px; }

@media (max-width: 720px) {
    #order-standard_cart .lu-cart-item { flex-wrap: wrap; }
    #order-standard_cart .lu-cart-item-price { width: 100%; text-align: left; order: 3; }
    #order-standard_cart .lu-cart-remove { order: 2; margin-left: auto; }
}

/* --------------------------------------------------------------------------
   17. View cart — align with the theme card language
   -------------------------------------------------------------------------- */
/* items card header: white, chip + title + dotted divider (like every card) */
#order-standard_cart .lu-cart-card-head {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    color: var(--lu-text);
    padding: 18px 22px;
    border-bottom: 1px dotted var(--lu-border-strong);
    font-size: inherit;
}
#order-standard_cart .lu-cart-card-head .lu-card-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--lu-yellow);
    color: var(--lu-jet);
    flex: none;
    font-size: 16px;
}
#order-standard_cart .lu-cart-card-head .lu-card-title {
    flex: 1;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}
#order-standard_cart .lu-cart-head-price {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--lu-text-muted);
}

/* Empty Cart: kill the stock blue for good */
#order-standard_cart .empty-cart .btn,
#order-standard_cart .empty-cart button,
#order-standard_cart #btnEmptyCart {
    background: var(--lu-surface) !important;
    border: 1.5px solid var(--lu-danger-border) !important;
    border-radius: 999px !important;
    color: var(--lu-danger) !important;
    font-weight: 700;
    padding: 7px 16px;
    box-shadow: none !important;
    text-shadow: none;
}
#order-standard_cart .empty-cart .btn:hover,
#order-standard_cart #btnEmptyCart:hover {
    background: var(--lu-danger) !important;
    border-color: var(--lu-danger) !important;
    color: #fff !important;
}

/* promo/tax tabs: compact contained pills, no stock bleed */
#order-standard_cart .lu-cart-tabs .nav-tabs > li,
#order-standard_cart .lu-cart-tabs .nav-tabs > li > a {
    border: 0 !important;
    margin: 0 !important;
    background-color: transparent;
}
#order-standard_cart .lu-cart-tabs .nav-tabs > li > a {
    display: inline-flex !important;
    align-items: center;
    padding: 8px 18px !important;
    border-radius: 999px !important;
    line-height: 1.4 !important;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--lu-text-soft);
}
#order-standard_cart .lu-cart-tabs .nav-tabs > li.active > a,
#order-standard_cart .lu-cart-tabs .nav-tabs > li > a.active {
    background: var(--lu-purple-soft) !important;
    color: var(--lu-purple) !important;
}
#order-standard_cart .lu-cart-tabs .nav-tabs { padding: 14px 16px; gap: 8px; }

/* order summary refinements */
#order-standard_cart .lu-order-summary h2 { font-size: 22px; margin-bottom: 16px; }
#order-standard_cart .lu-order-summary .recurring-totals > .pull-left { color: rgba(255,255,255,.65); }
#order-standard_cart .lu-order-summary .subtotal > .pull-left { color: rgba(255,255,255,.65); }
#order-standard_cart .lu-order-summary .subtotal > .pull-right,
#order-standard_cart .lu-order-summary .recurring-charges { color: #fff; font-weight: 700; }

/* --------------------------------------------------------------------------
   18. Domain renewals page + ajax order-summary content (jet card legibility)
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-renewals-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}
#order-standard_cart .lu-renewals-header h1 { margin-bottom: 0; }
#order-standard_cart .lu-renewals-search .form-control {
    width: 240px;
    border-radius: 999px;
    padding: 9px 18px;
}
#order-standard_cart .lu-renewals-showing { margin-bottom: 14px; font-size: 13.5px; }

#order-standard_cart .lu-renewal-list { padding: 4px 0; }
#order-standard_cart .lu-renewal {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    padding: 16px 22px;
    border-bottom: 1px dotted var(--lu-border-strong);
    background: none;
    margin: 0;
}
#order-standard_cart .lu-renewal:last-child { border-bottom: 0; }
#order-standard_cart .lu-renewal-info { flex: 1 1 260px; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
#order-standard_cart .lu-renewal-domain {
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}
#order-standard_cart .lu-renewal-expiry { font-size: 13px; color: var(--lu-text-muted); }
#order-standard_cart .lu-renewal-desc { font-size: 12.5px; color: var(--lu-text-muted); }
#order-standard_cart .lu-renewal-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-left: auto;
}
#order-standard_cart .lu-renewal-form { margin: 0; }
#order-standard_cart .lu-renewal-actions .select-renewal-pricing { min-width: 220px; }
#order-standard_cart .btn-add-renewal-to-cart .to-add .fa-spinner { display: none; }
#order-standard_cart .btn-add-renewal-to-cart.loading .to-add .fa-spinner { display: inline-block; }
.label-grey { background: var(--lu-surface-2); color: var(--lu-text-soft); }

/* ajax-rendered ordersummary.tpl content inside the jet summary card */
#order-standard_cart .lu-order-summary .product-name {
    display: block;
    font-weight: 700;
    color: #fff;
    margin: 4px 0 2px;
}
#order-standard_cart .lu-order-summary .product-group {
    display: block;
    font-size: 12px;
    color: rgba(255,255,255,.6);
    margin-bottom: 6px;
}
#order-standard_cart .lu-order-summary #producttotal .clearfix,
#order-standard_cart .lu-order-summary .summary-totals .clearfix {
    padding: 5px 0;
    font-size: 13.5px;
    color: rgba(255,255,255,.85);
}
#order-standard_cart .lu-order-summary .summary-totals {
    border-top: 1px dotted rgba(255,255,255,.2);
    margin-top: 8px;
    padding-top: 6px;
}
#order-standard_cart .lu-order-summary #producttotal a { color: rgba(255,255,255,.75); }
#order-standard_cart .lu-order-summary #producttotal a:hover { color: #fff; }

/* --------------------------------------------------------------------------
   19. Stock .order-summary everywhere (configure product, service renewals):
   same jet treatment + legible inner container as the bespoke pages
   -------------------------------------------------------------------------- */
#order-standard_cart .order-summary {
    background: var(--lu-jet);
    color: var(--lu-text-invert);
    border: 0;
    border-radius: var(--lu-radius-lg);
    box-shadow: var(--lu-shadow);
    padding: 22px 22px 20px;
    position: relative;
}
#order-standard_cart .order-summary h2 {
    font-family: var(--lu-font-display);
    font-weight: 400;
    text-transform: lowercase;
    font-size: 22px !important;
    color: #fff;
    margin: 0 0 14px;
    text-align: left;
}
#order-standard_cart .order-summary .summary-container {
    background: transparent !important;
    color: var(--lu-text-invert);
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
}
#order-standard_cart .order-summary .summary-container .clearfix {
    color: rgba(255,255,255,.85);
    font-size: 13.5px;
    padding: 5px 0;
    border: 0;
}
#order-standard_cart .order-summary .product-name { display: block; font-weight: 700; color: #fff; margin: 4px 0 2px; }
#order-standard_cart .order-summary .product-group { display: block; font-size: 12px; color: rgba(255,255,255,.6); margin-bottom: 6px; }
#order-standard_cart .order-summary .summary-totals {
    border-top: 1px dotted rgba(255,255,255,.2);
    border-bottom: 0;
    margin-top: 8px;
    padding-top: 6px;
}
#order-standard_cart .order-summary .total-due-today {
    background: var(--lu-yellow);
    color: var(--lu-jet);
    border-radius: var(--lu-radius);
    text-align: center;
    padding: 14px 16px;
    margin: 14px 0 6px;
}
#order-standard_cart .order-summary .total-due-today .amt {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: var(--lu-jet);
}
#order-standard_cart .order-summary .loader {
    position: absolute;
    top: 22px;
    right: 22px;
    color: rgba(255,255,255,.8);
}
#order-standard_cart .order-summary a { color: rgba(255,255,255,.8); }
#order-standard_cart .order-summary a:hover { color: #fff; }
/* the continue/checkout button that follows the summary on configure pages */
#order-standard_cart #orderSummary > .text-center { margin-top: 14px; }
#order-standard_cart #orderSummary > .text-center .btn { width: 100%; }

/* --------------------------------------------------------------------------
   20. Renewals rows: white background + full-width select/button row
   -------------------------------------------------------------------------- */
#order-standard_cart .lu-cart-card,
#order-standard_cart .lu-renewal-list,
#order-standard_cart .lu-renewal,
#order-standard_cart .domain-renewals .domain-renewal {
    background: var(--lu-surface) !important;
}
#order-standard_cart .lu-renewal-actions {
    flex: 1 1 100%;
    margin-left: 0;
    margin-top: 10px;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#order-standard_cart .lu-renewal-form { flex: 1 1 auto; min-width: 0; }
#order-standard_cart .lu-renewal-actions .select-renewal-pricing {
    width: 100%;
    min-width: 0;
}
#order-standard_cart .lu-renewal-actions .btn-add-renewal-to-cart {
    flex: none;
    white-space: nowrap;
    padding: 10px 24px;
}
@media (max-width: 560px) {
    #order-standard_cart .lu-renewal-actions { flex-wrap: wrap; }
    #order-standard_cart .lu-renewal-actions .btn-add-renewal-to-cart { width: 100%; }
}

/* card-head search field (renewals filter — matches DataTables card searches) */
#order-standard_cart .lu-card-search {
    width: 220px;
    max-width: 45%;
    padding: 8px 16px;
    border: 1.5px solid var(--lu-border-strong);
    border-radius: 999px;
    background: var(--lu-surface);
    font-family: var(--lu-font);
    font-size: 13.5px;
    letter-spacing: var(--lu-tracking);
    color: var(--lu-text);
}
#order-standard_cart .lu-card-search:focus {
    outline: none;
    border-color: var(--lu-purple);
    box-shadow: var(--lu-ring);
}
#order-standard_cart .lu-card-search::placeholder { color: var(--lu-text-muted); }
@media (max-width: 560px) {
    #order-standard_cart .lu-cart-card-head { flex-wrap: wrap; }
    #order-standard_cart .lu-card-search { width: 100%; max-width: none; }
}

/* DataTables pagination in cart: active page number must be white on purple
   (all.min.css loads after luno.css and was overriding the color) */
#order-standard_cart .pagination > li > a,
#order-standard_cart .pagination > li > span {
    background: var(--lu-surface);
    border: 1px solid var(--lu-border);
    border-radius: 10px;
    color: var(--lu-text-soft);
    margin: 0 3px;
}
#order-standard_cart .pagination > li > a:hover {
    border-color: var(--lu-purple);
    color: var(--lu-purple);
    background: var(--lu-surface);
}
#order-standard_cart .pagination > .active > a,
#order-standard_cart .pagination > .active > a:hover,
#order-standard_cart .pagination > .active > a:focus,
#order-standard_cart .pagination > .active > span {
    background: var(--lu-purple) !important;
    border-color: var(--lu-purple) !important;
    color: #fff !important;
}
#order-standard_cart .pagination > .disabled > a,
#order-standard_cart .pagination > .disabled > a:hover {
    opacity: .45;
    color: var(--lu-text-muted);
    background: var(--lu-surface);
    border-color: var(--lu-border);
}

/* spotlight TLD cards: room for the Add/Unavailable buttons at the bottom */
#order-standard_cart .spotlight-tld {
    height: auto;
    min-height: 0;
    padding: 18px 12px 20px;
    overflow: visible;
}
#order-standard_cart .spotlight-tld .domain-lookup-result { width: 100%; }
#order-standard_cart .spotlight-tld .btn {
    white-space: normal;
    max-width: 100%;
    padding: 7px 16px;
    line-height: 1.35;
}
#order-standard_cart .spotlight-tlds { margin-bottom: 26px; }
#order-standard_cart .spotlight-tld .available.price { display: block; margin-bottom: 4px; }

/* the generic a:hover purple must never recolor solid buttons' text
   (anchor-buttons like Order Now were going purple-on-purple on hover) */
#order-standard_cart a.btn-primary:hover, #order-standard_cart a.btn-primary:focus,
#order-standard_cart .btn-primary:hover, #order-standard_cart .btn-primary:focus,
#order-standard_cart a.btn-success:hover, #order-standard_cart .btn-success:hover,
#order-standard_cart a.btn-danger:hover, #order-standard_cart .btn-danger:hover,
#order-standard_cart .btn-order-now:hover, #order-standard_cart .btn-order-now:focus {
    color: #fff !important;
}
#order-standard_cart a.lu-btn-cta:hover, #order-standard_cart .btn-checkout:hover,
#order-standard_cart #checkout:hover, #order-standard_cart #btnCompleteOrder:hover {
    color: var(--lu-jet) !important;
}

/* mobile: the Categories/Actions modules go to the BOTTOM of cart pages
   (covers both the full sidebar and the in-body collapsed variant) */
@media (max-width: 991px) {
    #order-standard_cart .cart-body {
        display: flex;
        flex-direction: column;
    }
    #order-standard_cart .cart-body > * { min-width: 0; }
    #order-standard_cart .cart-body > .sidebar-collapsed { order: 99; margin-top: 16px; }
    #order-standard_cart > .row > .cart-sidebar { order: 99; }
}
