/* =========================================================
   AOSWARE Modern Configure Page
   Visual changes only. WHMCS pricing logic remains unchanged.
   ========================================================= */

body {
    background: #fbfaf7;
}

/* Hide legacy WHMCS top strip on modern order pages */
#top-nav,
.top-nav,
section#header .topbar {
    display: none !important;
}

/* Hidden by the configure-page helper */
.aos-modern-hidden {
    display: none !important;
}

/* Expand the main area after removing the old left sidebar */
.aos-modern-main-shell {
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    float: none !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* Main configure row */
.aos-modern-config-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 34px !important;
    width: 100% !important;
}

/* Left configuration area */
.aos-modern-config-col {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    float: none !important;
    padding: 0 !important;
}

/* Right summary area */
.aos-modern-summary-col {
    flex: 0 0 350px !important;
    width: 350px !important;
    max-width: 350px !important;
    float: none !important;
    padding: 0 !important;
}

/* Configure title */
#order-standard_cart h1,
#order-standard_cart .header-lined h1 {
    color: #071a39 !important;
    font-size: 36px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.7px !important;
    margin-bottom: 8px !important;
}

/* Product description block */
#order-standard_cart .product-info,
#order-standard_cart .product-info-container {
    background: #ffffff !important;
    border: 1px solid #e1e7ef !important;
    border-radius: 16px !important;
    padding: 24px 26px !important;
    margin: 20px 0 26px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.035) !important;
}

/* General form controls */
#order-standard_cart select.form-control,
#order-standard_cart input.form-control {
    border: 1px solid #d5deea !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    min-height: 46px !important;
    box-shadow: none !important;
}

#order-standard_cart select.form-control:focus,
#order-standard_cart input.form-control:focus {
    border-color: #1267e8 !important;
    box-shadow: 0 0 0 3px rgba(18, 103, 232, 0.10) !important;
}

/* Quantity fields */
#order-standard_cart input[type="number"] {
    width: 110px !important;
    min-width: 110px !important;
    height: 48px !important;
    padding: 8px 14px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #071a39 !important;
}

/* Billing cycle */
#order-standard_cart select[name="billingcycle"] {
    min-width: 180px !important;
    width: auto !important;
    height: 48px !important;
    padding-left: 16px !important;
    font-weight: 700 !important;
    color: #071a39 !important;
}

/* Configurable Options heading */
#order-standard_cart .sub-heading {
    margin-top: 34px !important;
    margin-bottom: 24px !important;
}

#order-standard_cart .sub-heading span {
    background: #fbfaf7 !important;
    color: #071a39 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    padding: 0 18px !important;
}

/* Labels */
#order-standard_cart label {
    color: #475569 !important;
    font-weight: 600 !important;
}

/* Configuration option spacing */
#order-standard_cart .form-group {
    margin-bottom: 24px !important;
}

/* Modern Order Summary */
#order-standard_cart .order-summary {
    background: #ffffff !important;
    border: 1px solid #dce4ee !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 16px 45px rgba(15, 23, 42, 0.08) !important;
    position: sticky !important;
    top: 110px !important;
}

#order-standard_cart .order-summary .summary-header,
#order-standard_cart .order-summary .header,
#orderSummary .summary-header {
    background: #071a39 !important;
    color: #ffffff !important;
    border: 0 !important;
    padding: 18px 22px !important;
    font-weight: 700 !important;
}

/* Summary total */
#order-standard_cart .order-summary .total-due-today,
#order-standard_cart .order-summary .total {
    color: #071a39 !important;
    font-weight: 800 !important;
}

/* Continue button */
#order-standard_cart .btn-primary,
#order-standard_cart #btnCompleteProductConfig {
    background: #1267e8 !important;
    border-color: #1267e8 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    min-height: 48px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(18, 103, 232, 0.18) !important;
}

#order-standard_cart .btn-primary:hover,
#order-standard_cart #btnCompleteProductConfig:hover {
    background: #0b56c9 !important;
    border-color: #0b56c9 !important;
}

/* Sales help message */
#order-standard_cart .alert-warning {
    background: #fffaf0 !important;
    border: 1px solid #f1dfb0 !important;
    border-radius: 12px !important;
    color: #7c5d12 !important;
    padding: 14px 18px !important;
}

/* Remove excessive empty area */
#order-standard_cart {
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Mobile / Tablet */
@media (max-width: 991px) {

    .aos-modern-main-shell {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .aos-modern-config-row {
        display: block !important;
    }

    .aos-modern-config-col,
    .aos-modern-summary-col {
        width: 100% !important;
        max-width: 100% !important;
    }

    .aos-modern-summary-col {
        margin-top: 28px !important;
    }

    #order-standard_cart .order-summary {
        position: static !important;
    }
}


/* =====================================================
   AOSWARE CONFIGURE PAGE - BILLING + CONTINUE FIX
   ===================================================== */

/* Monthly / Yearly cards */
.aos-billing-radio {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    margin: 10px 0 24px !important;
}

.aos-billing-option {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-width: 220px !important;
    padding: 14px 16px !important;
    border: 2px solid #dbe4ef !important;
    border-radius: 12px !important;
    background: #fff !important;
    cursor: pointer !important;
}

.aos-billing-option:has(input:checked) {
    border-color: #1769e8 !important;
    background: #f4f8ff !important;
}

.aos-billing-option input[type="radio"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    accent-color: #1769e8 !important;
}

.aos-billing-option > span {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.aos-billing-option strong {
    font-size: 16px !important;
    font-weight: 800 !important;
}

.aos-save-badge {
    display: inline-block !important;
    width: fit-content !important;
    padding: 3px 8px !important;
    border-radius: 20px !important;
    background: #e8f8ee !important;
    color: #15803d !important;
    font-weight: 800 !important;
}

/* Order Summary Continue */
#orderSummary .order-summary {
    overflow: hidden !important;
}

#orderSummary .aos-summary-continue {
    display: block !important;
    width: 100% !important;
    margin: 18px 0 0 !important;
    padding: 16px 12px 12px !important;
    border-top: 1px solid #e3e8ef !important;
    box-sizing: border-box !important;
}

#orderSummary .aos-summary-continue #btnCompleteProductConfig {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    min-height: 52px !important;
    border-radius: 10px !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-align: center !important;
}



/* AOSWARE GLOBAL INTER FONT */
body,
button,
input,
select,
textarea,
.form-control,
.btn,
label,
table,
.nav,
.card,
.panel,
.order-summary,
#order-standard_cart {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}