/*
 Theme Name: MK Distribution Child
 Theme URI: https://mkdistribution.com
 Author: Vires Software
 Author URI: https://viressoftware.com/
 Description: Child theme for MK Distribution based on Storefront
 Template: storefront
 Version: 0.1.4
*/

.products .product .badge-sold-out {
  position: absolute;
  top: -4px;
  right: -4px;
  background-color: #F44336;
  color: white;
  padding: 4px;
  border-radius: 4px;
}

/* Warning */
#lastudio-header-builder .el__text_1743548698875 span{
	color: #0a0a0a;
	margin-top: -590px !important;	
}

#lastudio-header-builder .lahfb-desktop-view .lahfb-topbar-area:not(.lahfb-vertical){
	margin-top: 60px;
}

.lahfb-mobiles-view{
	margin-top:50px;
}

.woocommerce-variation.single_variation {
	display: none !important;
}

ul.products::before, ul.products::after {
	display: none;
}

.products.columns-4 {
	display: grid;
	gap: 10px;
	row-gap: 30px;
}

/* .site-main ul.products li.product {
	width: auto !important;
	display: grid;
	margin: 0 !important;
} */

.archive .single_add_to_cart_button {
	width: 100%;
	border-radius: 4px;
	background-color: #000 !important;
	color: #fff !important;
	margin: 0 !important;
	height: 40px;
	padding: 0;
}

.archive .product .onsale {
	position: absolute;
	right: 0;
	top: 0;
}

/* .archive .variations select {
	min-width: 100%;
	padding: 7px 10px;
	border-radius: 4px;
} */

.quantity-cart {
	display: flex;
}

.archive .quantity .qty {
	height: 40px;
	background: transparent;
	border: 1px solid;
	box-shadow: none;
	margin-right: 5px;
	border-radius: 4px;
}

.archive table.variations {
  margin-bottom: 10px;
}

.variations_form {
	margin: 0;
}

.archive .variations tr {
	display: flex;
	gap: 5px;
	align-items: center;
}

.archive .variations td.value {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.archive a.reset_variations {
	display: none;
}

.archive .variation-images-column {
	display: flex;
	align-items: end;
	justify-content: center;
	gap: 5px;
	margin-top: 10px;
}

.variation-images-column img {
	width: 40px;
	height: 50px;
	object-fit: cover;
	border-radius: 10px;
	margin-bottom: 10px !important;
	cursor: pointer;
  border: 2px solid transparent;
  border-radius: 6px;
  transition: border 0.2s ease-in-out;
}

.variation-item.selected img {
  border: 2px solid #000; /* WooCommerce blue (or your theme color) */
}
@media (min-width:601px) {
	.products.columns-4 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		row-gap: 50px;
	}
}

@media (min-width:768px) {
	.products.columns-4 {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		min-width: 225px;
	}
}

@media (min-width:1024px) {
	.products.columns-4 {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}

@media only screen and (max-width: 500px) {
	#lastudio-header-builder .el__text_1743s548698875 {
		max-width: 400px;
		align-items: center;
	}
}
@media only screen and (max-width: 500px) {
	#lastudio-header-builder .el__text_1743548698875 span {
		margin-top:-430px !important;
		text-align: center;
	}
}
/* End Warning */