/* Go Hostorage Phase 1 — combined order-form stylesheet.
   Loaded on ALL order-form pages: legacy_modern (#order-modern group page)
   resolves here via active-form asset resolution; standard_cart pages
   (#order-standard_cart) also resolve here. Both scopes included so whichever
   copy WHMCS picks is complete. Keep legacy_modern & standard_cart copies identical. */

/* ==========================================================================
   Go Hostorage — Phase 1 product-group (plan listing) restyle
   Loaded LAST on cart.php?gid=N via the {assetExists} hook in products.tpl,
   after legacy_modern/css/style.css. Scope: #order-modern only.
   Uses --gh-* tokens from templates/six/css/custom.css :root (same page).
   ========================================================================== */

#order-modern {
    --ghm-navy-900: #10222e;
    --ghm-navy: #274E5F;
    --ghm-blue: #6BA1BC;
    --ghm-blue-600: #4b89ab;
    --ghm-blue-700: #33708f;
    --ghm-green: #0FC978;
    --ghm-ink: #182430;
    --ghm-text: #46586a;
    --ghm-muted: #7d8f9e;
    --ghm-bg-tint: #f2f8fb;
    --ghm-bg-deep: #eaf3f8;
    --ghm-border: #dfeaf1;
    --ghm-radius: 16px;
    --ghm-radius-sm: 10px;
    --ghm-shadow-sm: 0 2px 10px rgba(23, 48, 65, 0.06);
    --ghm-shadow: 0 14px 34px rgba(23, 48, 65, 0.12);
    max-width: 1240px;
    margin-inline: auto;
    padding: 8px 15px 0;
    font-family: 'Tajawal', 'Open Sans', -apple-system, 'Segoe UI', Tahoma, Arial, sans-serif;
    color: var(--ghm-text);
}

/* Page header: title + subtitle on one side, toolbar (category + currency) on
   the other. Flex space-between is RTL-aware; wraps + centers on mobile. */
#order-modern .gh-group-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin: 6px 0 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--ghm-border);
}
#order-modern .gh-group-titles { min-width: 0; }
#order-modern .gh-group-title,
#order-modern .gh-group-title.font-size-36 {
    font-weight: 800;
    color: var(--ghm-ink);
    margin: 0 0 4px;
    font-size: 32px;
    line-height: 1.15;
}
#order-modern .gh-group-sub {
    color: var(--ghm-muted);
    margin: 0;
    font-size: 15px;
}
#order-modern .gh-group-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}
#order-modern .choosecat .btn,
#order-modern .currencychooser .btn {
    border-radius: 999px;
    border: 1px solid var(--ghm-border);
    background: #fff;
    color: var(--ghm-navy);
    font-weight: 600;
}
#order-modern .choosecat .dropdown-menu {
    border: 1px solid var(--ghm-border);
    border-radius: var(--ghm-radius-sm);
    box-shadow: var(--ghm-shadow);
    padding: 6px;
}
html[dir="rtl"] #order-modern .choosecat .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}
#order-modern .currencychooser .btn-group { display: inline-flex; }
#order-modern .currencychooser .btn {
    border-radius: 0;
    display: inline-flex;
    align-items: center;
}
#order-modern .currencychooser .btn:first-child {
    border-start-start-radius: 999px;
    border-end-start-radius: 999px;
}
#order-modern .currencychooser .btn:last-child {
    border-start-end-radius: 999px;
    border-end-end-radius: 999px;
}
#order-modern .currencychooser .btn img {
    height: 12px;
    width: auto;
    margin-inline-end: 5px;
}
#order-modern .currencychooser .btn.active {
    background: var(--ghm-blue-700);
    color: #fff;
    border-color: var(--ghm-blue-700);
    z-index: 1;
}

/* Plan card — clean premium vertical card. Fills its column (equal heights
   per row come from the grid column stretching). */
#order-modern .product {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    background: #fff;
    border: 1px solid var(--ghm-border);
    border-radius: var(--ghm-radius);
    box-shadow: var(--ghm-shadow-sm);
    padding: 28px 24px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
#order-modern .product:hover {
    transform: translateY(-5px);
    box-shadow: var(--ghm-shadow);
    border-color: var(--ghm-blue);
    background: #fff;
}
/* "Most Popular" badge (shown only when a plan is marked $ghRecommendedPid) */
#order-modern .product.gh-recommended {
    border-color: var(--ghm-blue);
    box-shadow: 0 12px 32px rgba(23, 48, 65, 0.15);
}
#order-modern .gh-plan-badge {
    position: absolute;
    top: -13px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(120deg, var(--ghm-navy), var(--ghm-blue-600));
    color: #fff;
    font-weight: 800;
    font-size: 12px;
    line-height: 1.4;
    padding: 5px 16px;
    border-radius: 999px;
    box-shadow: var(--ghm-shadow-sm);
    white-space: nowrap;
    z-index: 2;
}

