/* ========================================================================
   WizHosting Order Forms — visual layer only
   Target: WHMCS 8.1.3 / PHP 7.4.33
   Functional Smarty markup, form fields and JavaScript hooks stay untouched.
   ======================================================================== */

:root {
    --wo-bg: #080e19;
    --wo-surface: #111c2f;
    --wo-surface-raised: #17243a;
    --wo-surface-soft: #0d1728;
    --wo-border: #2a3a54;
    --wo-border-strong: #3b5275;
    --wo-text: #eef4ff;
    --wo-muted: #b6c4d8;
    --wo-faint: #8191aa;
    --wo-orange: #ff6a17;
    --wo-orange-hover: #ff7d33;
    --wo-blue: #58b3ff;
    --wo-green: #36d7ad;
    --wo-yellow: #ffd36e;
    --wo-red: #ff7870;
    --wo-radius: 14px;
    --wo-shadow: 0 14px 34px rgba(0, 0, 0, .22);
}

/* Layout and page heading ------------------------------------------------ */
#main-content.cart {
    color: var(--wo-muted);
    background: transparent;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}
#main-content.cart > .row:first-of-type > [class*="col-"] {
    min-width: 0;
}
#main-content.cart .h1 {
    float: none;
    margin: 6px 0 30px;
    padding: 0;
    color: var(--wo-text);
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.035em;
}
#main-content.cart .breadcrumb {
    margin-bottom: 9px;
    padding: 0;
    color: var(--wo-faint);
    background: transparent;
}
#main-content.cart .breadcrumb > .active { color: #9cabc1; }
#main-content.cart .breadcrumb a { color: var(--wo-blue); }
#main-content.cart .cart-main-column { min-width: 0; }
#main-content.cart #internal-content { min-width: 0; }
#main-content.cart a { transition: color .18s ease, border-color .18s ease, background-color .18s ease; }

/* Typography and links --------------------------------------------------- */
#main-content.cart h2,
#main-content.cart h3,
#main-content.cart h4,
#main-content.cart h5,
#main-content.cart h6,
#main-content.cart strong { color: var(--wo-text); }
#main-content.cart h1,
#main-content.cart h2,
#main-content.cart h3,
#main-content.cart h4,
#main-content.cart h5,
#main-content.cart h6,
#main-content.cart .h1,
#main-content.cart .h2,
#main-content.cart .h3,
#main-content.cart .h4,
#main-content.cart .h5,
#main-content.cart .h6,
#main-content.cart button,
#main-content.cart input,
#main-content.cart select,
#main-content.cart textarea,
#main-content.cart .btn,
#main-content.cart .form-control,
#main-content.cart .panel,
#main-content.cart .table,
#main-content.cart .breadcrumb,
#main-content.cart .dropdown-menu {
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#main-content.cart p,
#main-content.cart li,
#main-content.cart td,
#main-content.cart dd { color: var(--wo-muted); }
#main-content.cart a:not(.btn) { color: var(--wo-blue); }
#main-content.cart a:not(.btn):hover,
#main-content.cart a:not(.btn):focus { color: #91ceff; }
#main-content.cart small,
#main-content.cart .small,
#main-content.cart .text-muted { color: var(--wo-faint) !important; }

/* Panels and wells ------------------------------------------------------- */
#main-content.cart .panel,
#main-content.cart .well,
#main-content.cart .card,
#main-content.cart .product-container .panel {
    color: var(--wo-muted);
    background: linear-gradient(145deg, var(--wo-surface-raised), var(--wo-surface));
    border: 1px solid var(--wo-border);
    border-radius: var(--wo-radius);
    box-shadow: var(--wo-shadow);
}
#main-content.cart .panel { overflow: hidden; }
#main-content.cart .panel-default,
#main-content.cart .panel-outline-default,
#main-content.cart .panel-solid-primary,
#main-content.cart .panel-success,
#main-content.cart .panel-info,
#main-content.cart .panel-warning,
#main-content.cart .panel-danger {
    color: var(--wo-muted);
    background: linear-gradient(145deg, var(--wo-surface-raised), var(--wo-surface));
    border-color: var(--wo-border);
}
#main-content.cart .panel-outline-default,
#main-content.cart .panel-solid-primary { border-top: 2px solid var(--wo-orange); }
#main-content.cart .panel-success { border-top: 2px solid var(--wo-green); }
#main-content.cart .panel-warning { border-top: 2px solid var(--wo-yellow); }
#main-content.cart .panel-danger { border-top: 2px solid var(--wo-red); }
#main-content.cart .panel > .panel-heading,
#main-content.cart .panel-default > .panel-heading,
#main-content.cart .panel-outline-default > .panel-heading,
#main-content.cart .panel-solid-primary > .panel-heading,
#main-content.cart .panel-success > .panel-heading,
#main-content.cart .panel-info > .panel-heading,
#main-content.cart .panel-warning > .panel-heading,
#main-content.cart .panel-danger > .panel-heading {
    padding: 16px 18px;
    color: var(--wo-text);
    background: rgba(255, 255, 255, .018);
    border-color: var(--wo-border);
}
#main-content.cart .panel-heading .panel-title {
    color: var(--wo-text);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .005em;
}
#main-content.cart .panel-heading .panel-title i { color: var(--wo-orange); }
#main-content.cart .panel > .panel-body {
    padding: 21px 20px;
    color: var(--wo-muted);
    background: transparent;
}
#main-content.cart .panel > .panel-footer,
#main-content.cart .panel-default > .panel-footer,
#main-content.cart .panel-outline-default > .panel-footer,
#main-content.cart .panel-solid-primary > .panel-footer {
    padding: 15px 18px;
    color: var(--wo-muted);
    background: rgba(255, 255, 255, .025);
    border-color: var(--wo-border);
}

