/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.reset_variations {
	display: none !important;
}
.variation-quantity {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.variation-quantity label {
    margin-right: 10px;
    font-weight: bold;
}

.variation-quantity input[type="number"] {
    width: 60px;
    text-align: center;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 4px;
    margin: 0 5px;
}

.variable-item .quantity {
	padding: 0 !important;
	margin: 0 !important;
}

.variations .woo-variation-swatches .variable-items-wrapper li:last-child {
	margin-right: 4px !important;
}

.variation-quantity input[type="number"]::-webkit-inner-spin-button, 
.variation-quantity input[type="number"]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
    margin: 0; 
}

.devvn-popup-inner {
	max-width: 950px !important;
}

.quantity-variable {
	height: 38px !important;
    padding-top: 7px !important;
	padding-left: 0 !important;
}

.woo-variation-swatches .variable-items-wrapper {
	justify-content: space-between !important
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.badge-container {
    margin-top: 0;
    top: 10px;
    left: unset;
    right: 10px;
}
.badge .on-sale {
    background: url(/wp-content/uploads/2024/10/label-news.png);
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: unset;
    background-color: unset !important;
}
.col-inner>.product-small {
    padding: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .25);
}
.col-inner>.product-small>.box-image {
    border: 2px solid #1A2E02bd;
}