/* Price block (un-float; show prominently at top) */
#order-modern .product .pricing {
    float: none;
    text-align: start;
    order: 2;
    color: var(--ghm-muted);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 6px;
}
#order-modern .product .pricing span.pricing {
    display: block;
    float: none;
    color: var(--ghm-navy);
    font-size: 34px;
    font-weight: 800;
    line-height: 1.1;
    unicode-bidi: plaintext;
}
#order-modern .product .pricing small {
    color: var(--ghm-muted);
    unicode-bidi: plaintext;
}

/* Plan name */
#order-modern .product .name {
    order: 1;
    font-size: 20px;
    font-weight: 800;
    color: var(--ghm-ink);
    margin-bottom: 10px;
}
#order-modern .product .name .qty {
    color: var(--ghm-muted);
    font-size: 0.7em;
    font-weight: 500;
}

/* Feature pills (un-float; wrap as chips) */
#order-modern .product .clear {
    display: none;
}
#order-modern .product .prodfeature {
    float: none;
    display: inline-flex;
    flex-direction: column;
    order: 3;
    border: 1px solid var(--ghm-border);
    background: var(--ghm-bg-tint);
    border-radius: var(--ghm-radius-sm);
    color: var(--ghm-navy);
    padding: 8px 12px;
    margin: 4px 4px 4px 0;
    font-size: 13px;
    text-align: center;
}
html[dir="rtl"] #order-modern .product .prodfeature {
    margin: 4px 0 4px 4px;
}
#order-modern .product .prodfeature .feature {
    color: var(--ghm-muted);
    font-size: 11px;
    font-weight: 600;
}

/* Description / feature list.
   unicode-bidi:plaintext gives each <br>-separated line its own direction from
   its first strong char, so English feature lines ("50 GB NVMe Storage",
   "256 MB Memory limit") stop having their numbers flung to the wrong side on
   the RTL page — and future Arabic lines will auto-render RTL. */
#order-modern .product .description {
    order: 4;
    color: var(--ghm-text);
    font-size: 0.92em;
    line-height: 1.95;
    margin: 16px 0 18px;
    padding-top: 16px;
    border-top: 1px solid var(--ghm-border);
    flex: 1 1 auto;
    unicode-bidi: plaintext;
    text-align: center;
}

/* CTA — full width, brand */
#order-modern .product .text-right {
    order: 5;
    text-align: center;
}
#order-modern .product .text-right .btn,
#order-modern .product .text-right .btn.btn-success {
    display: block;
    width: 100%;
    background-image: linear-gradient(120deg, #0aa568, var(--ghm-green));
    background-color: var(--ghm-green);
    border: 0;
    border-radius: 999px;
    color: #04331e;
    font-weight: 800;
    padding: 13px 20px;
    box-shadow: 0 10px 24px rgba(15, 201, 120, 0.28);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
#order-modern .product .text-right .btn:hover,
#order-modern .product .text-right .btn:focus {
    transform: translateY(-1px);
    box-shadow: 0 14px 30px rgba(15, 201, 120, 0.38);
    color: #04331e;
}

/* Responsive plan grid: flexible columns that fill the row and adapt to the
   plan count (4 -> 4-across, 3 -> 3, 5 -> 4+1, tablet 2, mobile 1) with a card
   width cap so few-plan groups don't get oversized. gap gives even spacing;
   justify-content:center keeps odd counts balanced. Column stretch gives all
   cards in a row equal height. Replaces the old hardcoded 2-up WHMCS grid. */
#order-modern .gh-plan-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 24px;
    margin: 26px 0 30px;
}
#order-modern .gh-plan-col {
    display: flex;
    flex: 1 1 260px;
    max-width: 300px;
    min-width: 0;
}

/* Responsive */
@media (max-width: 767px) {
    #order-modern .gh-group-head {
        justify-content: center;
        text-align: center;
    }
    #order-modern .gh-group-toolbar { justify-content: center; }
    #order-modern .gh-group-title,
    #order-modern .gh-group-title.font-size-36 { font-size: 26px; }
    #order-modern .product { padding: 24px 20px; }
    #order-modern .product .pricing span.pricing { font-size: 30px; }
}
/* Small mobile: cards go full-width (drop the desktop max-width cap) */
@media (max-width: 575px) {
    #order-modern .gh-plan-col { max-width: none; flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
    #order-modern .product,
    #order-modern .product .text-right .btn {
        transition: none;
    }
}

/* Vendor credit ("Powered by WHMCS" — license-required, tagged .gh-vendor-credit
   by gh-custom.js). Never hidden; presented discreetly before the footer. It
   sits outside #order-modern so uses a literal muted color. */
