/* ============================================================
   VOLITION HOSTING — ORDER FORM / CART CSS
   Inherits from standard_cart, applies Volition dark theme
   ============================================================ */

:root {
    --vh-red: #E63946;
    --vh-red-hover: #C62D38;
    --vh-bg-darkest: #0B0B0F;
    --vh-bg-dark: #111117;
    --vh-bg-surface: #1A1A23;
    --vh-bg-card: #1E1E28;
    --vh-bg-card-hover: #252530;
    --vh-border: #2A2A36;
    --vh-text-primary: #F0F0F5;
    --vh-text-secondary: #9A9AB0;
    --vh-text-muted: #6B6B80;
    --vh-radius: 8px;
    --vh-radius-lg: 12px;
    --vh-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
    --vh-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --vh-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Cart page general background */
body {
    font-family: var(--vh-font) !important;
}

/* Product group heading */
.sub-heading {
    color: var(--vh-text-primary) !important;
    font-weight: 700;
}

/* Product cards in order form */
.order-form .products .product {
    background: var(--vh-bg-card) !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: var(--vh-radius-lg) !important;
    transition: var(--vh-transition);
    overflow: hidden;
}
.order-form .products .product:hover {
    border-color: var(--vh-red) !important;
    box-shadow: 0 4px 24px rgba(230, 57, 70, 0.15) !important;
    transform: translateY(-2px);
}
.order-form .products .product.active {
    border-color: var(--vh-red) !important;
    box-shadow: 0 0 0 2px var(--vh-red) !important;
}
.order-form .products .product .product-name {
    color: var(--vh-text-primary) !important;
    font-weight: 700;
}
.order-form .products .product .product-desc {
    color: var(--vh-text-secondary) !important;
    font-size: 0.88rem;
}
.order-form .products .product .pricing {
    color: var(--vh-red) !important;
    font-weight: 700;
}

/* Order summary panel */
.order-summary {
    background: var(--vh-bg-card) !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: var(--vh-radius-lg) !important;
}
.order-summary .order-summary-header {
    background: var(--vh-bg-surface) !important;
    border-bottom: 1px solid var(--vh-border) !important;
}

/* Cart items */
.view-cart-items-header {
    background: var(--vh-bg-surface) !important;
    color: var(--vh-text-primary) !important;
}
.view-cart-items .item {
    background: var(--vh-bg-card) !important;
    border-bottom: 1px solid var(--vh-border) !important;
    color: var(--vh-text-secondary) !important;
}
.view-cart-items .item:hover {
    background: var(--vh-bg-card-hover) !important;
}

/* Cart total */
.order-summary .total-due-today .amt {
    color: var(--vh-red) !important;
    font-weight: 800;
    font-size: 1.4rem;
}

/* Configuration options */
.configurable-options .form-group label {
    color: var(--vh-text-secondary) !important;
}
.configurable-options .form-control {
    background: var(--vh-bg-surface) !important;
    border: 1px solid var(--vh-border) !important;
    color: var(--vh-text-primary) !important;
    border-radius: var(--vh-radius) !important;
}

/* Checkout steps indicator */
.order-form .steps {
    background: var(--vh-bg-card) !important;
    border-radius: var(--vh-radius-lg) !important;
    border: 1px solid var(--vh-border) !important;
    overflow: hidden;
}
.order-form .steps .step {
    color: var(--vh-text-muted) !important;
}
.order-form .steps .step.active {
    color: var(--vh-red) !important;
    font-weight: 700;
}
.order-form .steps .step.complete {
    color: var(--vh-text-primary) !important;
}

/* Promo code */
.promo-code {
    background: var(--vh-bg-card) !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: var(--vh-radius) !important;
}

/* Billing cycle selector */
.panel-heading,
.panel-title {
    color: var(--vh-text-primary) !important;
}
.panel {
    background: var(--vh-bg-card) !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: var(--vh-radius-lg) !important;
}
.panel-default > .panel-heading {
    background: var(--vh-bg-surface) !important;
    border-bottom: 1px solid var(--vh-border) !important;
}
.panel-body {
    color: var(--vh-text-secondary) !important;
}
.panel-footer {
    background: var(--vh-bg-surface) !important;
    border-top: 1px solid var(--vh-border) !important;
}

/* Override buttons in cart */
.btn-order-form,
.order-form .btn-primary {
    background: var(--vh-red) !important;
    border-color: var(--vh-red) !important;
    color: #fff !important;
    border-radius: var(--vh-radius) !important;
    font-weight: 600;
    box-shadow: 0 2px 12px rgba(230, 57, 70, 0.25);
}
.btn-order-form:hover,
.order-form .btn-primary:hover {
    background: var(--vh-red-hover) !important;
    border-color: var(--vh-red-hover) !important;
    box-shadow: 0 4px 20px rgba(230, 57, 70, 0.35) !important;
}

/* Slider / range inputs */
input[type="range"] {
    accent-color: var(--vh-red);
}

/* Payment method selection */
.payment-methods .payment-method {
    background: var(--vh-bg-card) !important;
    border: 1px solid var(--vh-border) !important;
    border-radius: var(--vh-radius) !important;
    transition: var(--vh-transition);
}
.payment-methods .payment-method:hover,
.payment-methods .payment-method.active {
    border-color: var(--vh-red) !important;
}

/* Domain search section in cart — hide */
.domain-lookup,
.domain-checker,
#domainChecker {
    display: none !important;
}