/**
 * Custom Audio Player Styles for Gabriele Verlag
 *
 * Integrates Seriously Simple Podcasting player with product pages
 * Styles to match Gabriele Verlag branding
 */

/* Audio Player Container */
.gabriele-audio-player-container {
    margin: 30px 0;
    padding: 20px;
    background: #f9f8f6;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Section Label (for "Preview" / "Full Song") */
.gabriele-audio-section-label {
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* SSP Player customization within products */
.gabriele-audio-player-container .castos-player {
    background: transparent;
}

/* Player main area */
.gabriele-audio-player-container .castos-player .player__main {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Artwork styling */
.gabriele-audio-player-container .player__artwork img {
    border-radius: 4px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* Play button customization */
.gabriele-audio-player-container .play-btn,
.gabriele-audio-player-container .pause-btn {
    background-color: #A8B5A0; /* Sage green from your brand */
    transition: background-color 0.3s ease;
}

.gabriele-audio-player-container .play-btn:hover,
.gabriele-audio-player-container .pause-btn:hover {
    background-color: #95a58d;
}

/* Progress bar */
.gabriele-audio-player-container .progress__filled {
    background: #B76E79; /* Rose gold from your brand */
}

/* Podcast title */
.gabriele-audio-player-container .player__podcast-title {
    color: #666;
    font-size: 14px;
}

/* Episode title */
.gabriele-audio-player-container .player__episode-title {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

/* Player controls */
.gabriele-audio-player-container .playback__controls button {
    color: #666;
    transition: color 0.2s ease;
}

.gabriele-audio-player-container .playback__controls button:hover {
    color: #A8B5A0;
}

/* Subscribe/Share buttons */
.gabriele-audio-player-container .player-panels-nav button {
    background: transparent;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px 16px;
    font-size: 13px;
    transition: all 0.2s ease;
}

.gabriele-audio-player-container .player-panels-nav button:hover {
    background: #A8B5A0;
    color: #fff;
    border-color: #A8B5A0;
}

/* Share panel customization */
.gabriele-audio-player-container .player-panel {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
}

/* Download link in share panel */
.gabriele-audio-player-container .share-icon.download {
    color: #B76E79;
}

.gabriele-audio-player-container .share-icon.download:hover {
    color: #a35f6b;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .gabriele-audio-player-container {
        padding: 15px;
        margin: 20px 0;
    }

    .gabriele-audio-section-label {
        font-size: 14px;
    }

    .gabriele-audio-player-container .player__episode-title {
        font-size: 16px;
    }
}

/* Dark mode support (if SSP dark mode is enabled) */
.gabriele-audio-player-container .castos-player.dark-mode .player__main {
    background: #2a2a2a;
}

.gabriele-audio-player-container .castos-player.dark-mode .player__episode-title,
.gabriele-audio-player-container .castos-player.dark-mode .player__podcast-title {
    color: #f5f5f5;
}

/* Hide download for preview-only players (extra security) */
.gabriele-audio-player-container.preview-only .share-icon.download {
    display: none !important;
}