/* --- Состояния музыкального блока галереи --- */

/* 1. СОСТОЯНИЕ: По умолчанию блок с кнопкой полностью скрыт */
.gallery-music-container {
    display: none; 
    justify-content: center; 
    margin-bottom: 15px; 
    width: 100%;
}

/* Настройка текстов внутри кнопки */
.music-toggle-btn .text-stop { 
    display: none; 
}
.music-toggle-btn .text-allow { 
    display: inline; 
}

/* 2. СОСТОЯНИЕ: Блок отображается (Кнопка фиолетовая, текст "Разрешить фоновую музыку") */
.gallery-music-container.is-visible {
    display: flex; /* Показываем контейнер */
}
.music-toggle-btn {
    background-color: #6f42c1; /* Фиолетовый цвет */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

/* 3. СОСТОЯНИЕ: Музыка играет (Кнопка становится зеленой, текст меняется на "Стоп музыка") */
.gallery-music-container.is-playing .music-toggle-btn {
    background-color: #28a745; /* Зеленый цвет */
}
.gallery-music-container.is-playing .text-allow { 
    display: none; 
}
.gallery-music-container.is-playing .text-stop { 
    display: inline; 
}