/**
 * Elitek PromoLabels - Basic Styles
 * Add to your theme's CSS or create a separate less/css file
 */

/* Sale label */
.promo-label-sale {
    background-color: #FF7043;
    background: linear-gradient(95deg, #FF7043 -5%, #FF8A65 105%);
}

.promo-label-sale .label-value {
    margin-left: 3px;
    font-size: 14px;
}

/* New product label */
.promo-label-new {
    background-color: #00ACC1;
    background: linear-gradient(92deg, #00ACC1 -5%, #26C6DA 105%);
}

/* Best price label */
.promo-label-best_price {
    background-color: #6B7BF2;
    background: linear-gradient(95deg, #6B7BF2 -5%, #8B95FF 105%);
}


/* Responsive adjustments */
@media (max-width: 768px) {
}

/* Animation (optional) */
.promo-label {
    animation: fadeIn 0.5s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*!* Ensure parent containers have relative positioning *!*/
/*.product-item-info,*/
/*.product-photo,*/
/*.product.media {*/
/*    position: relative;*/
/*}*/