.main-content > p.gh-vendor-credit {
    text-align: center;
    color: #93a1ad;
    font-size: 12px;
    margin: 8px 0 2px;
    opacity: 0.75;
}
.main-content > p.gh-vendor-credit a {
    color: #93a1ad;
    text-decoration: none;
}
.main-content > p.gh-vendor-credit a:hover { text-decoration: underline; }


/* ==========================================================================
   Go Hostorage — Phase 1 purchase-flow restyle (standard_cart order form)
   Auto-loaded LAST by standard_cart/common.tpl {assetExists file="custom.css"}.
   Scope: #order-standard_cart only (config, cart, checkout, domain, addons).
   Uses --gh-* design tokens defined by templates/six/css/custom.css :root.
   RTL-aware (html[dir="rtl"]); English LTR is the default.
   Only restyles — never renames JS-bound ids/classes, never touches .w-hidden.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. Fallback tokens (in case six custom.css load order ever changes)
   -------------------------------------------------------------------------- */
#order-standard_cart {
    --ghc-navy-900: #10222e;
    --ghc-navy: #274E5F;
    --ghc-blue: #6BA1BC;
    --ghc-blue-600: #4b89ab;
    --ghc-blue-700: #33708f;
    --ghc-green: #0FC978;
    --ghc-ink: #182430;
    --ghc-text: #46586a;
    --ghc-muted: #7d8f9e;
    --ghc-bg-tint: #f2f8fb;
    --ghc-bg-deep: #eaf3f8;
    --ghc-border: #dfeaf1;
    --ghc-radius: 16px;
    --ghc-radius-sm: 10px;
    --ghc-shadow-sm: 0 2px 10px rgba(23, 48, 65, 0.06);
    --ghc-shadow: 0 12px 32px rgba(23, 48, 65, 0.10);
    font-family: 'Tajawal', 'Open Sans', -apple-system, 'Segoe UI', Tahoma, Arial, sans-serif;
    color: var(--ghc-text);
}

/* --------------------------------------------------------------------------
   1. Page heading
   -------------------------------------------------------------------------- */
#order-standard_cart .header-lined h1,
#order-standard_cart h1.font-size-36 {
    font-weight: 800;
    color: var(--ghc-ink);
    border-bottom: 0;
    margin-bottom: 20px;
}

/* Section dividers (checkout / config groups) → branded pill heading */
#order-standard_cart .sub-heading {
    border-top: 0;
    text-align: start;
    margin: 26px 0 16px;
}
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading span.primary-bg-color {
    background: transparent;
    padding: 0 0 0 12px;
    color: var(--ghc-ink);
    font-weight: 800;
    font-size: 17px;
    position: relative;
    border-inline-start: 4px solid var(--ghc-blue-600);
}

/* --------------------------------------------------------------------------
   2. Buttons — brand system (scoped)
   -------------------------------------------------------------------------- */
#order-standard_cart .btn-primary,
#order-standard_cart .btn-success {
    background-image: linear-gradient(120deg, var(--ghc-navy), var(--ghc-blue-600));
    background-color: var(--ghc-blue-700);
    border: 0;
    border-radius: 999px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(23, 48, 65, 0.20);
    transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;
}
#order-standard_cart .btn-success {
    background-image: linear-gradient(120deg, #0aa568, var(--ghc-green));
    color: #04331e;
    box-shadow: 0 8px 20px rgba(15, 201, 120, 0.28);
}
#order-standard_cart .btn-primary:hover,
#order-standard_cart .btn-primary:focus,
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-success:focus {
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(23, 48, 65, 0.28);
    filter: brightness(1.03);
}
#order-standard_cart .btn-lg {
    padding: 12px 30px;
    font-size: 15px;
}
#order-standard_cart .btn-default {
    border-radius: 999px;
    border: 1px solid var(--ghc-border);
    background: #fff;
    color: var(--ghc-navy);
    font-weight: 600;
}
#order-standard_cart .btn-default:hover,
#order-standard_cart .btn-default:focus {
    background: var(--ghc-bg-tint);
    border-color: var(--ghc-blue-600);
    color: var(--ghc-blue-700);
}
#order-standard_cart .btn-link {
    color: var(--ghc-blue-700);
    font-weight: 600;
}
/* Directional arrows inside CTA buttons flip in RTL */
html[dir="rtl"] #order-standard_cart .btn .fa-arrow-right,
html[dir="rtl"] #order-standard_cart .btn .fa-arrow-circle-right,
html[dir="rtl"] #order-standard_cart .btn .fa-arrow-left,
html[dir="rtl"] #order-standard_cart .btn .fa-arrow-circle-left {
    transform: scaleX(-1);
    display: inline-block;
}