/* Product catalogues ----------------------------------------------------- */
#main-content.cart .cart-products .panel-product {
    height: calc(100% - 18px);
    margin-bottom: 18px;
    border-color: var(--wo-border);
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
#main-content.cart .cart-products .panel-product:hover {
    transform: translateY(-3px);
    border-color: rgba(255, 106, 23, .58);
    box-shadow: 0 20px 42px rgba(0, 0, 0, .30);
}
#main-content.cart .cart-products .panel-product .panel-heading {
    min-height: 106px;
    background: linear-gradient(135deg, rgba(255, 106, 23, .08), rgba(88, 179, 255, .025));
}
#main-content.cart.compare .cart-products .panel-product .panel-heading { min-height: 172px; }
#main-content.cart .cart-products .panel-product .panel-title {
    color: var(--wo-text);
    font-size: 19px;
    font-weight: 700;
}
#main-content.cart .product-price,
#main-content.cart .product-price .price,
#main-content.cart .product-pricing,
#main-content.cart span.price {
    color: #f7f9ff;
    font-style: normal;
}
#main-content.cart .product-price .price strong,
#main-content.cart .product-pricing .price,
#main-content.cart span.price strong {
    color: var(--wo-blue);
    font-weight: 700;
}
#main-content.cart .cart-products .panel-product .panel-body {
    color: var(--wo-muted);
    line-height: 1.65;
}
#main-content.cart .cart-products .panel-product .panel-body p,
#main-content.cart .cart-products .product-desc { color: var(--wo-muted); }
#main-content.cart .feature-value { color: #f1f5fc; }
#main-content.cart .qty { color: var(--wo-faint); }
#main-content.cart .group-features .panel-body [class*="col-"] { margin-bottom: 8px; }
#main-content.cart .group-features .fa-check { color: var(--wo-green) !important; }

/* Slider variant --------------------------------------------------------- */
#main-content.cart.slider .product-selector .irs-line,
#main-content.cart.slider .irs-bar,
#main-content.cart.slider .irs-bar-edge { border-color: var(--wo-border); }
#main-content.cart.slider .product-selector .irs-line { background: #0b1424; }
#main-content.cart.slider .product-selector .irs-bar,
#main-content.cart.slider .product-selector .irs-bar-edge { background: var(--wo-orange); }
#main-content.cart.slider .product-selector .irs-slider { background: #fff; border-color: var(--wo-orange); }
#main-content.cart.slider .product-selector .irs-grid-text,
#main-content.cart.slider .product-selector .irs-min,
#main-content.cart.slider .product-selector .irs-max {
    color: var(--wo-faint);
    background: transparent;
    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
#main-content.cart.slider .product-selector .irs-line .irs-line-left,
#main-content.cart.slider .product-selector .irs-line .irs-line-mid,
#main-content.cart.slider .product-selector .irs-line .irs-line-right { background: #0b1424; }
#main-content.cart.slider .product-selector .irs-single { color: #fff; background: var(--wo-orange); }
#main-content.cart .progress {
    height: 8px;
    background: #0a1322;
    border-radius: 999px;
    box-shadow: none;
}
#main-content.cart .progress-bar { background: linear-gradient(90deg, var(--wo-orange), var(--wo-blue)); }

/* Add-ons --------------------------------------------------------------- */
#main-content.cart .addon-products,
#main-content.cart .addon-products > div { color: var(--wo-muted); background: transparent; }
#main-content.cart .addon-products label { color: var(--wo-text); }
#main-content.cart .cart-products .panel-product .product-desc,
#main-content.cart .addon-products .description { color: var(--wo-muted); }
#main-content.cart .cart-products .panel-product .product-desc *,
#main-content.cart .addon-products .description * { color: inherit !important; }
#main-content.cart .cart-products .panel-product .product-desc a,
#main-content.cart .addon-products .description a { color: var(--wo-blue) !important; }

/* Forms ------------------------------------------------------------------ */
#main-content.cart label,
#main-content.cart .control-label { color: #d7e2f3; font-weight: 600; }
#main-content.cart .form-control,
#main-content.cart input[type="text"],
#main-content.cart input[type="email"],
#main-content.cart input[type="password"],
#main-content.cart input[type="number"],
#main-content.cart input[type="tel"],
#main-content.cart input[type="url"],
#main-content.cart input[type="search"],
#main-content.cart select,
#main-content.cart textarea,
#main-content.cart .input-group-addon {
    color: var(--wo-text);
    background-color: #0b1525;
    border-color: var(--wo-border);
    border-radius: 9px;
    box-shadow: none;
    -webkit-text-fill-color: var(--wo-text);
}
#main-content.cart .form-control,
#main-content.cart input[type="text"],
#main-content.cart input[type="email"],
#main-content.cart input[type="password"],
#main-content.cart input[type="number"],
#main-content.cart input[type="tel"],
#main-content.cart input[type="url"],
#main-content.cart input[type="search"],
#main-content.cart select { min-height: 42px; }
#main-content.cart textarea { min-height: 108px; }
#main-content.cart .form-control::placeholder,
#main-content.cart input::placeholder,
#main-content.cart textarea::placeholder {
    color: var(--wo-faint);
    opacity: 1;
    -webkit-text-fill-color: var(--wo-faint);
}
#main-content.cart .form-control:focus,
#main-content.cart input[type="text"]:focus,
#main-content.cart input[type="email"]:focus,
#main-content.cart input[type="password"]:focus,
#main-content.cart input[type="number"]:focus,
#main-content.cart input[type="tel"]:focus,
#main-content.cart input[type="url"]:focus,
#main-content.cart input[type="search"]:focus,
#main-content.cart select:focus,
#main-content.cart textarea:focus {
    color: #fff;
    background-color: #101d31;
    border-color: var(--wo-blue);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(88, 179, 255, .14);
    -webkit-text-fill-color: #fff;
}
#main-content.cart input:-webkit-autofill,
#main-content.cart input:-webkit-autofill:hover,
#main-content.cart input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #0b1525 inset !important;
    -webkit-text-fill-color: var(--wo-text) !important;
    caret-color: var(--wo-text);
    transition: background-color 9999s ease-out 0s;
}
#main-content.cart .form-control[disabled],
#main-content.cart .form-control[readonly],
#main-content.cart input[disabled],
#main-content.cart input[readonly],
#main-content.cart select[disabled],
#main-content.cart textarea[disabled],
#main-content.cart textarea[readonly] {
    color: #aebbd0 !important;
    background: #101a2b !important;
    border-color: #2a3a54 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #aebbd0 !important;
}
#main-content.cart select option { color: var(--wo-text); background: #101a2c; }
#main-content.cart .input-group-addon { color: var(--wo-muted); }
#main-content.cart input[type="file"] {
    min-height: 42px;
    padding: 6px 8px;
    color: var(--wo-muted);
    background: #0b1525;
    border: 1px solid var(--wo-border);
    border-radius: 9px;
}
#main-content.cart input[type="file"]::file-selector-button,
#main-content.cart input[type="file"]::-webkit-file-upload-button {
    margin: -1px 10px -1px -1px;
    padding: 7px 12px;
    color: #e9f0fa;
    background: #1b2940;
    border: 1px solid #344865;
    border-radius: 7px;
    cursor: pointer;
}
#main-content.cart .help-block,
#main-content.cart .field-help-text { color: var(--wo-faint); }
#main-content.cart .has-error .form-control { border-color: var(--wo-red); }
#main-content.cart .has-success .form-control { border-color: var(--wo-green); }
#main-content.cart .field-error-msg,
#main-content.cart .form-error { color: #ff9b96; }

