/**
 * Archive Layout System - Специфичные стили для Archive страниц
 * 
 * ПРИМЕНЕНИЕ:
 * - Archive Slots (/slots/)
 * - Archive Casinos (/casino/)
 * - Archive Bonuses (/bonus/)
 * - Archive Providers (/provider/*)
 * - Taxonomy страницы
 * 
 * БАЗОВЫЕ СТИЛИ (.section, .container, .layout-*) теперь в main.css
 * 
 * @package GamblingTheme
 * @version 2.0.0 - Рефакторинг: глобальные стили перенесены в main.css
 */

/* ============================================
   🎯 ARCHIVE HERO СЕКЦИЯ
   ============================================ */

/* Обёртка Hero секции */
.archive-hero-section {
    background: var(--bg-primary);
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

/* Контейнер внутри Hero */
.archive-hero-section .container {
    /* Наследует стили от базового .container из main.css */
/*    padding-top: 5px;*/
}

/* Обёртка контента Hero */
.archive-hero-wrapper {
    background-color: var(--bg-blok);
    border: 1px solid var(--border-color);
    padding: var(--spacing-lg);
    padding-bottom: 10px;
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
}

/* ============================================
   🔍 ARCHIVE FILTERS СЕКЦИЯ
   ============================================ */

/* Обёртка Filters секции */
.archive-filters-section,
.section-filters {
    background: var(--bg-primary);
    padding: 0;
    width: 100%;
    overflow-x: hidden;
}

/* ============================================
   🎴 ARCHIVE SLOT CARDS СЕКЦИЯ
   ============================================ */

/* Обёртка Cards секции */
.archive-slot-cards-section,
.section-cards {
    background: var(--bg-primary);
    padding: var(--spacing-0);
    width: 100%;
    overflow-x: hidden;
}

/* Обёртка сетки карточек */
.archive-slot-cards-wrapper {
    display: grid;
    gap: var(--game-grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    width: 100%;
    box-sizing: border-box;
}

/* Фиксированные сетки */
.archive-slot-cards-wrapper.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}

.archive-slot-cards-wrapper.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}

.archive-slot-cards-wrapper.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}

.archive-slot-cards-wrapper.grid-1 {
    grid-template-columns: 1fr;
}

/* ============================================
   🎰 ARCHIVE CASINO CARDS СЕКЦИЯ
   ============================================ */

/* Обёртка Casino Cards секции */
.archive-casino-cards-section {
    background: var(--bg-primary);
    width: 100%;
    overflow-x: hidden;
}

/* Обёртка сетки casino карточек */
.archive-casino-cards-wrapper {
    display: grid;
    gap: var(--game-grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(var(--game-card-min-width, 280px), 1fr));
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   🎁 ARCHIVE BONUS CARDS СЕКЦИЯ
   ============================================ */

/* Обёртка Bonus Cards секции */
.archive-bonus-cards-section {
    background: var(--bg-primary);
    width: 100%;
    overflow-x: hidden;
}

/* Обёртка сетки bonus карточек */
.archive-bonus-cards-wrapper {
    display: grid;
    gap: var(--game-grid-gap);
    grid-template-columns: repeat(auto-fill, minmax(var(--game-card-min-width, 280px), 1fr));
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   🎯 ARCHIVE PROMOTION CARDS СЕКЦИЯ
   ============================================ */

/* Обёртка Promotion Cards секции */
.archive-promotion-cards-section {
    background: var(--bg-primary);
    width: 100%;
    overflow-x: hidden;
}

/* Обёртка сетки promotion карточек */
.archive-promotion-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--game-grid-gap);
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   🏆 ARCHIVE TOURNAMENT CARDS СЕКЦИЯ
   ============================================ */

/* Обёртка Tournament Cards секции */
.archive-tournament-cards-section {
    background: var(--bg-primary);
    width: 100%;
    overflow-x: hidden;
}

/* Обёртка сетки tournament карточек */
.archive-tournament-cards-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--game-grid-gap);
    width: 100%;
    box-sizing: border-box;
}