/* --------------------------------------------------------------------------
   3. Form fields (shared: config, checkout, promo)
   -------------------------------------------------------------------------- */
#order-standard_cart .form-control,
#order-standard_cart .field {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    box-shadow: none;
    color: var(--ghc-ink);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
#order-standard_cart .form-control:focus,
#order-standard_cart .field:focus {
    border-color: var(--ghc-blue-600);
    box-shadow: 0 0 0 3px rgba(75, 137, 171, 0.16);
    outline: none;
}
#order-standard_cart label {
    color: var(--ghc-ink);
    font-weight: 600;
}
/* Icon-prefixed fields (checkout): keep icon inside, flip side for RTL */
html[dir="rtl"] #order-standard_cart .prepend-icon .field {
    padding-left: 12px;
    padding-right: 36px;
}
html[dir="rtl"] #order-standard_cart .prepend-icon .field-icon {
    left: auto;
    right: 0;
}
#order-standard_cart .field-icon i {
    color: var(--ghc-blue-600);
}

/* --------------------------------------------------------------------------
   4. Layout columns (config page main/sidebar floats) — RTL mirror
   -------------------------------------------------------------------------- */
html[dir="rtl"] #order-standard_cart .secondary-cart-body {
    float: right;
}
html[dir="rtl"] #order-standard_cart .secondary-cart-sidebar {
    float: left;
}
html[dir="rtl"] #order-standard_cart .cart-sidebar {
    float: right;
}
html[dir="rtl"] #order-standard_cart .cart-body {
    float: left;
}

/* --------------------------------------------------------------------------
   5. Order summary sidebar (config, cart, checkout share .order-summary)
   -------------------------------------------------------------------------- */
#order-standard_cart .order-summary {
    background: var(--ghc-navy-900);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow);
    padding-bottom: 4px;
    overflow: hidden;
}
#order-standard_cart .order-summary h2,
#order-standard_cart .order-summary h2.font-size-30 {
    color: #fff;
    font-weight: 800;
    font-size: 20px;
    padding: 18px 20px 0;
    margin: 0;
}
#order-standard_cart .summary-container {
    background: #fff;
    margin: 14px;
    border-radius: var(--ghc-radius-sm);
    font-size: 13.5px;
    padding: 14px 16px;
}
#order-standard_cart .summary-container .product-name {
    color: var(--ghc-ink);
    font-weight: 800;
}
#order-standard_cart .summary-container .product-group {
    color: var(--ghc-muted);
}
#order-standard_cart .summary-totals {
    border-top: 1px dashed var(--ghc-border);
    border-bottom: 1px dashed var(--ghc-border);
    margin: 10px 0;
    padding: 8px 0;
}
#order-standard_cart .total-due-today {
    color: #fff;
    padding: 6px 20px 14px;
}
#order-standard_cart .total-due-today .amt {
    color: var(--ghc-green);
    font-weight: 800;
}
/* Totals rows: labels/amounts + RTL mirror of pull-left/right */
#order-standard_cart .summary-container .clearfix span,
#order-standard_cart .summary-totals span {
    unicode-bidi: plaintext;
}
html[dir="rtl"] #order-standard_cart .pull-left,
html[dir="rtl"] #order-standard_cart .float-left {
    float: right !important;
}
html[dir="rtl"] #order-standard_cart .pull-right,
html[dir="rtl"] #order-standard_cart .float-right {
    float: left !important;
}
html[dir="rtl"] #order-standard_cart .total-due-today span {
    text-align: right;
}

