/* ========================================================================
   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-size: 14px;
    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.slider .panel-product a.btn.btn-default.btn-lg.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.slider .panel-product a.btn.btn-default.btn-lg.btn-3d[id$="-order-button"]:hover,
#main-content.cart.slider .panel-product a.btn.btn-default.btn-lg.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.4) ----------------------------- */
/* 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);
}