/*
 * Popi Podcast Feed — Styly
 * Barvy měň pouze v sekci :root — změna se projeví všude najednou.
 */

:root {
    --popi-color-primary:    #333333;  /* pozadí tlačítek */
    --popi-color-btn-text:   #ffffff;  /* barva textu tlačítek */
    --popi-color-accent:     #c0a060;  /* zvýraznění, okraje access gate */
    --popi-color-bg:         #f7f7f7;  /* pozadí přehrávače a odkazů */
    --popi-color-border:     #e0e0e0;  /* okraje */
    --popi-color-text-muted: #888888;  /* text v přehrávači (délka, popisky) */
    --popi-color-link:       #c0a060;  /* barva odkazů v sekci odkazů */
    --popi-radius:           8px;      /* zaoblení rohů */
}


/* ── Přehrávač ────────────────────────────────────────────────────────────── */

.popi-player {
    background: var(--popi-color-bg);
    border: 1px solid var(--popi-color-border);
    border-radius: var(--popi-radius);
    padding: 16px 20px;
    margin: 20px 0;
    font-family: sans-serif;
}

.popi-player__meta {
    font-size: 13px;
    color: var(--popi-color-text-muted);
    margin-bottom: 8px;
}

.popi-player audio {
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.popi-player__download {
    display: inline-block;
    font-size: 13px;
    padding: 6px 14px;
    background: #fff;
    border: 1px solid var(--popi-color-border);
    border-radius: calc(var(--popi-radius) - 2px);
    color: var(--popi-color-text);
    text-decoration: none;
}

.popi-player__download:hover {
    background: var(--popi-color-bg);
    border-color: #bbb;
}


/* ── Tlačítko stažení (shortcode [popi_download]) ─────────────────────────── */

.popi-download-btn {
    display: inline-block;
    padding: 8px 18px;
    background: var(--popi-color-primary);
    color: var(--popi-color-btn-text);
    border-radius: var(--popi-radius);
    text-decoration: none;
    font-size: 14px;
    font-family: sans-serif;
}

.popi-download-btn:hover {
    opacity: 0.85;
    color: var(--popi-color-btn-text);
}


/* ── Access gate (zamčený obsah) ──────────────────────────────────────────── */

.popi-access-locked {
    background: #f9f9f9;
    border: 1px solid var(--popi-color-border);
    border-left: 4px solid var(--popi-color-accent);
    border-radius: var(--popi-radius);
    padding: 16px 20px;
    margin: 16px 0;
    font-family: sans-serif;
}

.popi-access-locked strong {
    color: var(--popi-color-text);
}

.popi-access-locked span {
    color: var(--popi-color-text-muted);
    font-size: 14px;
}

.popi-access-locked a {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 16px;
    background: var(--popi-color-primary);
    color: var(--popi-color-btn-text);
    border-radius: var(--popi-radius);
    text-decoration: none;
    font-size: 14px;
}

.popi-access-locked a:hover {
    opacity: 0.85;
    color: var(--popi-color-btn-text);
}


/* ── Sekce odkazů epizody ─────────────────────────────────────────────────── */

.popi-episode-links {
    margin-top: 32px;
    padding: 20px;
    background: var(--popi-color-bg);
    border: 1px solid var(--popi-color-border);
    border-radius: var(--popi-radius);
    font-family: sans-serif;
}

.popi-episode-links__title {
    font-weight: 700;
    margin: 0 0 12px;
    font-size: 15px;
    color: var(--popi-color-text);
}

.popi-episode-links__subtitle {
    font-weight: 600;
    margin: 16px 0 8px;
    font-size: 13px;
    color: var(--popi-color-text-muted);
}

.popi-episode-links p {
    margin: 6px 0;
}

.popi-episode-links a {
    color: var(--popi-color-link);
    text-decoration: none;
}

.popi-episode-links a:hover {
    text-decoration: underline;
}


/* ── Widget — Poslední epizody ────────────────────────────────────────────── */

.popi-widget-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.popi-widget-list li {
    padding: 8px 0;
    border-bottom: 1px solid var(--popi-color-border);
}

.popi-widget-list li:last-child {
    border-bottom: none;
}

.popi-widget-list a {
    text-decoration: none;
    color: inherit;
}

.popi-widget-list a:hover {
    color: var(--popi-color-accent);
}

.popi-widget-list small {
    color: var(--popi-color-text-muted);
}

.popi-widget-list audio {
    width: 100%;
    margin-top: 4px;
}