/* --------------------------------------------------------------------------
   6. Cart view (#order-standard_cart)
   -------------------------------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    background: var(--ghc-navy);
    color: #fff;
    border-radius: var(--ghc-radius-sm) var(--ghc-radius-sm) 0 0;
    font-weight: 700;
    padding: 12px 4px;
}
#order-standard_cart .view-cart-items {
    border: 1px solid var(--ghc-border);
    border-top: 0;
    border-radius: 0 0 var(--ghc-radius-sm) var(--ghc-radius-sm);
    overflow: hidden;
}
#order-standard_cart .view-cart-items .item {
    padding: 16px 12px;
    border-bottom: 1px solid var(--ghc-border);
    transition: background-color 0.15s ease;
}
#order-standard_cart .view-cart-items .item:nth-child(even) {
    background: var(--ghc-bg-tint);
}
#order-standard_cart .view-cart-items .item:hover {
    background: var(--ghc-bg-deep);
}
#order-standard_cart .item-title {
    font-size: 1.15em;
    font-weight: 800;
    color: var(--ghc-ink);
}
#order-standard_cart .item-group {
    color: var(--ghc-muted);
    font-size: 0.9em;
}
#order-standard_cart .item-domain {
    color: var(--ghc-blue-700);
    unicode-bidi: plaintext;
}
#order-standard_cart .item-price span {
    color: var(--ghc-ink);
}
#order-standard_cart .item-price .cycle {
    color: var(--ghc-muted);
}
html[dir="rtl"] #order-standard_cart .item-price {
    text-align: left;
}
#order-standard_cart .btn-remove-from-cart {
    color: var(--ghc-muted);
    border-radius: 999px;
}
#order-standard_cart .btn-remove-from-cart:hover {
    color: #cc2b2b;
    background: rgba(204, 43, 43, 0.08);
}
#order-standard_cart .view-cart-empty {
    background: var(--ghc-bg-tint);
    border: 1px dashed var(--ghc-border);
    border-radius: var(--ghc-radius);
    color: var(--ghc-muted);
    font-size: 1.1em;
    padding: 40px 20px;
    text-align: center;
}

/* Promo code tabs */
#order-standard_cart .view-cart-tabs {
    margin-top: 22px;
    background: var(--ghc-bg-tint);
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    padding: 6px 16px 16px;
}
#order-standard_cart .view-cart-tabs .nav-tabs {
    border-bottom: 1px solid var(--ghc-border);
}
#order-standard_cart .view-cart-tabs .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-link {
    color: var(--ghc-muted);
    font-weight: 700;
    border: 0;
}
#order-standard_cart .view-cart-tabs .nav-tabs > .active > a,
#order-standard_cart .view-cart-tabs .nav-link.active {
    color: var(--ghc-blue-700);
    border: 0;
    border-bottom: 2px solid var(--ghc-blue-600);
    background: transparent;
}
#order-standard_cart .view-cart-promotion-code {
    border: 1px dashed var(--ghc-green);
    border-radius: var(--ghc-radius-sm);
    background: rgba(15, 201, 120, 0.06);
}

/* Cart CTAs */
#order-standard_cart #checkout.btn-checkout {
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
}
#order-standard_cart #continueShopping,
#order-standard_cart .btn-continue-shopping {
    color: var(--ghc-blue-700);
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   7. Checkout (#order-standard_cart)
   -------------------------------------------------------------------------- */
#order-standard_cart .already-registered .btn-info {
    background: var(--ghc-blue-700);
    border: 0;
    border-radius: 999px;
    font-weight: 700;
}
#order-standard_cart .already-registered .btn-warning {
    background: #fff;
    border: 2px solid var(--ghc-blue-600);
    color: var(--ghc-blue-700);
    border-radius: 999px;
    font-weight: 700;
}
#order-standard_cart #totalDueToday.alert-success,
#order-standard_cart .alert-success {
    background: rgba(15, 201, 120, 0.10);
    border: 1px solid rgba(15, 201, 120, 0.35);
    color: #0b6b43;
    border-radius: var(--ghc-radius-sm);
}
/* Payment gateway options as selectable chips */
#order-standard_cart #paymentGatewaysContainer .radio-inline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 6px;
    padding: 12px 22px;
    background: #fff;
    border: 2px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    font-weight: 700;
    color: var(--ghc-ink);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
}
#order-standard_cart #paymentGatewaysContainer .radio-inline:hover {
    border-color: var(--ghc-blue-600);
    background: var(--ghc-bg-tint);
}
#order-standard_cart #paymentGatewaysContainer input.payment-methods {
    accent-color: var(--ghc-blue-600);
    margin: 0;
}
/* Terms + complete order */
#order-standard_cart #accepttos {
    accent-color: var(--ghc-blue-600);
}
#order-standard_cart .checkbox-inline {
    font-weight: 600;
}
#order-standard_cart #btnCompleteOrder {
    padding: 14px 40px;
    font-size: 16px;
}
#order-standard_cart .checkout-security-msg {
    background: var(--ghc-bg-tint);
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    color: var(--ghc-muted);
}
html[dir="rtl"] #order-standard_cart .checkout-security-msg {
    padding-left: 20px;
    padding-right: 75px;
}
html[dir="rtl"] #order-standard_cart .checkout-security-msg i {
    float: right;
    margin-left: 0;
    margin-right: -48px;
}

/* --------------------------------------------------------------------------
   8. Product configuration (#order-standard_cart)
   -------------------------------------------------------------------------- */
#order-standard_cart .secondary-cart-body {
    background: #fff;
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    padding: 24px;
    box-shadow: var(--ghc-shadow-sm);
}
#order-standard_cart #inputBillingcycle {
    font-weight: 700;
    color: var(--ghc-navy);
}
#order-standard_cart .form-control-static-inline {
    color: var(--ghc-text);
}
/* Addon cards (config + configuredomains) */
#order-standard_cart .panel-addon {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    box-shadow: var(--ghc-shadow-sm);
    overflow: hidden;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
