/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


#reverse-upsells ul.products.columns-4 {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-template-rows: repeat(2, auto);
	gap: 24px;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none;
}

#reverse-upsells ul.products.columns-4 .wd-product {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
    background: #fff;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top.wd-quick-shop {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    overflow: hidden;
    border-radius: var(--wd-brd-radius);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top.wd-quick-shop a.product-image-link {
    --wd-otl-offset: calc(var(--wd-otl-width) * -1);
    position: relative;
    display: block;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top.wd-quick-shop a.woocommerce-product-gallery__image {
    display: block;
    text-align: center;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top.wd-quick-shop a.woocommerce-product-gallery__image img {
    width: 80%;
    margin: 0 auto;
    height: 250px;
    object-fit: contain;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top.wd-quick-shop .hover-img {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bgcolor-white);
    opacity: 0;
    transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
    pointer-events: none;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-top .quick-view {
    position:absolute;
    top:5px;
    right:5px;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-bottom {
    display: flex;
    flex-direction: column;
    gap: var(--wd-prod-gap);
    padding: var(--wd-prod-bg-cont-sp);
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-bottom h3 {
    text-align: center;
    display: flex;
    max-height: 100% !important;
    height: 60px;
    flex-direction: column;
    justify-content: center;
    line-height: var(--title-line-height, 1.4em);
    font-size: 16px;
    line-height:22px;
    width: 80%;
    margin: 0 auto;
}

#reverse-upsells ul.products.columns-4 .wd-product .product-element-bottom h3 a {
        display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* Contact form 7 */
.wpcf7-form input,
.wpcf7-form textarea {
border-radius:0px;
    border-width: 1px;
}

#contact-info-icon .elementor-icon-list-icon {
    background: #006b2b1a;
    padding: 15px;
    margin-right: 15px;
   padding-inline-end:15px;
}

.wf-po-narudzbi-badge {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px 16px;
    margin: 10px 0 18px;
    border: 1px solid #f0c36d;
    background: #fff8e5;
    color: #6b4b00;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.4;
}

.wf-po-narudzbi-badge strong {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.wf-po-narudzbi-badge span {
    color: #6b4b00;
}

#product-image-grid-bg .wd-product .product-wrapper {
   
    border-radius:8px;
}

#product-image-grid-bg img {
    width: 100%;
    margin: 0 auto;
    height: 250px;
    -webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
    
}


.wf-swisscolor-related-products {
    padding: 20px 0 0;
    
}