/**
 * Game V2 Components - Master Import File
 * All CSS components specific to Game V2 (multi-version system)
 * 
 * @package GeneratePress_Child
 * @version 2.0.0
 * 
 * This file is enqueued only on is_singular('game_v2') pages
 * See: inc/assets.php line 62-65
 */

/* ==========================================================================
   Version Selector Dropdown
   ========================================================================== */

@import 'components.version-selector.css';

/* ==========================================================================
   Versions Widget (Aside)
   Step 18 - Multi-version download list
   ========================================================================== */

@import 'components.versions-widget.css';

/* ==========================================================================
   Hero V2 Enhancements (2-button layout)
   Step 19 - 2-button download layout and styling
   ========================================================================== */

@import 'components.hero-v2.css';

/* ==========================================================================
   Notes
   ========================================================================== */

/**
 * V2 reuses most CSS from V1:
 * - Grid layout: .gpcc-single__grid (100% reused)
 * - Hero structure: .gpcc-hero (90% reused)
 * - Content blocks: .gpcc-block (100% reused)
 * - Aside widgets: .gpcc-aside-widget (100% reused)
 * - Screenshots: .gpcc-snap (100% reused)
 * - Tabs: .gpcc-tabs (100% reused)
 * 
 * This file only contains NEW components:
 * - Version selector dropdown
 * - Versions widget (multi-version download list)
 * - Hero 2-button layout enhancements
 */

body.single-game_v2 .game_v2-faq {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.single-game_v2 .game_v2-faq__item {
    border: 1px solid rgba(96, 165, 250, 0.25);
    border-radius: 14px;
    background: rgba(14, 24, 46, 0.8);
    padding: 0;
    overflow: hidden;
}

body.single-game_v2 .game_v2-faq__question {
    cursor: pointer;
    padding: 14px 18px;
    font-weight: 600;
    color: #e5eaf3;
    list-style: none;
}

body.single-game_v2 .game_v2-faq__question::-webkit-details-marker {
    display: none;
}

body.single-game_v2 .game_v2-faq__item[open] .game_v2-faq__question {
    background: rgba(37, 99, 235, 0.18);
    color: #93c5fd;
}

body.single-game_v2 .game_v2-faq__answer {
    padding: 0 18px 18px;
    color: rgba(226, 232, 240, 0.85);
    line-height: 1.6;
}