/* Flex Layout for the Variation Content */
.variation-content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    border: 2px solid #ddd;
    padding: 2px;
    border-radius: 15px;
    background-color: #ffffff;
    background: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.11);
    transition: background-color 0.3s, border-color 0.3s;
}


/* Hover and Active Effect */
.variation-content:hover,
.has_variations.active .variation-content {
    border: 2px solid #2dbd0b;
    background-color: #fff2f8;
}

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

/* Target the last upsell's hover state */
.check_container.last-upsell:hover .variation-content,
.check_container.last-upsell.active .variation-content {
    background-color: #fff2f8 !important;
}

/* Image Section Styling */
.variation-image {
    margin-top: 10px;
    margin-right: 15px;
    max-width: 100px;
}

/* Title and Body Text Styling */
.variation-info {
    flex: 2;
}

.variation-info .variation_title {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
font-family: "Gothic", sans-serif;
}

.variation-info .var_txt {
    margin-top: 15px;
    font-size: 13px;
    color: #333;
}

/* IR UPSALES CHANGES */

@media only screen and (max-width: 640px) {
    .variation-info .variation_title {
        font-size: 14px;
    }

    .variation-info .var_txt .plans-description {
        font-size: 10px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.3;
    }

    html:lang(bg-BG) .variation-content .variation-info .var_txt,
    html:lang(en-GB) .variation-content .variation-info .var_txt {
        margin-top: 10px;
    }

    html:lang(bg-BG) .variation-content .variation-info .price-wrapper,
    html:lang(en-GB) .variation-content .variation-info .price-wrapper {
        margin: 10px 0 10px;
        align-items: baseline;

    }

    html:lang(bg-BG) .variation-content .variation-image,
    html:lang(en-GB) .variation-content .variation-image {
        margin-right: 15px !important;

    }

    html:lang(bg-BG) .variation-content,
    html:lang(en-GB) .variation-content {
/*         height: 130px; */
        margin-bottom: 10px;
    }

    html:lang(bg-BG) .woocommerce div.product form.cart .variations label,
    html:lang(en-GB) .woocommerce div.product form.cart .variations label {
        margin-bottom: 10px;
    }

    html:lang(bg-BG) .product_variation_section .variation_row .swatches-select .check_container .price.old_price,
    html:lang(en-GB) .product_variation_section .variation_row .swatches-select .check_container .price.old_price,
    html:lang(bg-BG) .product_variation_section .variation_row .swatches-select .check_container del .woocommerce-Price-amount,
    html:lang(en-GB) .product_variation_section .variation_row .swatches-select .check_container del .woocommerce-Price-amount {
        font-size: 14px;
    }

    html:lang(bg-BG) .product_variation_section .variation_row .swatches-select .check_container .price,
    html:lang(en-GB) .product_variation_section .variation_row .swatches-select .check_container .price,
    html:lang(bg-BG) .product_variation_section .variation_row .swatches-select .check_container .woocommerce-Price-amount,
    html:lang(en-GB) .product_variation_section .variation_row .swatches-select .check_container .woocommerce-Price-amount
    {
        font-size: 16px;
    }
    .variation-info .price-wrapper .eur-price {
	  font-family: Gothic, "MS sans-serif", sans-serif;
      font-size:16px!important;
    }
}

@media only screen and (max-width: 768px) {
	.variation-info .price-wrapper .eur-price {
	  font-family: Gothic, "MS sans-serif", sans-serif;
      font-size:16px!important;
    }
}


/* Price Styling */
.variation-info .price-wrapper {
    display: flex;
    align-items: center;
    gap: 5px; /* Space between old and new price */
}

.variation-info .old_price , .variation-info del .woocommerce-Price-amount {
    text-decoration: line-through;
    color: #888;
}

.variation-info .price , .variation-info .woocommerce-Price-amount {
    font-weight: bold;
    color: #000;
}

.price-wrapper {
    margin: 15px 0;
}

@media only screen and (max-width: 600px) {
    .price-wrapper {
        margin: 20px 0 25px;
    }
}
/* CSS Styling for WC get_price_html() price display */
.variation-info .price-wrapper .woocommerce-Price-amount {

    color: #d63b74;
    font-size: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Gothic, "MS sans-serif", sans-serif;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.variation-info .price-wrapper .eur-price {
  font-family: Gothic, "MS sans-serif", sans-serif;
  font-size:18px;
  font-weight: normal;
}

.product_variation_section .variation_row .swatches-select .check_container .price.old_price,
.product_variation_section .variation_row .swatches-select .check_container del .woocommerce-Price-amount
 {
	    color: #a2a2a2;
	    font-size: 18px;
   }

/* Free Delivery Styling */
.free_delivery {
    position: absolute;
    right: 2px;
    bottom: 2px;
    background-color: #2dbd0b;
    color: #fff;
    padding: 5px 10px;
    border-top-left-radius: 14px;
    border-bottom-right-radius: 14px;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
}

/* Hide Radio Button */
.checkmark input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Checkbox Styling */
.checkmark {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border: 2px solid #555;
    border-radius: 50%;
    margin-right: 10px;
    background-color: #fff;
    cursor: pointer;
}

.check_container input:checked ~ .checkmark {
    background-color: #4caf50;
    border-color: #4caf50;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.check_container input:checked ~ .checkmark:after {
    display: block;
}

.check_container .checkmark:after {
    left: 6px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: white;
}
