/* ========================
   WooCommerce Checkout Customizations
   ======================== */

/* ------------------------
   Hide Unnecessary Elements
   ------------------------ */
.woocommerce-additional-fields>h3:first-child,
.woocommerce .coupon,
#ast-checkout-coupon,
.woocommerce-checkout-review-order-table,
#order_review_heading,
.woocommerce-billing-fields h3,
.woocommerce-mini-cart__buttons.buttons,
.cart_totals h2 {
    display: none !important;
}

/* ------------------------
   Layout Adjustments
   ------------------------ */
#customer_details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0 !important;
}

#customer_details .col-1 {
    flex: 0 0 100%;
    max-width: 100%;
}

#customer_details .col-2 {
    display: none;
}

#order_review {
    border: 0 !important;
    padding: 0 !important;
}

#customer_details .woocommerce-billing-fields {
    width: 100%;
    box-sizing: border-box;
}

/* ------------------------
   Payment Method Styling
   ------------------------ */
#payment ul li {
    padding: 0;
    margin: 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    font-size: 0.8rem;
    line-height: 1;
    padding: 10px;
}

/* ------------------------
   Mini Cart Adjustments
   ------------------------ */
.astra-cart-drawer-content {
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
}

.astra-minicart-checkout-form {
    border-top: none !important;
    margin-top: 0 !important;
}

/* ------------------------
   Checkout Button Styling
   ------------------------ */
.wc-proceed-to-checkout {
    text-align: right;
}

.checkout-button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s;
}

.checkout-button:hover {
    background-color: #45a049;
}

/* ========================
   Mobile Responsive Styles
   ======================== */
@media (max-width: 768px) {
    /* Table Adjustments */
    .shop_table {
        font-size: 14px;
    }

    /* Checkout Button */
    .checkout-button {
        font-size: 14px;
        width: 100%;
    }

    .wc-proceed-to-checkout {
        text-align: center;
    }
    /* Fixed Cart Totals */
    .cart-collaterals {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        padding: 15px;
        z-index: 1000;
    }

    /* Grid Layout for Cart Totals */
    .cart-collaterals .cart_totals {
        padding: 0 !important;
        margin: 0 !important;
        border-style: none !important;
        display: grid;
        grid-template-columns: 70% 30%;
        gap: 10px;
    }
}