/* Song Views CSS - Language toggle styles */

/* View Control Buttons */
.view-controls {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
    margin-bottom: var(--spacing-large);
    padding: var(--spacing-medium);
    background-color: var(--hover-color);
    border-radius: 8px;
}

.view-control-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-medium);
}

/* Hide language toggle for English-only songs */
.view-control-row.language-toggle.hidden {
    display: none;
}

.view-label {
    font-weight: bold;
    color: var(--primary-color);
    min-width: 80px;
}

.view-buttons {
    display: flex;
    gap: var(--spacing-small);
}

.view-btn {
    padding: 0.5rem 1.5rem;
    border: 2px solid var(--border-color);
    background-color: var(--button-background);
    color: var(--text-color);
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.structure-btn {
    padding: 0.5rem 1.5rem;
    border: 2px solid var(--border-color);
    background-color: var(--button-background);
    color: var(--text-color);
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.view-btn:hover,
.structure-btn:hover {
    background-color: var(--hover-color);
    border-color: var(--secondary-color);
}

.view-btn.active,
.structure-btn.active {
    background-color: var(--secondary-color);
    color: var(--active-button-text);
    border-color: var(--secondary-color);
}

/* Song Content */
.song-content {
    margin-top: var(--spacing-large);
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

/* Section Styles */
.section {
    margin-bottom: var(--spacing-medium);
    padding: var(--spacing-small) 0;
}

.section-label {
    font-size: 0.7rem;
    color: var(--label-text);
    margin-bottom: var(--spacing-small);
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
}

/* Lyrics Container */
.lyrics {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-medium);
}

.lyrics-telugu,
.lyrics-english {
    padding: var(--spacing-medium);
    background-color: var(--card-background);
    border-radius: 5px;
    line-height: 1.8;
    font-size: 1.1rem;
    margin: 0;
    text-align: center;
    color: var(--text-color);
}

.lyrics-telugu {
    font-family: var(--font-telugu);
}

.lyrics-english {
    font-family: var(--font-english);
}

/* View Mode: Both (default) */
.song-content[data-current-view="both"] .lyrics-telugu,
.song-content[data-current-view="both"] .lyrics-english {
    display: block;
}

/* View Mode: English Only */
.song-content[data-current-view="english"] .lyrics-telugu {
    display: none;
}

.song-content[data-current-view="english"] .lyrics-english {
    display: block;
}

/* View Mode: Telugu Only */
.song-content[data-current-view="telugu"] .lyrics-english {
    display: none;
}

.song-content[data-current-view="telugu"] .lyrics-telugu {
    display: block;
}

/* Responsive: Side-by-side on larger screens when viewing both */
@media (min-width: 768px) {
    .song-content[data-current-view="both"] .lyrics {
        flex-direction: row;
    }

    .song-content[data-current-view="both"] .lyrics-telugu,
    .song-content[data-current-view="both"] .lyrics-english {
        flex: 1;
    }

    /* English-only songs stay centered in single column */
    .song-content.english-only .lyrics {
        flex-direction: column;
        max-width: 800px;
        margin: 0 auto;
    }
}

/* Structure Toggle: Collapsed vs Expanded */
.song-content[data-structure="collapsed"] .section[data-display="expanded-only"] {
    display: none;
}

.song-content[data-structure="expanded"] .section[data-display="collapsed-only"] {
    display: none;
}

/* Print Styles */
@media print {
    .section {
        page-break-inside: avoid;
    }

    .lyrics-telugu,
    .lyrics-english {
        font-size: 12pt;
    }
}