/**
 * Audio player styles for Julian Bevan plugin
 */

/* Player visibility */
#player {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#player.is-visible {
    opacity: 1;
}

/* Play button styles */
[data-audio-url] {
    cursor: pointer;
    transition: opacity 0.3s ease;
}

[data-audio-url]:hover {
    opacity: 0.8;
}

/* Data-driven button state styles */
[data-state="idle"] [data-text="playing"],
[data-state="idle"] [data-text="paused"] {
    display: none;
}

[data-state="playing"] [data-text="play"],
[data-state="playing"] [data-text="paused"] {
    display: none;
}

[data-state="paused"] [data-text="play"],
[data-state="paused"] [data-text="playing"] {
    display: none;
}

/* Center player vertically in container */
.player-container {
    align-items: center;
}

/* Player grid positioning */
.player-container .plyr {
    grid-column: 1 / 9;
}

/* Share link styles */
.share-link {
    background: transparent !important;
}

.share-link:hover {
    opacity: 0.7;
}

/* Player toggle button */
.player-toggle {
    position: absolute;
    top: -2rem;
    right: 1rem;
    width: 2.5rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.25rem 0.25rem 0 0;
    border: none;
    padding: 0;
}

.player-toggle:hover {
    background: rgba(0, 0, 0, 0.5);
}

.player-toggle svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: white;
    transition: transform 0.3s ease;
    transform: rotate(180deg);
}

/* Rotate chevron back up when collapsed */
#player.is-collapsed .player-toggle svg {
    transform: rotate(0deg);
}

/* Collapsed state - hide content */
#player.is-collapsed > subsection {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition: opacity 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
}

#player > subsection {
    max-height: 200px;
    transition: opacity 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
}