#order-standard_cart .panel-addon:hover {
    transform: translateY(-3px);
    box-shadow: var(--ghc-shadow);
}
#order-standard_cart .panel-addon.panel-addon-selected {
    border-color: var(--ghc-green);
    box-shadow: 0 0 0 3px rgba(15, 201, 120, 0.15);
}
#order-standard_cart .panel-addon .panel-price {
    background: var(--ghc-bg-tint);
    color: var(--ghc-navy);
    font-weight: 700;
}
#order-standard_cart .panel-addon .panel-add {
    background: var(--ghc-green);
    color: #04331e;
    font-weight: 700;
}

/* --------------------------------------------------------------------------
   9. Domain register / transfer / results (#order-standard_cart)
   -------------------------------------------------------------------------- */
/* Search bar */
#order-standard_cart .domain-checker-bg {
    background: linear-gradient(160deg, var(--ghc-navy-900), var(--ghc-navy));
    border-radius: var(--ghc-radius);
    padding: 28px 22px;
    box-shadow: var(--ghc-shadow);
}
#order-standard_cart .domain-checker-bg .input-group-box .form-control {
    height: 50px;
    border-radius: var(--ghc-radius-sm);
}
#order-standard_cart .domain-check-availability,
#order-standard_cart #btnCheckAvailability {
    width: auto;
    min-width: 120px;
    height: 50px;
    padding: 0 26px;
}
/* Availability result states */
#order-standard_cart .domain-checker-available,
#order-standard_cart .domain-available {
    color: #0b6b43;
    font-weight: 800;
}
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-unavailable,
#order-standard_cart .domain-checker-invalid,
#order-standard_cart .domain-invalid {
    color: #b83232;
    font-weight: 800;
}
#order-standard_cart .domain-lookup-primary-results,
#order-standard_cart #primaryLookupResult {
    background: #fff;
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow-sm);
    padding: 22px;
    margin-top: 18px;
}
#order-standard_cart .domain-price .price {
    color: var(--ghc-ink);
    font-weight: 800;
    unicode-bidi: plaintext;
}
/* Spotlight TLDs */
#order-standard_cart .spotlight-tld {
    background: #fff;
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    box-shadow: var(--ghc-shadow-sm);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
#order-standard_cart .spotlight-tld:hover {
    transform: translateY(-3px);
    box-shadow: var(--ghc-shadow);
}
/* Suggestions */
#order-standard_cart .suggested-domains {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    overflow: hidden;
}
#order-standard_cart .suggested-domains .card-header,
#order-standard_cart .suggested-domains .panel-heading {
    background: var(--ghc-bg-tint);
    color: var(--ghc-ink);
    font-weight: 800;
    border: 0;
}
#order-standard_cart .domain-suggestion .domain,
#order-standard_cart .domain-suggestion .extension {
    unicode-bidi: plaintext;
}
/* TLD category filter badges (no stock CSS — free to style) */
#order-standard_cart .tld-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 16px;
}
#order-standard_cart .tld-filters .badge,
#order-standard_cart .tld-filters .badge-secondary {
    background: var(--ghc-bg-deep);
    color: var(--ghc-navy);
    font-weight: 700;
    font-size: 13px;
    padding: 7px 14px;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}
#order-standard_cart .tld-filters .badge:hover,
#order-standard_cart .tld-filters .badge.active {
    background: var(--ghc-blue-700);
    color: #fff;
}
/* TLD pricing grid rows */
#order-standard_cart .domain-pricing .tld-row {
    border-bottom: 1px solid var(--ghc-border);
}
#order-standard_cart .domain-pricing .tld-row.highlighted {
    background: var(--ghc-bg-tint);
}
html[dir="rtl"] #order-standard_cart .domain-pricing .two-row-center {
    border-right: 0;
    border-left: 2px solid var(--ghc-bg-deep);
}
/* Promo boxes */
#order-standard_cart .domain-promo-box {
    background: #fff;
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow-sm);
    padding: 22px;
}
html[dir="rtl"] #order-standard_cart .domain-promo-box i {
    float: left;
}

/* ==========================================================================
   9b. Domain register/search page — premium refinements
   .cart-body / .cart-sidebar are the domain register/transfer flow only
   (cart view & checkout use .secondary-cart-*), so these are scoped safely.
   ========================================================================== */
