/* Radio KRAS Player — Frontend styles */

.rkp-player-wrap {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 24px 0;
}

.rkp-episode {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 16px 20px;
    background: #fafafa;
}

.rkp-episode--unavailable {
    background: #f9f2f2;
    border-color: #e0c0c0;
    opacity: .75;
}

.rkp-episode__header {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.rkp-episode__title {
    font-size: 1.05em;
    font-weight: 600;
    flex: 1 1 auto;
}

.rkp-episode__meta {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
    font-size: .88em;
    color: #666;
}

.rkp-episode__meta > span::before {
    content: '·';
    margin-right: 6px;
    color: #aaa;
}
.rkp-episode__meta > span:first-child::before {
    content: '';
    margin-right: 0;
}

.rkp-episode .plyr { margin-bottom: 12px; }

.rkp-episode__actions {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.rkp-btn-download {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    background: #2271b1;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-size: .9em;
    font-weight: 500;
    transition: background .15s;
}
.rkp-btn-download:hover { background: #135e96; }
.rkp-btn-download__size { font-weight: 400; opacity: .85; }

.rkp-episode__notes {
    margin-top: 10px;
    font-size: .88em;
    color: #555;
    font-style: italic;
}

.rkp-episode__unavailable-msg { color: #a00; font-size: .9em; margin: 0; }
.rkp-no-episodes { color: #666; font-style: italic; }