/*
Theme Name:   Hello Elementor Child
Description:  Child theme for Hello Elementor - keeps your functions.php
Template:     hello-elementor
Version:      1.0.0
*/

@import url("../hello-elementor/style.css");
/* Add custom CSS below */


.woocommerce-message {
    border-top-color: #000000; /* Black */
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: transparent; /* Transparent background */
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    color: #515151;
    border-top: 3px solid #000000; /* Black */
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

body .woocommerce a.button.wc-backward {
    display: inline-block; /* Ensures it behaves like a button */
    background-color: black;
    color: white;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none; /* Removes the underline for links */
    border: none;
}

body .woocommerce a.button.wc-backward:hover {
    background-color: #FAC828;
}

.elementor-menu-cart__product-price .quantity {
    visibility: hidden; /* Hides the entire content of the span */
	

}

.elementor-menu-cart__product-price .quantity .woocommerce-Price-amount {
    visibility: visible; /* Makes the price content visible again */
}


button.btn.btn-primary.apply-filters {
    position: relative;
    color: transparent; /* Hide the original text */
}

button.btn.btn-primary.apply-filters::after {
    content: "Mostra Risultati"; /* Add the new text */
    position: absolute;
    color: #ffffff; /* Set the text color (adjust as needed) */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

button.btn.btn-primary.apply-filters:hover {
    background-color: #FAC828; /* Change background color on hover */
}

/* Hide the product quantity (e.g., "x 1") in the checkout page */
.woocommerce-checkout td.product-name .product-quantity {
    display: none;
}

/* Hide the Quantity column */
.elementor-widget-woocommerce-cart table.cart td.product-quantity,
.elementor-widget-woocommerce-cart table.cart th.product-quantity {
    display: none;
}

/* Adjust column widths after hiding */
.elementor-widget-woocommerce-cart table.cart td,
.elementor-widget-woocommerce-cart table.cart th {
    width: auto;
}
/* Style the new "Square Meters" column */
.woocommerce-cart-form__contents .square-meters-header {
    text-align: center;
    font-weight: bold;
    width: 100px;
}

.woocommerce-cart-form__contents .square-meters {
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
}

dd.variation-Metriquadrim2 p {
    color: #4b4b4b;
	font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 800;
}

/* Style the input box to make it easier to click into */
#quantity-display {
    width: 120px; /* Increase width */
    height: 60px; /* Increase height */
    text-align: center; /* Center-align the text */
    font-size: 20px; /* Make the text larger */
    padding: 5px; /* Add padding for click area */
    border: 2px solid #ccc; /* Thicker border */
    border-radius: 4px; /* Rounded corners for a polished look */
    background-color: #fdfdfd; /* Light background for visibility */
    cursor: text; /* Change cursor to text when hovering */
}

/* Add hover effect */
#quantity-display:hover {
    border-color: #FAC828; /* Highlight border on hover */
    background-color: #f7f7f7; /* Slightly darker background on hover */
}

/* Add focus effect */
#quantity-display:focus {
    outline: none; /* Remove default outline */
    border-color: #121212; /* Dark border when focused */
    background-color: #ffffff; /* White background when focused */
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); /* Add a subtle glow effect */
}

/* For most modern browsers */
#quantity-display::-webkit-inner-spin-button, 
#quantity-display::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
#quantity-display[type="number"] {
    -moz-appearance: textfield;
}

#custom-quantity-selector h4 {
    font-size: 22px; /* Adjust the size as needed */
    font-weight: bold; /* Optional: make the text bold */
    line-height: 1.5; /* Optional: adjust the line height for better readability */
}

.grecaptcha-badge { 
    display: none !important;
}

.rc-anchor, 
.grecaptcha-badge, 
.rc-anchor-invisible, 
.rc-anchor-normal-footer, 
.rc-anchor-logo-large, 
.rc-anchor-pt {
    display: none !important;
}

.yith-wcan-filters.filters-modal {
  box-shadow: none !important;
}

.stock.in-stock {
    color: #2e7d32 !important;
    font-weight: 600;
    font-size: 1rem;
    display: flex !important;
    align-items: center;
    gap: 6px;
}