/* Buttons ---------------------------------------------------------------- */
#main-content.cart .btn {
    border-radius: 9px;
    font-weight: 700;
    transition: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#main-content.cart .btn:hover,
#main-content.cart .btn:focus { transform: translateY(-1px); }
#main-content.cart .btn-primary,
#main-content.cart .btn-success,
#main-content.cart .btn-info,
#main-content.cart .btn-warning,
#main-content.cart input[type="submit"].btn-primary,
#main-content.cart button[type="submit"].btn-primary {
    color: #fff;
    background: var(--wo-orange);
    border-color: var(--wo-orange);
    box-shadow: 0 8px 20px rgba(255, 106, 23, .20);
}
#main-content.cart .btn-primary:hover,
#main-content.cart .btn-primary:focus,
#main-content.cart .btn-success:hover,
#main-content.cart .btn-success:focus,
#main-content.cart .btn-info:hover,
#main-content.cart .btn-info:focus,
#main-content.cart .btn-warning:hover,
#main-content.cart .btn-warning:focus {
    color: #fff;
    background: var(--wo-orange-hover);
    border-color: var(--wo-orange-hover);
}
#main-content.cart .btn-default {
    color: #e2ebf8;
    background: #1a2941;
    border-color: #344865;
}
#main-content.cart .btn-default:hover,
#main-content.cart .btn-default:focus {
    color: #fff;
    background: #243754;
    border-color: #4b668f;
}
#main-content.cart .btn-danger { color: #fff; background: #d94c50; border-color: #d94c50; }
#main-content.cart .btn-3d { box-shadow: 0 3px 0 #b9440a, 0 8px 18px rgba(255, 106, 23, .16); }
#main-content.cart .panel-product a.btn.btn-3d[id$="-order-button"] {
    color: #071321;
    background: var(--wo-blue) !important;
    border-color: var(--wo-blue) !important;
    box-shadow: 0 3px 0 #217fbd, 0 8px 18px rgba(88, 179, 255, .24);
}
#main-content.cart .panel-product a.btn.btn-3d[id$="-order-button"]:hover,
#main-content.cart .panel-product a.btn.btn-3d[id$="-order-button"]:focus {
    color: #071321;
    background: #7ac6ff !important;
    border-color: #7ac6ff !important;
    box-shadow: 0 3px 0 #217fbd, 0 8px 20px rgba(88, 179, 255, .32), 0 0 0 3px rgba(88, 179, 255, .20);
}
#main-content.cart .btn.disabled,
#main-content.cart .btn[disabled] {
    color: #a6b4c8 !important;
    background: #1a2639 !important;
    border-color: #33445e !important;
    box-shadow: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Sidebars and category navigation -------------------------------------- */
#main-content.cart .whmcs-sidebar .panel,
#main-content.cart .sidebar-secondary .panel { box-shadow: none; }
#main-content.cart .whmcs-sidebar .list-group-item,
#main-content.cart .sidebar-secondary .list-group-item,
#main-content.cart .list-group-item {
    color: var(--wo-muted);
    background: #111c2f;
    border-color: var(--wo-border);
}
#main-content.cart .whmcs-sidebar a.list-group-item:hover,
#main-content.cart .whmcs-sidebar a.list-group-item:focus,
#main-content.cart .sidebar-secondary a.list-group-item:hover,
#main-content.cart .sidebar-secondary a.list-group-item:focus {
    color: #fff;
    background: rgba(255, 106, 23, .09);
}
#main-content.cart .list-group-item.active,
#main-content.cart .list-group-item.active:hover,
#main-content.cart .list-group-item.active:focus {
    color: #fff;
    background: rgba(255, 106, 23, .14);
    border-color: rgba(255, 106, 23, .48);
}
#main-content.cart .cat-col-row .panel { margin-bottom: 22px; }

/* Tables ----------------------------------------------------------------- */
#main-content.cart .table,
#main-content.cart .table > tbody > tr > td,
#main-content.cart .table > tbody > tr > th,
#main-content.cart .table > thead > tr > td,
#main-content.cart .table > thead > tr > th,
#main-content.cart .table > tfoot > tr > td {
    color: var(--wo-muted);
    background: transparent;
    border-color: var(--wo-border);
}
#main-content.cart .table > thead > tr > th {
    color: #dbe5f4;
    background: rgba(255, 255, 255, .035);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .035em;
}
#main-content.cart .table-striped > tbody > tr:nth-of-type(odd),
#main-content.cart .table-hover > tbody > tr:hover { background: rgba(255, 255, 255, .025); }
#main-content.cart .table-curved { overflow: hidden; border: 1px solid var(--wo-border); border-radius: 10px; }

