/* =====================================================================
   HostEthical — Order flow (Standard Cart) themed to DomainHub tokens.
   Uses --dh-* variables defined in domainhub/css/app.css, so it follows
   light/dark mode automatically. Chrome (nav/footer) is handled by the
   DomainHub system theme — not here. WHMCS functional markup preserved.
   ===================================================================== */

:root {
    --c-bg:      var(--dh-bg, #ffffff);
    --c-surface: var(--dh-surface, #ffffff);
    --c-bg2:     var(--dh-bg2, #f8fafc);
    --c-text:    var(--dh-text, #0f172a);
    --c-muted:   var(--dh-muted, #64748b);
    --c-line:    var(--dh-line, #e5e7eb);
    --c-gold:    var(--dh-gold, #f5b942);
    --c-gold-d:  var(--dh-gold-deep, #e3a82f);
    --c-navy:    #0f172a;
    --c-green:   #22c55e;
    --soft:      0 15px 40px rgba(15,23,42,.08);
    --softh:     0 22px 55px rgba(15,23,42,.14);
    --r:         16px;
    --r-lg:      20px;
    --f:         "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;
    --fd:        "Space Grotesk", "Inter", sans-serif;
    --maxw:      1200px;
}

/* ---- Make order content full-width + themed (chrome stays from DomainHub) ---- */
#main-body { padding: 0 !important; background: var(--c-bg) !important; }

/* FontAwesome version mismatch (form CSS expects FA6 Pro, theme loads FA5) breaks
   the prepend field icons -> hide them for clean, premium inputs. */
#order-standard_cart .prepend-icon .field-icon { display: none !important; }
#order-standard_cart .prepend-icon .form-control,
#order-standard_cart .prepend-icon .field { padding-left: 14px !important; }

/* TLD card add buttons: always gold + readable */
.dr-tld-add { background: var(--c-gold) !important; color: #16130d !important; }
.dr-tld-add:hover { background: var(--c-gold-d) !important; }

/* Tighten spacing (checkout + cart felt too sparse) */
#order-standard_cart .sub-heading { margin: 18px 0 12px; }
#order-standard_cart .form-group { margin-bottom: 12px; }
#order-standard_cart .order-summary { padding: 22px; }
#order-standard_cart .order-summary .recurring-totals:empty,
#order-standard_cart .order-summary .bordered-totals:empty { display: none; }
#order-standard_cart .total-due-today { margin-top: 10px; padding-top: 12px; }
.dr-body { padding-top: 36px; }
.checkout-grid { gap: 28px; }

/* ---- Theme remaining WHMCS default inner surfaces (were white/blue in dark) ---- */
#order-standard_cart .summary-container,
#order-standard_cart .summary-container > div,
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane,
#order-standard_cart .panel-body,
#order-standard_cart .card-body,
#order-standard_cart .total-due-today,
#order-standard_cart .view-cart-promotion-code,
#order-standard_cart .well { background: transparent !important; color: var(--c-text); }
#order-standard_cart .view-cart-items-header { background: transparent !important; color: var(--c-muted) !important; }
#order-standard_cart .panel-heading,
#order-standard_cart .card-header,
#order-standard_cart .panel-primary > .panel-heading { background: var(--c-bg2) !important; color: var(--c-text) !important; border-color: var(--c-line) !important; }
#order-standard_cart .empty-cart .btn,
#order-standard_cart #btnEmptyCart { background: transparent !important; color: var(--c-muted) !important; box-shadow: none !important; border: 0 !important; }

/* Search results: kill white container bands in dark mode */
#order-standard_cart #DomainSearchResults,
#order-standard_cart #searchDomainInfo,
#order-standard_cart #spotlightTlds,
#order-standard_cart .spotlight-tlds,
#order-standard_cart .spotlight-tlds-container,
#order-standard_cart .domain-checker-result-headline { background: transparent !important; }
#order-standard_cart .spotlight-tld { background: var(--c-surface) !important; border: 1px solid var(--c-line) !important; }
#order-standard_cart .btn-add-to-cart { background: var(--c-gold) !important; color: #16130d !important; border: 0 !important; }
#order-standard_cart .btn-add-to-cart:hover { background: var(--c-gold-d) !important; }
#order-standard_cart .btn.unavailable, #order-standard_cart .btn.invalid { background: var(--c-bg2) !important; color: var(--c-muted) !important; border: 1px solid var(--c-line) !important; }

/* Section divider label sits ON the line (not struck through the text) */
#order-standard_cart .sub-heading { text-align: center; border-bottom: 1px solid var(--c-line); line-height: 0.1em; margin: 28px 0 22px; }
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading .primary-bg-color { display: inline-block; background: var(--c-bg) !important; padding: 0 16px !important; }
#main-body > .container, #main-body > .container-fluid { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; }
#main-body > .container > .row { margin: 0 !important; }
#main-body .main-content { width: 100% !important; padding: 0 !important; float: none !important; }

#order-standard_cart { font-family: var(--f); color: var(--c-text); background: var(--c-bg); }
#order-standard_cart h1, #order-standard_cart h2, #order-standard_cart h3, #order-standard_cart h4 { font-family: var(--fd); color: var(--c-text); letter-spacing: -.01em; }
#order-standard_cart a { color: var(--c-text); }
#order-standard_cart a:hover { color: var(--c-gold-d); }
#order-standard_cart .text-muted, #order-standard_cart small { color: var(--c-muted) !important; }
#order-standard_cart .cart-sidebar, #order-standard_cart .sidebar-categories-collapsed, #order-standard_cart #catSelectMobile { display: none !important; }
#order-standard_cart > .row { display: block; margin: 0; }
.dr-container { max-width: var(--maxw); margin: 0 auto; padding: 0 24px; }

/* ---- Buttons ---- */
#order-standard_cart .btn, .dr-tld-add, .dr-cta-btn, .dr-toggle-btn {
    font-family: var(--f); font-weight: 600; border-radius: 999px;
    transition: transform .3s ease, box-shadow .3s ease, background .3s ease, color .3s ease, border-color .3s ease; border: 1px solid transparent;
}
#order-standard_cart .btn-primary, #order-standard_cart .btn-success, #order-standard_cart .btn-warning, .dr-search-btn, .dr-tld-add {
    background: var(--c-gold); color: #16130d; border: 0; padding: 14px 30px;
}
#order-standard_cart .btn-primary:hover, #order-standard_cart .btn-success:hover, #order-standard_cart .btn-warning:hover, .dr-search-btn:hover, .dr-tld-add:hover {
    background: var(--c-gold-d); color: #16130d; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(245,185,66,.35);
}
#order-standard_cart .btn-default, #order-standard_cart .btn-secondary { background: transparent; border: 1px solid var(--c-line); color: var(--c-text); }
#order-standard_cart .btn-default:hover { border-color: var(--c-gold); color: var(--c-gold-d); }

/* ---- Forms ---- */
#order-standard_cart .form-control, #order-standard_cart .field.form-control, #order-standard_cart select, #order-standard_cart textarea {
    background: var(--c-surface); border: 1px solid var(--c-line); color: var(--c-text); border-radius: 12px; box-shadow: none; height: auto; padding: 12px 14px;
}
#order-standard_cart .form-control:focus { border-color: var(--c-gold); box-shadow: 0 0 0 4px rgba(245,185,66,.2); }
#order-standard_cart .form-control::placeholder { color: var(--c-muted); opacity: .7; }

/* ===================== DOMAIN SEARCH PAGE ===================== */
.dr-hero { position: relative; overflow: hidden; padding: 70px 0 54px; text-align: center;
    background: radial-gradient(900px 420px at 50% -12%, rgba(245,185,66,.16), transparent 70%); border-bottom: 1px solid var(--c-line); }
.dr-hero-bg { position: absolute; inset: 0; pointer-events: none; }
.dr-float { position: absolute; color: rgba(15,23,42,.06); font-size: 56px; }
:root.dark .dr-float, .dark .dr-float { color: rgba(255,255,255,.05); }
.dr-float-1 { top: 18%; left: 8%; } .dr-float-2 { top: 30%; right: 10%; font-size: 44px; } .dr-float-3 { bottom: 16%; left: 14%; font-size: 38px; } .dr-float-4 { bottom: 22%; right: 16%; font-size: 50px; }
.dr-hero-inner { position: relative; z-index: 1; }
.dr-title { font-family: var(--fd); font-size: clamp(32px,5vw,46px); font-weight: 700; margin: 0 0 12px; }
.dr-sub { font-size: 18px; color: var(--c-muted); margin: 0 0 24px; }
.dr-toggle { display: inline-flex; gap: 6px; padding: 6px; background: var(--c-bg2); border: 1px solid var(--c-line); border-radius: 999px; margin-bottom: 22px; }
.dr-toggle-btn { padding: 10px 30px; border-radius: 999px; font-weight: 600; color: var(--c-muted); text-decoration: none; }
.dr-toggle-btn:hover { color: var(--c-text); text-decoration: none; }
.dr-toggle-btn.active { background: var(--c-navy); color: #fff; }
.dark .dr-toggle-btn.active { background: var(--c-gold); color: #16130d; }

.dr-search-form { max-width: 720px; margin: 0 auto; }
.dr-search { display: flex; align-items: center; gap: 10px; height: 70px; padding: 0 10px 0 22px; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--soft); transition: box-shadow .3s, border-color .3s; }
.dr-search:focus-within { border-color: var(--c-gold); box-shadow: 0 0 0 4px rgba(245,185,66,.25), var(--soft); }
.dr-search-ic { color: var(--c-muted); font-size: 18px; }
.dr-search-input { flex: 1; border: 0 !important; outline: none; background: transparent !important; box-shadow: none !important; font-size: 18px; color: var(--c-text); padding: 0 6px !important; height: 100%; }
.dr-search-input::placeholder { color: var(--c-muted); opacity: .6; }
.dr-search-advanced { height: auto; padding: 14px 16px; align-items: stretch; flex-wrap: wrap; }
.dr-search-advanced textarea.dr-search-input { min-height: 46px; resize: vertical; }
.dr-search-btn { height: 52px; padding: 0 30px !important; border-radius: 14px !important; font-size: 16px; white-space: nowrap; }
.dr-advanced-row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 12px; }
.dr-safe { color: var(--c-muted); font-size: 13px; }
.dr-captcha { margin-top: 16px; }
.dr-trustline { margin-top: 18px; color: var(--c-muted); font-size: 14px; }
.dr-trustline::before { content: "★★★★★"; color: var(--c-gold); letter-spacing: 2px; margin-right: 8px; }
.dr-badges { margin-top: 22px; display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: center; }
.dr-badge { display: inline-flex; align-items: center; gap: 8px; color: var(--c-muted); font-size: 14px; font-weight: 500; }
.dr-badge i { color: var(--c-gold-d); }

.dr-body { padding: 50px 24px 80px; max-width: var(--maxw); margin: 0 auto; }
.dr-section { margin-bottom: 60px; }
.dr-section-title { font-family: var(--fd); font-size: clamp(24px,3.4vw,32px); font-weight: 700; text-align: center; margin: 0 0 8px; }
.dr-section-sub { text-align: center; color: var(--c-muted); margin: 0 0 30px; }

/* available domain result card + WHMCS functional blocks */
#order-standard_cart .primary-domain-header { font-family: var(--fd); font-size: 18px; font-weight: 700; margin: 8px 0 14px; text-align: center; }
#primaryLookupResult.domain-lookup-result { background: var(--c-surface); border: 1px solid var(--c-line); border-left: 5px solid var(--c-green); box-shadow: var(--soft); padding: 32px; border-radius: 18px; text-align: center; max-width: 720px; margin: 0 auto; }
#order-standard_cart .domain-checker-available { color: var(--c-green); font-size: 20px; font-weight: 700; }
#order-standard_cart .domain-checker-unavailable, #order-standard_cart .domain-checker-invalid { color: #ef4444; font-weight: 600; }
#order-standard_cart .domain-price { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 16px; }
#order-standard_cart .domain-price .price { font-family: var(--fd); font-size: 26px; font-weight: 700; color: var(--c-text); }
#order-standard_cart .spotlight-tlds-container { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin-top: 22px; }
#order-standard_cart .spotlight-tld { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); padding: 18px 22px; text-align: center; min-width: 150px; font-weight: 700; }
#order-standard_cart .suggested-domains { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); margin-top: 28px; overflow: hidden; }
#order-standard_cart .suggested-domains .panel-heading, #order-standard_cart .suggested-domains .card-header { background: var(--c-bg2); border-bottom: 1px solid var(--c-line); font-weight: 700; padding: 16px 20px; }
#order-standard_cart .domain-suggestion.list-group-item { border: 0; border-bottom: 1px solid var(--c-line); display: flex; align-items: center; gap: 10px; padding: 16px 20px; background: transparent; color: var(--c-text); }
#order-standard_cart .domain-suggestion .actions { margin-left: auto; display: flex; align-items: center; gap: 14px; }
#order-standard_cart .domain-suggestion .price { font-weight: 700; }

.dr-empty-state { text-align: center; padding: 46px 20px !important; }
.dr-empty-icon { font-size: 50px; line-height: 1; margin-bottom: 12px; }
.dr-empty-title { font-weight: 700; font-size: 18px; }
.dr-empty-text { color: var(--c-muted); margin-top: 4px; }

/* TLD cards */
.dr-tld-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 22px; }
.dr-tld-card { position: relative; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 18px; box-shadow: var(--soft); padding: 32px 24px; text-align: center; transition: transform .3s, box-shadow .3s, border-color .3s; }
.dr-tld-card:hover { transform: translateY(-6px); box-shadow: var(--softh); }
.dr-tld-best { border-top: 4px solid var(--c-gold); } .dr-tld-popular { border-top: 4px solid var(--c-navy); }
.dr-tld-tag { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); padding: 4px 14px; border-radius: 999px; font-size: 11px; font-weight: 700; text-transform: uppercase; background: var(--c-gold); color: #16130d; white-space: nowrap; }
.dr-tld-tag-alt { background: var(--c-navy); color: #fff; }
.dr-tld-ext { font-family: var(--fd); font-size: 30px; font-weight: 700; }
.dr-tld-price { margin: 10px 0 18px; font-size: 20px; font-weight: 700; }
.dr-tld-price span { font-size: 13px; font-weight: 500; color: var(--c-muted); }
.dr-tld-add { background: var(--c-gold); color: #16130d; border: 0; padding: 11px 32px; font-weight: 600; cursor: pointer; }

/* all-extensions table */
.dr-filters { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; margin-bottom: 24px; }
.dr-filters .badge { background: var(--c-bg2); border: 1px solid var(--c-line); color: var(--c-muted); border-radius: 999px; padding: 8px 16px; font-weight: 600; font-size: 13px; cursor: pointer; }
.dr-filters .badge:hover, .dr-filters .badge.active { background: var(--c-gold); border-color: var(--c-gold); color: #16130d; }
.dr-table { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); overflow: hidden; max-width: 920px; margin: 0 auto; }
.dr-table .tld-pricing-header { background: var(--c-bg2); color: var(--c-muted); font-weight: 700; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; padding: 14px 0; margin: 0; }
.dr-table .tld-row { border-top: 1px solid var(--c-line); align-items: center; margin: 0; transition: background .2s; }
.dr-table .tld-row:hover { background: var(--c-bg2); }
.dr-table .tld-row strong { font-size: 17px; }
.dr-table .tld-row .col-md-4, .dr-table .tld-row .text-center { padding: 16px 12px; }
.dr-table .tld-row small { color: var(--c-muted); }
.dr-table .tld-sale-group { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; font-size: 10px; font-weight: 700; text-transform: uppercase; background: rgba(245,185,66,.18); color: var(--c-gold-d); }
.dr-table .no-tlds { border: 0; }
/* WHMCS hardcodes light backgrounds (#f5f5f5 / #f3f9fd) on the inner pricing cells and the
   highlighted row -> neutralise them so the table follows dark mode ("Browse extensions by category"). */
.dr-table .tld-column,
.dr-table .tld-pricing-header .row.no-gutters,
.dr-table .tld-pricing-header [class*="col-"] { background: transparent !important; color: var(--c-muted) !important; }
.dr-table .tld-row,
.dr-table .tld-row .row.no-gutters,
.dr-table .tld-row [class*="col-"],
.dr-table .filtered-row { background-color: transparent !important; }
.dr-table .tld-row [class*="col-"] { color: var(--c-text); }
.dr-table .tld-row.highlighted,
.dr-table .filtered-row.highlighted,
.dr-table .tld-row.filtered-row.highlighted { background-color: rgba(245,185,66,.10) !important; }

/* ================= UI/UX audit: order-flow dark-mode fixes ================= */
/* Configure (confproduct) product summary box — was white with invisible text */
.product-info { background: var(--c-surface) !important; color: var(--c-text) !important; border: 1px solid var(--c-line) !important; border-radius: 14px; }
.product-info, .product-info *, .product-info h1, .product-info h2, .product-info h3, .product-info strong, .product-info b { color: var(--c-text) !important; }
.product-info small, .product-info .text-muted, .product-info p, .product-info .product-desc { color: var(--c-muted) !important; }

/* Domains Configuration — addon cards + white price band */
.panel-addon { background: var(--c-surface) !important; border-color: var(--c-line) !important; }
.panel-addon .panel-heading { background: transparent !important; border-bottom-color: var(--c-line) !important; }
.panel-addon .panel-heading, .panel-addon .panel-heading label, .panel-addon .panel-title { color: var(--c-text) !important; }
.panel-addon .panel-body, .panel-addon .panel-body p { color: var(--c-muted) !important; }
.panel-addon .panel-price { background: var(--c-bg2) !important; color: var(--c-text) !important; border-color: var(--c-line) !important; }

/* Bootstrap success/green buttons -> brand emerald (Add to Cart / Added to Cart) */
.btn-success, #order-standard_cart .btn-success, .panel-addon .btn-success, .btn-add {
    background-color: var(--c-gold) !important; border-color: var(--c-gold) !important; color: #08130d !important; background-image: none !important;
}
.btn-success:hover, .btn-success:focus, .btn-add:hover { background-color: var(--c-gold-d) !important; }

/* bottom CTA navy cards */
.dr-cta-row { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: var(--maxw); margin: 0 auto; }
.dr-cta-card { background: var(--c-navy); color: #fff; border-radius: 20px; padding: 36px 40px; display: flex; justify-content: space-between; align-items: center; gap: 20px; box-shadow: 0 20px 50px rgba(15,23,42,.18); transition: transform .3s, box-shadow .3s; }
.dr-cta-card:hover { transform: translateY(-4px); }
.dr-cta-text h3 { color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 6px; }
.dr-cta-text p { color: rgba(255,255,255,.75); margin: 0; font-size: 15px; }
.dr-cta-btn { flex-shrink: 0; background: var(--c-gold); color: #16130d; padding: 13px 26px; border-radius: 999px; font-weight: 600; text-decoration: none; }
.dr-cta-btn:hover { background: #fff; color: var(--c-navy); text-decoration: none; transform: translateY(-2px); }

/* ===================== CART ===================== */
#order-standard_cart .header-lined { border: 0; text-align: center; margin: 36px 0 28px; }
#order-standard_cart .header-lined h1, #order-standard_cart .header-lined .font-size-36 { font-size: clamp(28px,4vw,40px); font-weight: 700; }
#order-standard_cart .secondary-cart-body, #order-standard_cart .secondary-cart-sidebar { float: none; }
@media (min-width: 992px) {
    #order-standard_cart .row:has(> .secondary-cart-body) { display: flex; gap: 28px; align-items: flex-start; max-width: var(--maxw); margin: 0 auto; }
    #order-standard_cart .secondary-cart-body { flex: 1 1 auto; width: auto; }
    #order-standard_cart .secondary-cart-sidebar { flex: 0 0 360px; width: 360px; }
    #order-standard_cart #scrollingPanelContainer .order-summary { position: sticky; top: 96px; }
}
#order-standard_cart .view-cart-items-header { color: var(--c-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid var(--c-line); padding-bottom: 12px; }
#order-standard_cart .view-cart-items .item { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 14px; box-shadow: var(--soft); padding: 18px; margin-bottom: 14px; }
#order-standard_cart .item-title { font-weight: 700; font-size: 17px; display: block; }
#order-standard_cart .item-group { color: var(--c-muted); font-size: 13px; display: block; }
#order-standard_cart .item-domain { color: var(--c-gold-d); font-size: 13.5px; }
#order-standard_cart .item-price span:first-child { font-weight: 700; font-size: 18px; }
#order-standard_cart .item-price .cycle { color: var(--c-muted); font-size: 12.5px; display: block; }
#order-standard_cart .order-summary { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); padding: 26px; }
#order-standard_cart .order-summary h2 { font-size: 20px; font-weight: 700; margin: 0 0 16px; }
#order-standard_cart .order-summary .subtotal, #order-standard_cart .order-summary .bordered-totals > div, #order-standard_cart .order-summary .recurring-totals { padding: 8px 0; color: var(--c-muted); font-size: 14px; }
#order-standard_cart .order-summary .bordered-totals { border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); margin: 6px 0; }
#order-standard_cart .total-due-today { margin-top: 14px; padding-top: 16px; border-top: 1px dashed var(--c-line); text-align: right; }
#order-standard_cart .total-due-today .amt { font-family: var(--fd); font-size: 30px; font-weight: 700; color: var(--c-text); display: block; }
#order-standard_cart .total-due-today span:last-child { color: var(--c-muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; }
#order-standard_cart .btn-checkout { width: 100%; margin-top: 18px; }
#order-standard_cart .btn-continue-shopping { width: 100%; margin-top: 10px; }
#order-standard_cart .view-cart-tabs { margin-top: 24px; background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); padding: 18px; }
#order-standard_cart .nav-tabs { border-bottom: 1px solid var(--c-line); }
#order-standard_cart .nav-tabs > li > a, #order-standard_cart .nav-tabs .nav-link { color: var(--c-muted); border: 0; }
#order-standard_cart .nav-tabs > li.active > a, #order-standard_cart .nav-tabs .nav-link.active { color: var(--c-gold-d); background: transparent; border: 0; border-bottom: 2px solid var(--c-gold); }

.au-mobile-checkout-bar { display: none; position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: 12px 16px; gap: 14px; align-items: center; background: var(--c-surface); border-top: 1px solid var(--c-line); box-shadow: 0 -10px 30px rgba(15,23,42,.12); }
.au-mobile-checkout-bar .mc-total { display: flex; flex-direction: column; }
.au-mobile-checkout-bar .mc-total .lbl { color: var(--c-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .06em; }
.au-mobile-checkout-bar .mc-total .val { font-family: var(--fd); font-size: 22px; font-weight: 700; }
.au-mobile-checkout-bar .btn { margin-left: auto; padding: 12px 24px; }
@media (max-width: 991px) { .au-mobile-checkout-bar { display: flex; } body.au-has-mobilebar { padding-bottom: 84px; } }

/* ===================== CHECKOUT ===================== */
.checkout-grid { display: block; max-width: var(--maxw); margin: 0 auto; }
@media (min-width: 992px) { .checkout-grid { display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start; } .checkout-aside { position: sticky; top: 96px; } }
.checkout-main { min-width: 0; }
#order-standard_cart .sub-heading { margin: 26px 0 16px; padding-bottom: 8px; border-bottom: 1px solid var(--c-line); }
#order-standard_cart .sub-heading span, #order-standard_cart .sub-heading .primary-bg-color { background: transparent !important; color: var(--c-text) !important; font-weight: 700; font-size: 18px; padding: 0 !important; }
#order-standard_cart .checkout-summary { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); padding: 26px; }
#order-standard_cart .checkout-summary h3 { font-size: 19px; font-weight: 700; margin: 0 0 16px; }
#order-standard_cart .checkout-summary #btnCompleteOrder { width: 100%; margin-top: 8px; }
#order-standard_cart .checkout-summary .checkout-secure-note { margin-top: 14px; font-size: 12.5px; color: var(--c-muted); text-align: center; }
#order-standard_cart .checkout-summary .checkout-secure-note i { color: var(--c-green); }
#order-standard_cart #totalDueToday.alert { background: rgba(34,197,94,.12); border: 1px solid rgba(34,197,94,.35); color: var(--c-text); border-radius: 12px; }
#order-standard_cart .account { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: 12px; padding: 14px; }
#order-standard_cart .account.active { border-color: var(--c-gold); box-shadow: 0 0 0 3px rgba(245,185,66,.18); }
#order-standard_cart .alert { border-radius: 12px; border: 1px solid var(--c-line); background: var(--c-surface); color: var(--c-text); }
#order-standard_cart .alert-success { background: rgba(34,197,94,.12); border-color: rgba(34,197,94,.35); }
#order-standard_cart .alert-danger { background: rgba(239,68,68,.1); border-color: rgba(239,68,68,.35); color: #ef4444; }
#order-standard_cart .domain-promo-box { background: var(--c-surface); border: 1px solid var(--c-line); border-radius: var(--r); box-shadow: var(--soft); padding: 28px; text-align: center; }
#order-standard_cart .domain-promo-box i { color: var(--c-gold-d); }

/* ---- Responsive ---- */
@media (max-width: 1200px) { .dr-tld-grid { grid-template-columns: repeat(2,1fr); } }
@media (max-width: 991px) { .dr-cta-row { grid-template-columns: 1fr; } .dr-hero { padding: 54px 0 40px; } .dr-float { display: none; } }
@media (max-width: 640px) {
    .dr-tld-grid { grid-template-columns: 1fr; }
    .dr-search { flex-wrap: wrap; height: auto; padding: 12px; }
    .dr-search-input { width: 100%; flex: 1 1 100%; padding: 8px 6px !important; }
    .dr-search-btn { width: 100%; height: 52px; }
    .dr-cta-card { flex-direction: column; text-align: center; align-items: stretch; }
}