/*
 Theme Name:   Astra Child
 Theme URI:    https://lensciaga.com
 Description:  Child theme for Astra — Lensciaga custom templates & WooCommerce lens functions
 Author:       Automate Web Solutions
 Author URI:   https://automatewebsolutions.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

/* =============================================
   Custom CSS — Lensciaga
   ============================================= */
#elementor-menu-cart__toggle_button {
    background-color: transparent !important;
}
.wpc-filter-header {
    display: none;
}
.wooco_component_product_selection_list_item_desc {
    display: none;
}
.wooco_component_product_selection_list_item_qty {
    display: none;
}

/* =============================================
   Checkout — Product name & price spacing fix
   ============================================= */
.woocommerce-checkout #order_review .shop_table {
    table-layout: fixed !important;
}
.woocommerce-checkout #order_review .shop_table .product-name {
    width: 70% !important;
}
.woocommerce-checkout #order_review .shop_table .product-total {
    width: 30% !important;
    text-align: right !important;
}

/* =============================================
   Cart Sidebar — Scroll Fix (Elementor Pro)
   ============================================= */

/* Main sidebar panel — full height, flex column */
.elementor-menu-cart__main {
    display: flex !important;
    flex-direction: column !important;
    height: 100vh !important;
    max-height: 100vh !important;
    overflow: hidden !important;
}

/* Products list — takes remaining space, scrolls */
.elementor-menu-cart__products {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    min-height: 0 !important;
    padding-bottom: 10px !important;
}

/* Footer — always visible at bottom */
.elementor-menu-cart__footer-buttons {
    flex-shrink: 0 !important;
    background: #fff !important;
    padding: 15px 20px !important;
    border-top: 1px solid #eee !important;
}

/* Subtotal row — always visible */
.elementor-menu-cart__subtotal {
    flex-shrink: 0 !important;
    background: #fff !important;
    padding: 10px 20px !important;
}

/* =============================================
   Cart Product Image — No cropping
   ============================================= */
.elementor-menu-cart__product-image {
    width: 85px !important;
    height: 85px !important;
    flex-shrink: 0 !important;
}
.elementor-menu-cart__product-image img {
    width: 85px !important;
    height: 85px !important;
    object-fit: contain !important;
    background: #f9f9f9 !important;
    border-radius: 6px !important;
}