/* ==========================================================================
   1. ГЛОБАЛЬНАЯ СЕТКА И ЗАГОЛОВКИ СТРАНИЦЫ LINEUP
   ========================================================================== */

/* Точечная защита от прилипания контента к краям экрана на мобилках */
.lineup-page .row {
    padding-left: 15px;
    padding-right: 15px;
}

/* Фирменный заголовок с желтым подчеркиванием */
.lineup-page .rock-page-title {
    color: #FFc12d;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #FFc12d;
    padding-bottom: 10px;
    margin-top: 0;
    margin-bottom: 35px;
    font-size: 26px;
    letter-spacing: 0.5px;
}

/* Финальный рок-слоган в самом низу страницы */
.lineup-page .rock-final-slogan {
    font-size: 18px;
    font-weight: bold;
    color: #FFc12d;
    text-align: center;
    margin: 50px 0 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* ==========================================================================
   2. ШАХМАТНЫЙ СТЭК И СТРУКТУРА КАРТОЧЕК МУЗЫКАНТОВ
   ========================================================================== */

/* Вертикальный стек всех карточек */
.lineup-chess-stack {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* Базовая карточка (Картинка слева, текст справа) */
.member-chess-item {
    display: flex;
    flex-direction: row;
    background: #111111;
    border: 1px solid #222222;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

/* МАГИЯ ШАХМАТНОГО ПОРЯДКА: Каждый второй блок зеркально переворачивается */
.member-chess-item:nth-child(even) {
    flex-direction: row-reverse; /* Картинка справа, текст слева */
}

/* Подсветка карточки при наведении мыши */
.member-chess-item:hover {
    border-color: #FFc12d;
    box-shadow: 0 8px 30px rgba(255, 193, 45, 0.05);
}


/* ==========================================================================
   3. БЛОК ФОТОГРАФИИ (ЖЕСТКИЕ РАЗМЕРЫ, ЧТОБЫ КАРТИНКА НЕ СХЛОПЫВАЛАСЬ)
   ========================================================================== */

.member-chess-photo {
    width: 320px !important;    /* Жесткая ширина квадрата */
    height: 320px !important;   /* Жесткая высота квадрата */
    background-size: cover;     /* Картинка заполняет блок без искажений */
    background-position: center top;
    background-repeat: no-repeat;
    flex-shrink: 0;             /* Защита от сжатия флексами */
    background-color: #1a1a1a;  /* Фон-заглушка */
}


/* ==========================================================================
   4. ТЕКСТОВОЕ ОПИСАНИЕ МУЗЫКАНТА ВНУТРИ КАРТОЧКИ
   ========================================================================== */

.member-chess-info {
    padding: 25px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;    /* Центрируем текст по вертикали относительно фото */
    flex-grow: 1;
}

.member-chess-info .member-name {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
}

.member-chess-info .member-role {
    color: #FFc12d;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 15px;
    display: inline-block;
}

.member-chess-info .member-desc {
    color: #aaaaaa;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 0;
}


/* ==========================================================================
   5. АДАПТИВНОСТЬ ПОД МОБИЛЬНЫЕ ТЕЛЕФОНЫ (ОТКЛЮЧАЕМ ШАХМАТЫ НА СМАРТФОНАХ)
   ========================================================================== */
@media (max-width: 767px) {
    .member-chess-item,
    .member-chess-item:nth-child(even) {
        flex-direction: column; /* На смартфонах карточка вытягивается вертикально */
    }
    
    .member-chess-photo {
        width: 100% !important; /* Фото встает на всю ширину экрана телефона */
        height: auto !important;
        aspect-ratio: 1 / 1 !important; /* Сохраняет пропорции идеального квадрата */
    }
    
    .member-chess-info {
        padding: 20px;
    }
}


/* ==========================================================================
   6. ИДЕНТИФИКАТОРЫ ПОДКЛЮЧЕНИЯ ФОТОГРАФИЙ (СТРОГО ПО ТВОЕЙ СТРУКТУРЕ ПАПОК)
   ========================================================================== */

#memberMarina { 
    background-image: url('/img/band/02-marina.jpg') !important; 
}

#memberAnton { 
    background-image: url('/img/band/01-anthon.jpg') !important; 
}

#memberRoman { 
    background-image: url('/img/band/03-roman.jpg') !important; 
}

/* Новые участники: временные заглушки из твоих реальных файлов */
#memberMariya { 
    background-image: url('/img/band/marina.jpg') !important; 
}

#memberAlstromariya { 
    background-image: url('/img/band/marina.jpg') !important; 
}

#memberSergey { 
    background-image: url('/img/band/04-max.jpg') !important; 
}