/**
 * Offers Widget Styles
 * Стили для виджета акций и анонсов
 */

/* ===== КОНТЕЙНЕР АКЦИЙ ===== */
.offers-container {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

/* Стили отображения */
.offers-container.offers-horizontal {
    flex-direction: row;
}

.offers-container.offers-vertical {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

.offers-container.offers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 12px;
}

/* ===== ЭЛЕМЕНТ АКЦИИ ===== */
.offer-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--offer-text-color, #495057);
    opacity: 0;
    animation: slideInUp 0.5s ease forwards;
    transition: all 0.2s ease;
}

.offer-item:hover {
    transform: translateY(-1px);
    color: var(--offer-text-hover-color, #212529);
}

.offer-icon {
    font-size: 14px;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.offer-text {
    white-space: nowrap;
    font-weight: 500;
    line-height: 1.2;
}

/* ===== АНИМАЦИИ ===== */
@keyframes slideInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Задержка анимации для каждого элемента */
.offer-item:nth-child(1) { animation-delay: 0.1s; }
.offer-item:nth-child(2) { animation-delay: 0.2s; }
.offer-item:nth-child(3) { animation-delay: 0.3s; }

/* ===== АДАПТИВНОСТЬ ===== */
@media (max-width: 768px) {
    .offers-container {
        justify-content: center;
        gap: 12px;
    }
    
    .offers-container.offers-horizontal {
        flex-wrap: wrap;
    }
    
    .offer-item {
        font-size: 12px;
    }
    
    .offer-icon {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .offers-container.offers-horizontal {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    
    .offer-text {
        white-space: normal;
        text-align: center;
        font-size: 11px;
    }
    
    .offers-container {
        gap: 8px;
    }
}

/* ===== ТЁМНАЯ ТЕМА ===== */
body.dark-theme {
    --offer-text-color: #e9ecef;
    --offer-text-hover-color: #ffffff;
}

body.dark-theme .offer-item {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* ===== ИНТЕГРАЦИЯ С ASTRA ===== */
/* Стили для интеграции с header builder Astra */
.ast-header-break-point .offers-container {
    justify-content: center;
}

.ast-header-break-point .offers-container.offers-horizontal {
    flex-direction: column;
    gap: 6px;
}

/* Стили для разных позиций в header */
.ast-above-header .offers-container {
    font-size: 12px;
}

.ast-primary-header .offers-container {
    font-size: 13px;
}

.ast-below-header .offers-container {
    font-size: 14px;
}