/**
 * Slot Sidebar - Visual Styles Only
 * Version: 2.0.0 - CLEANED (Visual Only)
 * 
 * СОДЕРЖИТ ТОЛЬКО ВИЗУАЛЬНЫЕ СТИЛИ:
 * - Цвета (background, color)
 * - Тени (box-shadow)
 * - Borders, border-radius
 * - Transitions
 * - Hover-эффекты
 * - Анимация (fadeInUp)
 * - Типографика (font-family, font-size, font-weight, text-transform, letter-spacing)
 * 
 * СТРУКТУРНЫЕ ЭЛЕМЕНТЫ (display, flex, position, width, padding, table) → slot-single-layout.css
 * 
 * БЕЗ STICKY
 * Стили кнопок управляются из buttons.css
 * 
 * @package GamblingTheme
 */

/* Подпись под баннером sidebar */
.slot-sidebar__banner-caption {
    margin-top: 10px;
    font-size: 13px;
    font-style: italic;
    text-align: center;
    color: #666;
    line-height: 1.4;
}

/* ============================================================================
   ОСНОВНОЙ КОНТЕЙНЕР SIDEBAR
   ============================================================================ */

.slot-sidebar {
    background: var(--bg-blok);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-lg);
    animation: fadeInUp 0.6s ease;
    border: 1px solid var(--border-color);
}

/* ============================================================================
   БАННЕР СЛОТА
   ============================================================================ */

.slot-sidebar__banner img {
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
}

/* ============================================================================
   КОНТЕНТ (ТАБЛИЦА)
   ============================================================================ */

.slot-sidebar__table tbody tr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.slot-sidebar__table tbody tr:last-child {
    border-bottom: none;
}

.slot-sidebar__label {
    font-family: var(--font-primary);
    font-size: var(--font-xs);
    font-weight: var(--font-semibold);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background: transparent;
}

.slot-sidebar__value {
    font-family: var(--font-primary);
    font-size: var(--font-sm);
    font-weight: var(--font-medium);
    color: var(--text-primary);
    background: transparent;
}

.slot-sidebar__value a {
    color: var(--info);
    text-decoration: none;
    transition: var(--transition-base);
}

.slot-sidebar__value a:hover {
    color: var(--link-hover);
    text-decoration: underline;
}

/* ============================================================================
   ДОПОЛНИТЕЛЬНЫЕ СТИЛИ
   ============================================================================ */

.slot-sidebar__table tbody tr:hover {
    background: rgba(255, 255, 255, 0.02);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ============================================================================
   АДАПТИВНОСТЬ
   ============================================================================ */

@media (max-width: 767px) {
    .slot-sidebar__label {
        font-size: var(--font-xs);
    }
    
    .slot-sidebar__value {
        font-size: var(--font-sm);
    }
}