/* Explicit Bootstrap state contrast ------------------------------------- */
#main-content.cart .text-primary { color: var(--wo-blue) !important; }
#main-content.cart .text-info { color: #a8d8ff !important; }
#main-content.cart .text-success { color: #91efcc !important; }
#main-content.cart .text-warning { color: #ffe09a !important; }
#main-content.cart .text-danger { color: #ffaaa5 !important; }
#main-content.cart .bg-primary,
#main-content.cart .bg-info,
#main-content.cart .bg-success,
#main-content.cart .bg-warning,
#main-content.cart .bg-danger {
    color: var(--wo-text);
    background: var(--wo-surface-raised);
}

/* Domain search and pricing --------------------------------------------- */
#main-content.cart .domain-checker-container,
#main-content.cart .domain-checker-bg,
#main-content.cart .domain-search-results,
#main-content.cart .domain-pricing { color: var(--wo-muted); background: transparent; }
#main-content.cart .domain-checker-bg {
    padding: 18px;
    background: linear-gradient(135deg, rgba(255, 106, 23, .08), rgba(88, 179, 255, .045));
    border: 1px solid var(--wo-border);
    border-radius: var(--wo-radius);
}
#main-content.cart .domain-result,
#main-content.cart .domain-available {
    color: #a8f1d5;
    background: rgba(54, 215, 173, .10);
    border-color: rgba(54, 215, 173, .28);
}
#main-content.cart .domain-unavailable { color: #ffaaa5; }
#main-content.cart .domain-suggestion .promo { color: var(--wo-yellow); }
#main-content.cart .spotlight-tld,
#main-content.cart .tld-pricing-header,
#main-content.cart .tld-row {
    color: var(--wo-muted);
    background: var(--wo-surface);
    border-color: var(--wo-border);
}
#main-content.cart .spotlight-tld { border-radius: 10px; overflow: hidden; }

/* Order summary, view cart and totals ----------------------------------- */
#main-content.cart .order-summary,
#main-content.cart .summary-container,
#main-content.cart .panel-view-cart,
#main-content.cart .view-cart-items,
#main-content.cart .cart-items {
    color: var(--wo-muted);
    background: transparent;
    border-color: var(--wo-border);
}
#main-content.cart .order-summary .summary-container,
#main-content.cart .panel-view-cart {
    overflow: hidden;
    background: #101b2e;
    border: 1px solid var(--wo-border);
    border-radius: 12px;
}
#main-content.cart .order-summary .product-group,
#main-content.cart .order-summary .product-name,
#main-content.cart .order-summary .subtotal,
#main-content.cart .order-summary .total-due-today,
#main-content.cart .panel-view-cart .item,
#main-content.cart .panel-view-cart .subtotal,
#main-content.cart .panel-view-cart .total {
    color: var(--wo-muted);
    background: transparent;
    border-color: var(--wo-border);
}
#main-content.cart .order-summary .total-due-today,
#main-content.cart .panel-view-cart .total {
    color: var(--wo-text);
    background: rgba(255, 106, 23, .075);
}
#main-content.cart .order-summary .amt,
#main-content.cart .panel-view-cart .item-price,
#main-content.cart .panel-view-cart .total .amt { color: #f5f8ff; }
#main-content.cart .panel-view-cart .item-qty input { text-align: center; }
#main-content.cart .panel-promo-code,
#main-content.cart [class*="promo-code"] { color: var(--wo-muted); background: transparent; }

/* Checkout and payment methods ------------------------------------------ */
#main-content.cart .panel-account-select .panel-body,
#main-content.cart .cc-details,
#main-content.cart .payment-methods,
#main-content.cart .payment-method,
#main-content.cart .paymethod-info {
    color: var(--wo-muted);
    background: transparent;
    border-color: var(--wo-border);
}
#main-content.cart .payment-methods label,
#main-content.cart .payment-method label { color: var(--wo-text); }
#main-content.cart .cc-input-container,
#main-content.cart .iframe-input-container {
    background: #0b1525;
    border-color: var(--wo-border);
    border-radius: 9px;
}
#main-content.cart .account-select-container label {
    color: var(--wo-muted);
    background: #101b2e;
    border-color: var(--wo-border);
    border-radius: 10px;
}
#main-content.cart .account-select-container label:hover,
#main-content.cart .account-select-container input:checked + label {
    color: #fff;
    background: rgba(255, 106, 23, .10);
    border-color: rgba(255, 106, 23, .55);
}
#main-content.cart .checkout-security-msg { margin-top: 18px; }

/* Alerts and status ------------------------------------------------------ */
#main-content.cart .alert { border-radius: 11px; box-shadow: none; }
#main-content.cart .alert-info { color: #b8dcff; background: rgba(88, 179, 255, .10); border-color: rgba(88, 179, 255, .26); }
#main-content.cart .alert-success { color: #a8f1d5; background: rgba(54, 215, 173, .10); border-color: rgba(54, 215, 173, .27); }
#main-content.cart .alert-warning { color: #ffe3a3; background: rgba(255, 190, 69, .10); border-color: rgba(255, 190, 69, .27); }
#main-content.cart .alert-danger { color: #ffb4b0; background: rgba(255, 120, 112, .10); border-color: rgba(255, 120, 112, .27); }
#main-content.cart .label,
#main-content.cart .badge { border-radius: 999px; }
#main-content.cart .label-success { color: #91efcc; background: rgba(54, 215, 173, .17); }
#main-content.cart .label-warning { color: #ffe09a; background: rgba(255, 190, 69, .17); }
#main-content.cart .label-danger { color: #ffaaa5; background: rgba(255, 120, 112, .17); }
#main-content.cart .label-default,
#main-content.cart .label-grey { color: #e2ebf8; background: #34445d; }
#main-content.cart .label-info { color: #b8dcff; background: rgba(88, 179, 255, .18); }
#main-content.cart .badge { color: #fff; background: #7654d8; }