/* Wider, centered content; only the domain page (has the domain checker) */
#order-standard_cart:has(.domain-checker-container) {
    max-width: 1240px;
    margin-inline: auto;
}
/* Header + subtitle */
#order-standard_cart .cart-body > .header-lined h1 {
    font-weight: 800;
    color: var(--ghc-ink);
    border-bottom: 0;
    margin-bottom: 4px;
}
#order-standard_cart .cart-body > .header-lined + .sidebar-collapsed + p,
#order-standard_cart .cart-body > p:first-of-type {
    color: var(--ghc-muted);
    margin: 0 0 18px;
    font-size: 15px;
}
/* Search block — roomy input + clear, branded button */
#order-standard_cart .domain-checker-bg { padding: 30px 26px; }
#order-standard_cart .domain-checker-bg .input-group-box { width: 100%; }
#order-standard_cart .domain-checker-bg .input-group-box .form-control {
    height: 54px;
    font-size: 16px;
    border: 0;
    unicode-bidi: plaintext;
}
#order-standard_cart .domain-check-availability,
#order-standard_cart #btnCheckAvailability {
    height: 54px;
    min-width: 155px;
    font-weight: 800;
    border-radius: var(--ghc-radius-sm);
    background-image: linear-gradient(120deg, var(--ghc-blue-600), var(--ghc-blue-700));
    border: 0;
    white-space: nowrap;
}
/* Compact, centered captcha; image never flipped in RTL */
#order-standard_cart .default-captcha {
    max-width: 300px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    padding: 12px 14px;
    margin: 16px auto 0;
    box-shadow: none;
    color: var(--ghc-navy);
}
#order-standard_cart .default-captcha p { color: var(--ghc-navy); margin-bottom: 8px; font-size: 13px; }
#order-standard_cart .default-captcha > div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#order-standard_cart .default-captcha img#inputCaptchaImage { direction: ltr; border-radius: 6px; }
#order-standard_cart .captcha-container .form-control,
#order-standard_cart #inputCaptcha {
    max-width: 120px;
    width: 120px;
    height: 40px;
    text-align: center;
    unicode-bidi: plaintext;
}
#order-standard_cart .default-captcha-register-margin { margin: 16px auto 6px auto; }
/* TLD category filter pills — active state */
#order-standard_cart .tld-filters .badge.active,
#order-standard_cart .tld-filters .badge-secondary.active {
    background: var(--ghc-navy);
    color: #fff;
    box-shadow: var(--ghc-shadow-sm);
}
/* Premium TLD pricing table */
#order-standard_cart .domain-pricing .bg-white {
    background: #fff;
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow-sm);
    overflow: hidden;
}
#order-standard_cart .domain-pricing .tld-pricing-header {
    background: var(--ghc-navy);
    color: #fff;
    font-weight: 700;
    font-size: 13.5px;
}
#order-standard_cart .domain-pricing .tld-pricing-header .tld-column,
#order-standard_cart .domain-pricing .tld-pricing-header [class*="col-"] {
    background: transparent !important;
    border: 0 !important;
    color: #fff;
    padding: 14px 8px;
    height: auto;
    border-radius: 0;
}
#order-standard_cart .domain-pricing .tld-row {
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--ghc-border);
    transition: background-color 0.12s ease;
}
#order-standard_cart .domain-pricing .tld-row:nth-child(even) { background: var(--ghc-bg-tint); }
#order-standard_cart .domain-pricing .tld-row:hover { background: var(--ghc-bg-deep); }
#order-standard_cart .domain-pricing .tld-row strong {
    color: var(--ghc-ink);
    font-size: 15px;
    unicode-bidi: plaintext;   /* .com / .net stay LTR-safe */
    direction: ltr;
    display: inline-block;
}
#order-standard_cart .domain-pricing .tld-row .text-center { unicode-bidi: plaintext; }
#order-standard_cart .domain-pricing .two-row-center { border: 0; }
#order-standard_cart .domain-pricing .tld-row small { color: var(--ghc-muted); }
/* Sidebar cards (desktop $secondarySidebar) — premium */
#order-standard_cart .cart-sidebar .card-sidebar,
#order-standard_cart .cart-sidebar .panel {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow-sm);
    overflow: hidden;
    margin-bottom: 16px;
}
#order-standard_cart .cart-sidebar .panel-heading,
#order-standard_cart .cart-sidebar .card-header {
    background: var(--ghc-bg-tint);
    border-bottom: 1px solid var(--ghc-border);
    padding: 12px 15px;
}
#order-standard_cart .cart-sidebar .panel-title { font-weight: 800; color: var(--ghc-ink); font-size: 14.5px; }
#order-standard_cart .cart-sidebar .list-group-item { color: var(--ghc-navy); font-weight: 600; }
#order-standard_cart .cart-sidebar .list-group-item:hover { background: var(--ghc-bg-tint); color: var(--ghc-blue-700); }
#order-standard_cart .cart-sidebar .list-group-item.active {
    background: var(--ghc-blue-700);
    border-color: var(--ghc-blue-700);
    color: #fff;
}
/* Mobile collapsed sidebar (dropdowns + currency) — clean compact bar */
#order-standard_cart .sidebar-collapsed .form-control { border-radius: var(--ghc-radius-sm); }
#order-standard_cart .sidebar-collapsed { margin-bottom: 14px; }
/* Equal-height promo cards */
#order-standard_cart .domain-pricing + .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
    margin: 12px 0 22px;
}
#order-standard_cart .domain-pricing + .row > [class*="col-"] {
    display: flex;
    float: none;
    flex: 1 1 320px;
    max-width: 480px;
    margin: 0;
    padding: 0;
}
#order-standard_cart .domain-pricing + .row .domain-promo-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 26px 24px;
}
#order-standard_cart .domain-pricing + .row .domain-promo-box .btn {
    margin-top: auto;
    align-self: flex-start;
    border-radius: 999px;
    font-weight: 700;
}
/* Responsive */
@media (max-width: 767px) {
    #order-standard_cart .domain-checker-bg { padding: 20px 16px; }
    #order-standard_cart .domain-checker-bg .input-group-box,
    #order-standard_cart .domain-checker-bg .input-group-box .input-group-btn { display: block; width: 100%; }
    #order-standard_cart .domain-check-availability,
    #order-standard_cart #btnCheckAvailability { width: 100%; margin-top: 10px; }
    #order-standard_cart .domain-pricing .tld-row .col-md-4 { margin-bottom: 4px; font-weight: 700; }
}

