/**
 * Premium Checkout Styles
 * CGIB Institute - Checkout Flow
 */

:root {
    --checkout-bg: #FDFCFA;
    --checkout-card-bg: #FFFFFF;
    --checkout-accent: #D4AF37;
    --checkout-navy: #132238;
}

.cgib-premium-checkout {
    background: var(--checkout-bg) !important;
}

.cgib-woocommerce-checkout-wrapper {
    background: var(--checkout-card-bg) !important;
    padding: 50px !important;
    border-radius: 20px !important;
    box-shadow: 0 15px 45px rgba(19, 34, 56, 0.06) !important;
}

/* Form Styles */
.woocommerce-checkout .form-row {
    margin-bottom: 25px !important;
}

.woocommerce-checkout label {
    font-weight: 600 !important;
    color: var(--checkout-navy) !important;
    font-family: 'Inter', sans-serif !important;
    margin-bottom: 10px !important;
    display: block !important;
    font-size: 0.9rem !important;
}

.woocommerce-checkout input.input-text,
.woocommerce-checkout select,
.woocommerce-checkout textarea {
    border: 1.5px solid #EFEFEF !important;
    background: #F9F9F9 !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    transition: all 0.3s ease !important;
}

.woocommerce-checkout input.input-text:focus {
    border-color: var(--checkout-accent) !important;
    background: #FFF !important;
    box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.1) !important;
}

/* Order Review */
.woocommerce-checkout-review-order-table {
    border: none !important;
    margin-bottom: 30px !important;
}

.woocommerce-checkout-review-order-table thead th {
    background: #F4F6F8 !important;
    padding: 15px 20px !important;
    border: none !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 700 !important;
    color: var(--checkout-navy) !important;
    border-radius: 10px 10px 0 0 !important;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    padding: 18px 20px !important;
    border-bottom: 1px solid #F0F0F0 !important;
}

.woocommerce-checkout-review-order-table tr.order-total {
    background: rgba(212, 175, 55, 0.05) !important;
}

.woocommerce-checkout-review-order-table tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total td {
    border: none !important;
    font-weight: 800 !important;
    color: var(--checkout-navy) !important;
}

/* Payment Section */
#payment {
    background: #FAFAFA !important;
    border-radius: 15px !important;
    border: 1px solid #EEE !important;
    padding: 25px !important;
}

#payment ul.payment_methods {
    border-bottom: 1px solid #EEE !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
}

#payment .payment_box {
    background: #FFF !important;
    border: 1px solid #EEE !important;
    border-radius: 8px !important;
    font-size: 0.9rem !important;
    color: #666 !important;
}

/* Place Order Button */
#place_order {
    background: var(--checkout-navy) !important;
    color: #FFF !important;
    padding: 20px 40px !important;
    border-radius: 50px !important;
    font-size: 1rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    border: none !important;
    width: 100% !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    margin-top: 10px !important;
}

#place_order:hover {
    background: var(--checkout-accent) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 35px rgba(212, 175, 55, 0.3) !important;
}

/* Custom Field Sections (from plugin) */
.cgib-checkout-section {
    background: #FFF !important;
    padding: 30px !important;
    border-radius: 15px !important;
    border: 2px solid #F4F4F4 !important;
    margin-bottom: 40px !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .cgib-woocommerce-checkout-wrapper {
        padding: 30px !important;
    }
}