/* Modals, popovers and autocomplete ------------------------------------- */
#main-content.cart .modal-content,
.modal .modal-content {
    color: var(--wo-muted);
    background: var(--wo-surface-raised);
    border: 1px solid var(--wo-border);
    border-radius: var(--wo-radius);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .48);
}
#main-content.cart .modal-header,
#main-content.cart .modal-footer,
.modal .modal-header,
.modal .modal-footer { border-color: var(--wo-border); }
#main-content.cart .modal-title,
.modal .modal-title { color: var(--wo-text); }
#main-content.cart .modal .close,
.modal .close {
    color: #fff;
    text-shadow: none;
    opacity: .82;
}
#main-content.cart .modal .close:hover,
#main-content.cart .modal .close:focus,
.modal .close:hover,
.modal .close:focus { color: #fff; opacity: 1; }
#main-content.cart .dropdown-menu,
#main-content.cart .tt-menu {
    color: var(--wo-muted);
    background: var(--wo-surface-raised);
    border-color: var(--wo-border);
    box-shadow: var(--wo-shadow);
}
#main-content.cart .dropdown-menu > li > a { color: var(--wo-muted); }
#main-content.cart .dropdown-menu > li > a:hover,
#main-content.cart .dropdown-menu > li > a:focus { color: #fff; background: rgba(255, 106, 23, .09); }

/* Tabs, pagination and title alignment ---------------------------------- */
#main-content.cart .nav-tabs { border-color: var(--wo-border); }
#main-content.cart .nav-tabs > li > a { color: var(--wo-muted); border-color: transparent; }
#main-content.cart .nav-tabs > li > a:hover,
#main-content.cart .nav-tabs > li > a:focus,
#main-content.cart .nav-tabs > li.active > a,
#main-content.cart .nav-tabs > li.active > a:hover,
#main-content.cart .nav-tabs > li.active > a:focus {
    color: var(--wo-text);
    background: var(--wo-surface-raised);
    border-color: var(--wo-border);
}
#main-content.cart .pagination > li > a,
#main-content.cart .pagination > li > span {
    color: var(--wo-muted);
    background: #101b2e;
    border-color: var(--wo-border);
}
#main-content.cart .pagination > li > a:hover,
#main-content.cart .pagination > li > a:focus,
#main-content.cart .pagination > .active > a,
#main-content.cart .pagination > .active > span {
    color: #fff;
    background: rgba(255, 106, 23, .16);
    border-color: rgba(255, 106, 23, .50);
}
#main-content.cart > .row > .col-md-12 > .h1 {
    clear: both;
    max-width: 100%;
}
#main-content.cart > .row > .col-md-12 > .h1 + small.pull-right {
    display: block;
    float: none !important;
    clear: both;
    max-width: 860px;
    margin: -18px 0 28px !important;
    color: var(--wo-faint);
    line-height: 1.55;
    text-align: left;
}
html[dir="rtl"] #main-content.cart > .row > .col-md-12 > .h1 + small.pull-right { text-align: right; }

/* RTL and responsive ----------------------------------------------------- */
html[dir="rtl"] #main-content.cart .h1 { text-align: right; }
html[dir="rtl"] #main-content.cart .btn-3d { box-shadow: 0 3px 0 #b9440a, 0 8px 18px rgba(255, 106, 23, .16); }

@media (max-width: 991px) {
    #main-content.cart .h1 { font-size: 28px; margin-bottom: 24px; }
    #main-content.cart .cart-products .panel-product,
    #main-content.cart.compare .cart-products .panel-product { height: auto; }
    #main-content.cart .cart-products .panel-product .panel-heading,
    #main-content.cart.compare .cart-products .panel-product .panel-heading { min-height: 0; }
    #main-content.cart .res-100 { width: 100%; }
}

@media (max-width: 767px) {
    #main-content.cart .h1 { font-size: 25px; }
    #main-content.cart .panel > .panel-heading { padding: 14px 15px; }
    #main-content.cart .panel > .panel-body { padding: 17px 15px; }
    #main-content.cart .panel > .panel-footer { padding: 14px 15px; }
    #main-content.cart .domain-checker-bg { padding: 14px; }
    #main-content.cart .input-group .form-control,
    #main-content.cart .input-group-btn > .btn { min-height: 42px; }
    #main-content.cart .table-responsive { border-color: var(--wo-border); }
}

@media (prefers-reduced-motion: reduce) {
    #main-content.cart *,
    #main-content.cart *::before,
    #main-content.cart *::after { transition-duration: .01ms !important; }
}

/* Checkout linked account controls (v1.1.2) ----------------------------- */
/* Provider markup comes from WHMCS. Remove its background-image icon and */
/* position our own, so the Google mark can never overlap the label. */
#main-content.cart #containerNewUserSignup .social-signin-btns .btn-google {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    min-height: 50px;
    padding: 10px 22px 10px 58px !important;
    color: #4c5565 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d2d8e2 !important;
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
    line-height: 1.35;
    text-align: center;
    white-space: normal;
}
#main-content.cart #containerNewUserSignup .social-signin-btns .btn-google::before {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 26px;
    height: 26px;
    content: "";
    background: url('../../../wizhosting2026/img/google-signin.png') center / contain no-repeat;
    transform: translateY(-50%);
}
#main-content.cart #containerNewUserSignup .social-signin-btns .btn-google:hover,
#main-content.cart #containerNewUserSignup .social-signin-btns .btn-google:focus {
    color: #202938 !important;
    background-color: #fff !important;
    border-color: #9da9ba !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
}
#main-content.cart #btnAlreadyRegistered,
#main-content.cart #btnNewUserSignup {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 14px;
    color: #071321 !important;
    background: var(--wo-blue) !important;
    border-color: var(--wo-blue) !important;
    box-shadow: 0 4px 0 #217fbd, 0 8px 18px rgba(88, 179, 255, .20);
    font-size: 13px;
}
#main-content.cart #btnAlreadyRegistered:hover,
#main-content.cart #btnAlreadyRegistered:focus,
#main-content.cart #btnNewUserSignup:hover,
#main-content.cart #btnNewUserSignup:focus {
    color: #071321 !important;
    background: #7ac6ff !important;
    border-color: #7ac6ff !important;
    box-shadow: 0 4px 0 #217fbd, 0 10px 22px rgba(88, 179, 255, .30);
}

/* Checkout: la variante de acceso existente entrega el botón del proveedor
   fuera de containerNewUserSignup. Conserva el mismo icono independiente. */
