/*
 Theme Name:   Grostore Child
 Theme URI:    https://grostore-wp.themetags.com/
 Description: GroStore is a WordPress WooCommerce theme designed specifically for food and grocery businesses. It offers a range of features that make it easy for store owners to manage their online store,sell products,and grow their business.
 Author:       ThemeTags
 Author URI:   https://themetags.com/
 Template:     grostore
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  grostore
*/

/*=== Color Variables ===*/
:root {
    --color_primary: #6eb356;
    --color_secondary: #ff7c08;
    --color_body: #fafafa;
}

/*============== Admin Bar ================*/
@media(max-width:782px) {
    .admin-bar .header-sticky.sticky-on {
        top: 46px;
    }
}

@media(max-width:600px) {
    .admin-bar .header-sticky.sticky-on {
        top: 0;
    }
}

#breadcrumbs {
	display: none !important;
}

li.wc_payment_method {
	list-style-type: none !important;
}

.vp-woo-pont-shipping-method-icons {
	justify-content: end;
}


.hidden {
	display: none !important;
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
	width: 50%;
}

.product_meta .categories,
.product_meta .posted_in{
	margin-bottom: 20px !important;
	display: block;
}

/* Equal height product images */
.vertical-product-card .thumbnail {
    height: 250px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}

@media (max-width: 576px) {
    .vertical-product-card .thumbnail {
        height: 180px;
    }
}

.vertical-product-card .thumbnail img.feature-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Equal height product cards in a row */
ul.products {
    display: flex;
    flex-wrap: wrap;
}

/* Kifeszítjük a listaelemeket és a belső kártyát */
ul.products li.product {
    display: flex;
    flex-direction: column;
}

.vertical-product-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.vertical-product-card .card-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.woocommerce ul.products li.product .price {
	margin-bottom: 20px !important;
}

.vertical-product-card .card-content .btn {
    margin-top: auto; 
    display: block;
    width: 100%;
}