/**
 * Blocks Common Styles
 * Общие стили для всех типов контентных блоков
 * 
 * Version: 1.0.0
 * Description: Shared styles used across ALL block types (casino, slots, bonus, bookmakers)
 * Architecture: Component-based modular system
 * 
 * Contents:
 * 1. Image Captions (image_title ACF field)
 * 2. Future: Block Separators
 * 3. Future: Block Highlights
 * 4. Future: Block Badges
 */

/* ============================================
   1. IMAGE CAPTION STYLES
   Подписи под изображениями (ACF поле image_title)
   
   Used by: gt_render_block_image() helper function
   Applied to: All block types (casino, slots, bonus, bookmakers)
   Location: /includes/modules/casino-blocks/helpers.php
   ============================================ */

.image-caption {
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    color: #666666;
    line-height: 1.4;
}

/* ============================================
   RESPONSIVE DESIGN
   ============================================ */

/* Tablets (768px - 991px) */
@media (max-width: 768px) {
    .image-caption {
        font-size: 13px;
        margin-top: 8px;
    }
}

/* Mobile (≤480px) */
@media (max-width: 480px) {
    .image-caption {
        font-size: 12px;
        margin-top: 6px;
    }
}

/* ============================================
   FUTURE: Block Separators
   TODO: Add when needed for slots/bonus modules
   Example usage:
   <div class="block-separator"></div>
   ============================================ */

/* Раскомментируйте когда понадобится:
.block-separator {
    width: 100%;
    height: 1px;
    background: #e0e0e0;
    margin: 30px 0;
}
*/

/* ============================================
   FUTURE: Block Highlights
   TODO: Add when needed for special content blocks
   Example usage:
   <div class="block-highlight">Important text</div>
   ============================================ */

/* Раскомментируйте когда понадобится:
.block-highlight {
    padding: 15px 20px;
    background: #fff5e6;
    border-left: 4px solid #ff9500;
    border-radius: 4px;
    margin: 20px 0;
}
*/

/* ============================================
   FUTURE: Block Badges
   TODO: Add when needed for labels/tags
   Example usage:
   <span class="block-badge">New</span>
   ============================================ */

/* Раскомментируйте когда понадобится:
.block-badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background: #ff6b35;
    border-radius: 12px;
    text-transform: uppercase;
}
*/