#main-content.cart #containerExistingUserSignin .social-signin-btns .btn-google {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    min-height: 50px;
    padding: 10px 22px 10px 58px !important;
    color: #4c5565 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #d2d8e2 !important;
    border-radius: 10px;
    box-shadow: 0 5px 14px rgba(0, 0, 0, .14);
    line-height: 1.35;
    text-align: center;
    white-space: normal;
}
#main-content.cart #containerExistingUserSignin .social-signin-btns .btn-google::before {
    position: absolute;
    top: 50%;
    left: 18px;
    width: 26px;
    height: 26px;
    content: "";
    background: url('../../../wizhosting2026/img/google-signin.png') center / contain no-repeat;
    transform: translateY(-50%);
}
#main-content.cart #containerExistingUserSignin .social-signin-btns .btn-google:hover,
#main-content.cart #containerExistingUserSignin .social-signin-btns .btn-google:focus {
    color: #202938 !important;
    background-color: #fff !important;
    border-color: #9da9ba !important;
    box-shadow: 0 7px 18px rgba(0, 0, 0, .18);
}

/* Light appearance overrides: order-form surfaces, checkout and cart states. */
html[data-wiz-theme="light"] #main-content.cart {
    --wo-bg: #f4f7fb;
    --wo-surface: #fff;
    --wo-surface-raised: #fff;
    --wo-surface-soft: #edf2f8;
    --wo-border: #d7e0eb;
    --wo-text: #17263a;
    --wo-muted: #4d6178;
    --wo-faint: #708198;
    --wo-blue: #266ab8;
    color: var(--wo-muted);
    background: transparent !important;
}
html[data-wiz-theme="light"] #main-content.cart .panel,
html[data-wiz-theme="light"] #main-content.cart .card,
html[data-wiz-theme="light"] #main-content.cart .well,
html[data-wiz-theme="light"] #main-content.cart .product-container .panel,
html[data-wiz-theme="light"] #main-content.cart .cart-sidebar,
html[data-wiz-theme="light"] #main-content.cart .order-summary {
    color: var(--wo-muted) !important;
    background: linear-gradient(145deg, #fff, #f8fbfd) !important;
    border-color: var(--wo-border) !important;
    box-shadow: 0 8px 22px rgba(33, 59, 91, .05);
}
html[data-wiz-theme="light"] #main-content.cart .panel > .panel-heading,
html[data-wiz-theme="light"] #main-content.cart .panel > .panel-footer,
html[data-wiz-theme="light"] #main-content.cart .order-summary .panel-heading,
html[data-wiz-theme="light"] #main-content.cart .order-summary .panel-footer {
    color: var(--wo-text) !important;
    background: #f4f8fb !important;
    border-color: var(--wo-border) !important;
}
html[data-wiz-theme="light"] #main-content.cart h1,
html[data-wiz-theme="light"] #main-content.cart h2,
html[data-wiz-theme="light"] #main-content.cart h3,
html[data-wiz-theme="light"] #main-content.cart h4,
html[data-wiz-theme="light"] #main-content.cart strong,
html[data-wiz-theme="light"] #main-content.cart .panel-title,
html[data-wiz-theme="light"] #main-content.cart .product-title { color: var(--wo-text) !important; }
html[data-wiz-theme="light"] #main-content.cart p,
html[data-wiz-theme="light"] #main-content.cart li,
html[data-wiz-theme="light"] #main-content.cart td,
html[data-wiz-theme="light"] #main-content.cart dd,
html[data-wiz-theme="light"] #main-content.cart .text-muted { color: var(--wo-muted) !important; }
html[data-wiz-theme="light"] #main-content.cart a:not(.btn) { color: #266ab8; }
html[data-wiz-theme="light"] #main-content.cart a:not(.btn):hover,
html[data-wiz-theme="light"] #main-content.cart a:not(.btn):focus { color: #b74608; }
html[data-wiz-theme="light"] #main-content.cart .cart-products .panel-product,
html[data-wiz-theme="light"] #main-content.cart .product,
html[data-wiz-theme="light"] #main-content.cart .products > [class*="product"] {
    background: linear-gradient(145deg, #fff, #f7fafd) !important;
    border-color: #d5e0eb !important;
}
html[data-wiz-theme="light"] #main-content.cart .cart-products .panel-product .panel-heading {
    background: linear-gradient(135deg, #fff4ed, #f8fbfd) !important;
    border-color: #d5e0eb !important;
}
html[data-wiz-theme="light"] #main-content.cart .product-price .price strong,
html[data-wiz-theme="light"] #main-content.cart .product-pricing .price,
html[data-wiz-theme="light"] #main-content.cart span.price strong,
html[data-wiz-theme="light"] #main-content.cart .price { color: #b74608 !important; }
html[data-wiz-theme="light"] #main-content.cart .form-control,
html[data-wiz-theme="light"] #main-content.cart input,
html[data-wiz-theme="light"] #main-content.cart select,
html[data-wiz-theme="light"] #main-content.cart textarea,
html[data-wiz-theme="light"] #main-content.cart .input-group-addon {
    color: #1c2d43 !important;
    background: #fff !important;
    border-color: #c8d5e3 !important;
    -webkit-text-fill-color: #1c2d43;
}
html[data-wiz-theme="light"] #main-content.cart .form-control:focus,
html[data-wiz-theme="light"] #main-content.cart input:focus,
html[data-wiz-theme="light"] #main-content.cart select:focus,
html[data-wiz-theme="light"] #main-content.cart textarea:focus {
    color: #15263b !important;
    background: #fff !important;
    border-color: #e55e12 !important;
    box-shadow: 0 0 0 3px rgba(255, 106, 23, .16) !important;
}
html[data-wiz-theme="light"] #main-content.cart .form-control::placeholder,
html[data-wiz-theme="light"] #main-content.cart input::placeholder,
html[data-wiz-theme="light"] #main-content.cart textarea::placeholder { color: #73859a !important; opacity: 1; }
html[data-wiz-theme="light"] #main-content.cart .form-control[disabled],
html[data-wiz-theme="light"] #main-content.cart .form-control[readonly],
html[data-wiz-theme="light"] #main-content.cart input[disabled],
html[data-wiz-theme="light"] #main-content.cart input[readonly],
html[data-wiz-theme="light"] #main-content.cart select[disabled],
html[data-wiz-theme="light"] #main-content.cart textarea[disabled],
html[data-wiz-theme="light"] #main-content.cart textarea[readonly] {
    color: #64758a !important;
    background: #edf2f6 !important;
    border-color: #d4dee8 !important;
    -webkit-text-fill-color: #64758a !important;
}
html[data-wiz-theme="light"] #main-content.cart select option { color: #1c2d43; background: #fff; }
html[data-wiz-theme="light"] #main-content.cart .table,
html[data-wiz-theme="light"] #main-content.cart .table > tbody > tr > td,
html[data-wiz-theme="light"] #main-content.cart .table > thead > tr > th { color: #40566f !important; border-color: #d7e0eb !important; }
html[data-wiz-theme="light"] #main-content.cart .table > thead > tr > th { color: #253c56 !important; background: #edf3f8 !important; }
html[data-wiz-theme="light"] #main-content.cart .table-striped > tbody > tr:nth-of-type(odd),
html[data-wiz-theme="light"] #main-content.cart .table > tbody > tr:hover { background: #f4f8fb !important; }
html[data-wiz-theme="light"] #main-content.cart .list-group-item { color: #4d6178 !important; background: #fff !important; border-color: #d7e0eb !important; }
html[data-wiz-theme="light"] #main-content.cart .list-group-item:hover,
html[data-wiz-theme="light"] #main-content.cart .list-group-item:focus { color: #1d344e !important; background: #f1f6fa !important; }
html[data-wiz-theme="light"] #main-content.cart .list-group-item.active { color: #9f3b06 !important; background: #fff0e7 !important; border-color: #efb38e !important; }
html[data-wiz-theme="light"] #main-content.cart .btn-default { color: #30465f; background: #eef3f8; border-color: #cbd8e5; }
html[data-wiz-theme="light"] #main-content.cart .btn-primary,
html[data-wiz-theme="light"] #main-content.cart .btn-success,
html[data-wiz-theme="light"] #main-content.cart .panel-product a.btn.btn-3d[id$="-order-button"] { color: #fff !important; background: #e45d10 !important; border-color: #d75106 !important; box-shadow: 0 3px 0 #aa3e05, 0 8px 18px rgba(228, 93, 16, .18) !important; }
html[data-wiz-theme="light"] #main-content.cart .btn-primary:hover,
html[data-wiz-theme="light"] #main-content.cart .btn-primary:focus,
html[data-wiz-theme="light"] #main-content.cart .btn-success:hover,
html[data-wiz-theme="light"] #main-content.cart .btn-success:focus { background: #bf4706 !important; border-color: #aa3e05 !important; }
html[data-wiz-theme="light"] #main-content.cart .btn[disabled],
html[data-wiz-theme="light"] #main-content.cart .btn.disabled { color: #748398 !important; background: #e8eef4 !important; border-color: #d5dfe9 !important; box-shadow: none !important; }

