/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://custombuiltdoor.com/
 Description:  A child theme for the Hello Elementor parent theme.
 Author:       Custom Built Door
 Author URI:   https://custombuiltdoor.com/
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-elementor-child
*/

/* --- Your Custom CSS Goes Below This Line --- */



.woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart, .woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {flex-wrap: wrap!important;}
.woocommerce ul.products li.product .price {
   color: #000 !important;
}
.woocommerce-loop-product__link > h2 {
   color: #000 !important;
}
.woocommerce .quantity .input-text.qty.text {
width: 50px;
height: 36px;
padding: 5px;
}


span.uni-cpo-action-edit {
    font-size: px !important;
} 

span.uni-cpo-action-edit::before {
    font-size: initial;
	color: #578957 !important;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart tbody tr:first-child td:first-child {
    width: 50px;
}

@media (max-width: 641px)
{
	.elementor-widget-woocommerce-cart .woocommerce table.cart tbody tr:first-child td:first-child {
    width: 70px;
}
}

span.uni-cpo-cart-action{
	display:inline-block !important;
	float: left;
    top: -3px;
    right: 10px;
}


.woocommerce-cart-form__contents .product-name dl.variation dd {
    font-weight: normal !important; 
	 
	color: #99AF99 !important;/* Ensures the attribute value is normal */
}

/* Make attribute name (dt) and value (dd) appear inline and prevent wrapping */
.woocommerce-cart-form__contents .product-name dl.variation dt,
.woocommerce-cart-form__contents .product-name dl.variation dd {
    display: inline; /* Makes dt and dd behave like inline elements */ font-weight:  !important; 
}

.woocommerce-cart-form__contents .product-name dl.variation {
    line-height: 1.2; /* Adjust line height for tighter spacing if needed */
}


/* Decrease or remove spacing between paragraphs */
p {
    margin-bottom: 0.5em !important; /* Adjust this value as needed (e.g., 0em for no space, 0.2em for very little) */
    /* You might also want to adjust margin-top if paragraphs are causing space above them */
    margin-top: 0 !important;
}




/* Ensure the product remove (X) button is aligned to the top */
.woocommerce-cart-form__contents .product-remove {
    vertical-align: top !important; /* Align the remove button to the top */
    padding-top: 10px !important; /* Add some top padding to push it down slightly if needed */
}

/* Ensure the product thumbnail column is aligned to the top */
.woocommerce-cart-form__contents .product-thumbnail {
    vertical-align: top !important; /* Align the thumbnail column to the top */
    padding-top: 13px !important; /* Add some top padding to push it down slightly if needed */
    width: 100px !important; /* Maintain a consistent width for the thumbnail column */
    min-width: 80px !important;
    max-width: 120px !important;align-content
}




@media (max-width: 768px) { /* Adjust this breakpoint if needed */

    /* For Item Titles */
    .woocommerce-cart-form__cart-item .product-name { /* Common class for product name in cart */
        display: block !important; /* or display: inline-block !important; */
        /* Add any other styling to make it look good on mobile */
        font-size: 1em !important; /* Adjust font size */
        margin-bottom: 5px !important; /* Add some space below */
    }

    /* For Attributes (e.g., variations) */
    .woocommerce-cart-form__cart-item .variation { /* Common class for variations */
        display: block !important;
        font-size: 0.9em !important;
        color: #555 !important;
    }

    /* For Thumbnails */
    .woocommerce-cart-form__cart-item .product-thumbnail { /* Common class for product thumbnail */
        display: inline-grid !important; /* Or display: inline-block !important; */
        width: 60px !important; /* Adjust thumbnail width */
        height: auto !important;
        float: left !important; /* If you want it next to the text */
        margin-right: 10px !important; /* Space between thumb and text */
			padding-left: 10px !important; 
    }

	
	
	
    /* General cart item structure adjustments for better layout on small screens */
    .woocommerce-cart-form__cart-item {
        display: flex !important; /* Use flexbox for better alignment */
        align-items: flex-start !important; /* Align items to the top */
        flex-wrap: wrap !important; /* Allow items to wrap if space is limited */
        padding: 10px 1 !important;
        border-bottom: 1px solid #eee !important;
    }

    .woocommerce-cart-form__cart-item .product-name,
    .woocommerce-cart-form__cart-item .variation,
    .woocommerce-cart-form__cart-item .product-price,
    .woocommerce-cart-form__cart-item .product-quantity,
    .woocommerce-cart-form__cart-item .product-subtotal {
        width: 100% !important; /* Make text elements take full width */
        text-align: left !important;
        margin-bottom: 5px !important;
    }