/* =============================================================
   custom.css — 3Life Cart: global overrides + WHMCS injected HTML
   ============================================================= */

/* ── Hide the WHMCS category sidebar entirely ────────────────── */

.cart-sidebar {
    display: none !important;
}

/* ── Full-width cart body when sidebar is hidden ─────────────── */

#order-standard_cart .row > .cart-body {
    float: none !important;
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}

/* ── Dark backgrounds for WHMCS injected content ─────────────── */

/* Standard WHMCS bootstrap well / panel overrides in the cart */

.well,
.panel,
.card {
    background-color: var(--dominant-800) !important;
    border-color: var(--border) !important;
    color: var(--dominant-100) !important;
}

.panel-heading,
.card-header {
    background-color: var(--dominant-700) !important;
    border-color: var(--border) !important;
    color: var(--dominant-100) !important;
}

/* ── #producttotal dark overrides ────────────────────────────── */

/* WHMCS injects a structured table into #producttotal — override it */

#producttotal {
    color: var(--dominant-100);
}

#producttotal .cart-item-detail,
#producttotal .config-option,
#producttotal li {
    color: var(--dominant-200);
    font-size: 0.875rem;
}

#producttotal .cart-total-row,
#producttotal tfoot td,
#producttotal .order-total {
    color: var(--dominant-50) !important;
    font-weight: 700;
}

#producttotal .promo-discount,
#producttotal .discount-row {
    color: var(--success) !important;
}

/* Any hr dividers in the injected HTML */
#producttotal hr {
    border-color: var(--border);
    opacity: 1;
}

/* "then $X/month" recurring text */
#producttotal .renewal-notice,
#producttotal .next-invoice,
#producttotal .payment-then {
    color: var(--dominant-400);
    font-size: 0.78rem;
}

/* ── Standard WHMCS form validation error styling ────────────── */

.has-error .form-control {
    border-color: #e05555 !important;
}

.has-error .help-block {
    color: #f08080;
}

/* ── Custom select-inline variant ────────────────────────────── */

.select-inline.custom-select {
    width: auto;
    min-width: 200px;
}

/* ── Range slider dark overrides ─────────────────────────────── */

.irs--modern .irs-bar,
.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
    background: var(--accent-400) !important;
    border-color: var(--accent-400) !important;
}

/* ── Skeleton hide helper ────────────────────────────────────── */

.summary-skeleton[style*="display: none"] {
    display: none !important;
}

/* ── Ensure the product loader spinner is hidden once loaded ─── */

#orderSummaryLoader {
    display: none !important;
}

/* ── Override Bootstrap's container padding inside cart ──────── */

#order-standard_cart .container {
    padding-left: 0;
    padding-right: 0;
}