/* ============================================
   📊 ARCHIVE КОЛОНКИ (специфика архивов)
   ============================================ */

/* Колонки архива */
.archive-content__column {
    width: 100%;
    max-width: 100%;
}

.archive-content__column--main {
    /* Левая колонка с контентом (75%) */
}

.archive-content__column--sidebar {
    /* Правая колонка с сайдбаром (25%) */
}

/* ============================================
   📱 АДАПТИВНОСТЬ: ПЛАНШЕТЫ (≤1024px)
   ============================================ */

@media (max-width: 1023px) {
    .archive-hero-section,
    .archive-filters-section,
    .section-filters,
    .archive-slot-cards-section,
    .section-cards,
    .archive-casino-cards-section,
    .archive-bonus-cards-section,
    .archive-promotion-cards-section,
    .archive-tournament-cards-section {
        padding: var(--spacing-0);
    }
    
    .archive-content__column--main {
        width: 100%;
        max-width: 100%;
        margin-bottom: var(--spacing-2xl);
    }
    
    .archive-content__column--sidebar {
        width: 100%;
        max-width: 100%;
    }
    
    .archive-slot-cards-wrapper,
    .archive-casino-cards-wrapper,
    .archive-bonus-cards-wrapper {
        gap: var(--game-grid-gap-tablet, 20px);
    }
}

/* ============================================
   📱 АДАПТИВНОСТЬ: МОБИЛЬНЫЕ (≤768px)
   ============================================ */

@media (max-width: 767px) {
    .archive-hero-section,
    .archive-filters-section,
    .section-filters,
    .archive-slot-cards-section,
    .section-cards,
    .archive-casino-cards-section,
    .archive-bonus-cards-section,
    .archive-promotion-cards-section,
    .archive-tournament-cards-section {
        padding: var(--spacing-0);
        width: 100%;
        overflow-x: hidden;
    }
    
    .archive-hero-wrapper {
        padding: var(--spacing-md);
    }
    
    .archive-slot-cards-wrapper,
    .archive-casino-cards-wrapper,
    .archive-bonus-cards-wrapper {
        gap: var(--game-grid-gap-mobile, 16px);
        grid-template-columns: repeat(2, 1fr);
    }
    
    .archive-slot-cards-wrapper.grid-4,
    .archive-slot-cards-wrapper.grid-3,
    .archive-casino-cards-wrapper.grid-4,
    .archive-casino-cards-wrapper.grid-3,
    .archive-bonus-cards-wrapper.grid-4,
    .archive-bonus-cards-wrapper.grid-3 {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================================
   📱 АДАПТИВНОСТЬ: ОЧЕНЬ МАЛЕНЬКИЕ МОБИЛЬНЫЕ (≤480px)
   ============================================ */

@media (max-width: 480px) {
    .archive-hero-section,
    .archive-filters-section,
    .section-filters,
    .archive-slot-cards-section,
    .section-cards,
    .archive-casino-cards-section,
    .archive-bonus-cards-section,
    .archive-promotion-cards-section,
    .archive-tournament-cards-section {
        padding: var(--spacing-0);
        width: 100%;
        overflow-x: hidden;
    }
    
    .archive-slot-cards-wrapper,
    .archive-casino-cards-wrapper,
    .archive-bonus-cards-wrapper {
        grid-template-columns: 1fr;
    }
    
    .archive-slot-cards-wrapper.grid-2,
    .archive-casino-cards-wrapper.grid-2,
    .archive-bonus-cards-wrapper.grid-2 {
        grid-template-columns: 1fr;
    }
}

/* ============================================
   🖥️ АДАПТИВНОСТЬ: БОЛЬШИЕ МОНИТОРЫ (≥1920px)
   ============================================ */

@media (min-width: 1920px) {
    /* Оставляем стабильный контейнер 1400px */
    /* Контейнер НЕ растягивается на больших мониторах */
}

/* ============================================
   КОНЕЦ ФАЙЛА archive-layout.css
   ============================================ */