/* Checkout: explicit light controls and readable registration fields. */
html[data-wiz-theme="light"] #main-content.cart #frmCheckout label,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .control-label,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .field-help-text,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .help-block,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .form-group-noconflict > label {
    color: #40566f !important;
    opacity: 1 !important;
}
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .form-control,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input[type="text"],
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input[type="email"],
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input[type="password"],
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input[type="tel"],
html[data-wiz-theme="light"] #main-content.cart #frmCheckout select,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout textarea {
    color: #1c2d43 !important;
    background: #fff !important;
    border-color: #c8d5e3 !important;
    -webkit-text-fill-color: #1c2d43 !important;
}
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input:-webkit-autofill,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input:-webkit-autofill:hover,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #1c2d43 !important;
    caret-color: #1c2d43;
}
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .password-strength-meter,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .progress {
    background: #e4ebf2 !important;
    border-color: #d1dce7 !important;
}
html[data-wiz-theme="light"] #main-content.cart #frmCheckout #passwordStrengthTextLabel { color: #40566f !important; }
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .alert-info {
    color: #285d87 !important;
    background: #eaf5ff !important;
    border-color: #beddf4 !important;
}
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .payment-method,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .paymethod-info,
html[data-wiz-theme="light"] #main-content.cart #frmCheckout .account-select-container label {
    color: #40566f !important;
    background: #fff !important;
    border-color: #d1dce7 !important;
}

/* Light alerts: inherited cart messages must remain readable. */
html[data-wiz-theme="light"] #main-content.cart .alert-success,
html[data-wiz-theme="light"] #main-content.cart .alert-success p,
html[data-wiz-theme="light"] #main-content.cart .alert-success span,
html[data-wiz-theme="light"] #main-content.cart .alert-success strong {
    color: #17664e !important;
    background-color: #e9f8f1 !important;
    border-color: #b8e8d4 !important;
}
html[data-wiz-theme="light"] #main-content.cart .alert-success .alert-link,
html[data-wiz-theme="light"] #main-content.cart .alert-success a { color: #0c6f9c !important; font-weight: 700; }
html[data-wiz-theme="light"] #main-content.cart .alert-warning,
html[data-wiz-theme="light"] #main-content.cart .alert-warning p,
html[data-wiz-theme="light"] #main-content.cart .alert-warning span,
html[data-wiz-theme="light"] #main-content.cart .alert-warning strong,
html[data-wiz-theme="light"] #main-content.cart .info-text-sm,
html[data-wiz-theme="light"] #main-content.cart .checkout-security-msg {
    color: #704f0b !important;
    background-color: #fff7df !important;
    border-color: #f0d58f !important;
}
html[data-wiz-theme="light"] #main-content.cart .alert-warning .alert-link,
html[data-wiz-theme="light"] #main-content.cart .alert-warning a,
html[data-wiz-theme="light"] #main-content.cart .info-text-sm a,
html[data-wiz-theme="light"] #main-content.cart .checkout-security-msg a { color: #9a3c08 !important; font-weight: 700; text-decoration: underline; }