/* Transfer panel */
#order-standard_cart #frmDomainTransfer .panel,
#order-standard_cart #frmDomainTransfer .card {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius);
    box-shadow: var(--ghc-shadow-sm);
    overflow: hidden;
}
#order-standard_cart #frmDomainTransfer .card-header,
#order-standard_cart #frmDomainTransfer .panel-heading {
    background: var(--ghc-bg-tint);
    border: 0;
}
#order-standard_cart #inputAuthCode,
#order-standard_cart #inputTransferDomain,
#order-standard_cart #inputDomain {
    unicode-bidi: plaintext;
}
html[dir="rtl"] #order-standard_cart #frmDomainTransfer .card-footer,
html[dir="rtl"] #order-standard_cart #frmDomainTransfer .panel-footer {
    text-align: left;
}
html[dir="rtl"] #order-standard_cart #frmDomainTransfer .pull-right {
    float: left !important;
}

/* Domain choice options (configureproductdomain) */
#order-standard_cart .domain-selection-options .option {
    background: var(--ghc-bg-tint);
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    padding: 14px 16px;
    margin-bottom: 10px;
    transition: border-color 0.15s ease;
}
#order-standard_cart .domain-selection-options .option-selected {
    border-color: var(--ghc-blue-600);
    background: #fff;
    box-shadow: var(--ghc-shadow-sm);
}

/* --------------------------------------------------------------------------
   10. Category chooser dropdown + misc controls
   -------------------------------------------------------------------------- */
#order-standard_cart .dropdown-menu {
    border: 1px solid var(--ghc-border);
    border-radius: var(--ghc-radius-sm);
    box-shadow: var(--ghc-shadow);
    padding: 6px;
}
html[dir="rtl"] #order-standard_cart .dropdown-menu {
    right: 0;
    left: auto;
    text-align: right;
}

/* --------------------------------------------------------------------------
   11. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 991px) {
    #order-standard_cart .secondary-cart-body,
    #order-standard_cart .secondary-cart-sidebar,
    html[dir="rtl"] #order-standard_cart .secondary-cart-body,
    html[dir="rtl"] #order-standard_cart .secondary-cart-sidebar {
        float: none;
        width: 100%;
    }
    #order-standard_cart .secondary-cart-sidebar {
        margin-top: 20px;
    }
}
@media (max-width: 767px) {
    #order-standard_cart .secondary-cart-body {
        padding: 16px;
    }
    #order-standard_cart #paymentGatewaysContainer .radio-inline {
        display: flex;
        margin: 6px 0;
        width: 100%;
    }
    #order-standard_cart .view-cart-items .item {
        padding: 14px 8px;
    }
    #order-standard_cart .domain-check-availability,
    #order-standard_cart #btnCheckAvailability {
        width: 100%;
        margin-top: 8px;
    }
}
@media (max-width: 480px) {
    #order-standard_cart .header-lined h1,
    #order-standard_cart h1.font-size-36 {
        font-size: 24px;
    }
    #order-standard_cart .btn-lg {
        padding: 11px 22px;
        font-size: 14px;
    }
}

/* --------------------------------------------------------------------------
   12. Motion preferences
   -------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    #order-standard_cart .btn-primary,
    #order-standard_cart .btn-success,
    #order-standard_cart .panel-addon,
    #order-standard_cart .spotlight-tld {
        transition: none;
    }
}