/* Promotion validation is a primary cart action in light mode. */
html[data-wiz-theme="light"] #main-content.cart button[name="validatepromo"].btn.btn-default {
    color: #fff !important;
    background: #e45d10 !important;
    border-color: #d75106 !important;
    box-shadow: 0 4px 0 #ad3e06, 0 8px 16px rgba(225, 84, 9, .16) !important;
}
html[data-wiz-theme="light"] #main-content.cart button[name="validatepromo"].btn.btn-default:hover,
html[data-wiz-theme="light"] #main-content.cart button[name="validatepromo"].btn.btn-default:focus {
    color: #fff !important;
    background: #bf4706 !important;
    border-color: #aa3e05 !important;
}

/* Mobile cart navigation and domain availability (v1.5.6) -------------- */
@media (max-width: 767px) {
    #main-content.cart .categories-collapsed {
        display: flex !important;
        align-items: stretch;
        gap: 10px;
        margin: 0 0 16px;
        padding: 12px 14px;
        background: #101b2e;
        border: 1px solid var(--wo-border);
        border-radius: 0 0 10px 10px;
    }
    #main-content.cart .categories-collapsed > .pull-left,
    #main-content.cart .categories-collapsed > .pull-right { float: none !important; min-width: 0; margin: 0 !important; }
    #main-content.cart .categories-collapsed > .pull-left { flex: 1.6 1 0; }
    #main-content.cart .categories-collapsed > .pull-right { flex: 1 1 0; }
    #main-content.cart .categories-collapsed form { height: 100%; margin: 0; }
    #main-content.cart .categories-collapsed .form-control {
        width: 100% !important; min-height: 46px; padding-right: 28px; color: #eef4ff !important;
        background: #171f2d !important; border-color: #35445b !important; border-radius: 9px;
        font-size: 14px; text-overflow: ellipsis;
    }
    #main-content.cart .categories-collapsed select option { color: #eef4ff; background: #171f2d; }
    #main-content.cart .domain-available > .domain-result.domain-price { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 10px; align-items: center; padding: 16px; margin-bottom: 16px; }
    #main-content.cart .domain-available > .domain-result.domain-price > .results-text { min-width: 0; line-height: 1.45; overflow-wrap: anywhere; }
    #main-content.cart .domain-available > .domain-result.domain-price > .btn-add-to-cart { grid-column: 1 / -1; float: none !important; width: 100%; min-height: 44px; margin: 4px 0 0 !important; white-space: normal; }
    #main-content.cart .panel-view-cart .item-title,
    #main-content.cart .panel-view-cart .item-description,
    #main-content.cart .panel-view-cart .item-price { overflow-wrap: anywhere; }
}
html[data-wiz-theme="light"] #main-content.cart .categories-collapsed { background: #f5f8fb; border-color: #d5e0eb; }
html[data-wiz-theme="light"] #main-content.cart .categories-collapsed .form-control { color: #1c2d43 !important; background: #fff !important; border-color: #c8d5e3 !important; }
html[data-wiz-theme="light"] #main-content.cart .categories-collapsed select option { color: #1c2d43; background: #fff; }

/* Compact title and mobile category shell (v1.5.7) --------------------- */
@media (max-width: 767px) {
    #main-content.cart > .cat-col-row { margin: 0 -15px 16px; background: #101827; border-bottom: 1px solid #2b3a52; }
    #main-content.cart > .cat-col-row > [class*="col-"] { padding: 0 !important; }
    #main-content.cart > .cat-col-row .categories-collapsed { margin: 0; padding: 14px 20px; border-width: 0; border-radius: 0; background: #101827; }
    #main-content.cart > .row > .col-md-12 > .h1 { margin-bottom: 6px; line-height: 1.16; }
    #main-content.cart > .row > .col-md-12 > .h1 + small.pull-right { margin: 0 0 24px !important; font-size: 15px; line-height: 1.45; }
}
html[data-wiz-theme="light"] #main-content.cart > .cat-col-row { background: #f3f6fa; border-bottom-color: #d5e0eb; }
html[data-wiz-theme="light"] #main-content.cart > .cat-col-row .categories-collapsed { background: #f3f6fa; }

/* Product add-ons: readable mobile rows (v1.5.8) ----------------------- */
@media (max-width: 767px) {
    #main-content.cart #ProductAddons > .label-pre-icheck { display: block; width: 100%; margin: 0 0 14px; padding: 0; }
    #main-content.cart #ProductAddons > .padding-top-cart { padding-top: 0; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row { display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 10px; margin: 0 0 20px; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row > .col-xs-1,
    #main-content.cart #ProductAddons > .padding-top-cart > .row > .col-xs-11 { float: none; width: auto; min-width: 0; padding: 0; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row > .col-xs-1 { padding-top: 3px; }
    #main-content.cart #ProductAddons label[for^="addons"] { display: block; margin: 0; font-size: 16px; line-height: 1.35; overflow-wrap: anywhere; }
    #main-content.cart #ProductAddons label[for^="addons"] .price { display: block; margin-top: 4px; color: var(--wo-blue) !important; font-size: 14px; line-height: 1.3; }
    #main-content.cart #ProductAddons small { display: block; margin-top: 8px; color: var(--wo-muted); font-size: 14px; line-height: 1.55; overflow-wrap: anywhere; }
    #main-content.cart #ProductAddons > .padding-top-cart > br { display: none; }
}

/* Preserve the full mobile width of configurable add-ons. */
@media (max-width: 767px) {
    #main-content.cart #ProductAddons { display: block !important; }
    #main-content.cart #ProductAddons > .label-pre-icheck { float: none !important; }
    #main-content.cart #ProductAddons > .padding-top-cart { display: block !important; float: none !important; width: 100% !important; max-width: none !important; min-width: 0; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row { display: flex; width: 100%; min-width: 0; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row > .col-xs-1 { flex: 0 0 30px; }
    #main-content.cart #ProductAddons > .padding-top-cart > .row > .col-xs-11 { display: block; flex: 1 1 0; width: auto !important; max-width: none !important; }
}