/* Awakening Earth — episode player v1 */

audio.ae-episode-source[hidden] {
    display:none!important;
}

.ae-episode-player {
    box-sizing:border-box;
    display:flex;
    align-items:center;
    gap:clamp(.65rem,1.6vw,1.05rem);
    flex-wrap:wrap;
    min-width:0;
    margin:1.15rem 0 .35rem;
    padding:1rem;
    border:1px solid #d7e1d3;
    border-radius:14px;
    background:#eef2e9;
    color:#263f31;
    font-family:Lato,Arial,sans-serif;
}

.ae-episode-player button,
.ae-episode-player input {
    box-sizing:border-box;
}

.ae-episode-player .ae-episode-play {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    min-width:48px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#264738;
    color:#ffffff;
    cursor:pointer;
    box-shadow:none;
    transition:background .15s ease,transform .15s ease;
}

.ae-episode-player .ae-episode-play:hover {
    background:#38604a;
    transform:translateY(-1px);
}

.ae-episode-player .ae-episode-play svg {
    width:24px;
    height:24px;
    display:block;
}

.ae-episode-player .ae-episode-icon-pause {
    display:none!important;
}

.ae-episode-player.ae-is-playing .ae-episode-icon-pause {
    display:block!important;
}

.ae-episode-player.ae-is-playing .ae-episode-icon-play {
    display:none!important;
}

.ae-episode-player .ae-episode-scrub {
    flex:1 1 125px;
    min-width:105px;
}

.ae-episode-player input[type=range] {
    display:block;
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    min-width:0;
    height:20px;
    margin:0;
    padding:0;
    border:0;
    box-shadow:none;
    background:transparent;
    cursor:pointer;
}

.ae-episode-player input[type=range]::-webkit-slider-runnable-track {
    height:5px;
    border-radius:20px;
    background:linear-gradient(
        to right,
        #b69c6c 0%,
        #b69c6c var(--ae-episode-filled,0%),
        #ccd7c9 var(--ae-episode-filled,0%),
        #ccd7c9 100%
    );
}

.ae-episode-player input[type=range]::-moz-range-track {
    height:5px;
    border-radius:20px;
    background:#ccd7c9;
}

.ae-episode-player input[type=range]::-moz-range-progress {
    height:5px;
    border-radius:20px;
    background:#b69c6c;
}

.ae-episode-player input[type=range]::-webkit-slider-thumb {
    appearance:none;
    -webkit-appearance:none;
    width:14px;
    height:14px;
    margin-top:-4.5px;
    border:2px solid #faf8f2;
    border-radius:50%;
    background:#a88b57;
    box-shadow:0 1px 3px #243b3026;
}

.ae-episode-player input[type=range]::-moz-range-thumb {
    width:12px;
    height:12px;
    border:2px solid #faf8f2;
    border-radius:50%;
    background:#a88b57;
}

.ae-episode-player input[type=range]:disabled {
    opacity:.6;
    cursor:default;
}

.ae-episode-player .ae-episode-times {
    display:flex;
    justify-content:space-between;
    gap:.5rem;
    margin-top:.15rem;
    color:#607361;
    font-size:.74rem;
    line-height:1.4;
    font-variant-numeric:tabular-nums;
}

.ae-episode-player .ae-episode-sound {
    display:flex;
    align-items:center;
    gap:.25rem;
    flex:0 0 auto;
}

.ae-episode-player .ae-episode-mute {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:36px;
    padding:0;
    background:transparent;
    border:0;
    border-radius:5px;
    color:#2f5540;
    cursor:pointer;
}

.ae-episode-player .ae-episode-mute svg {
    width:21px;
    height:21px;
}

.ae-episode-player.ae-is-muted .ae-episode-sound-wave {
    display:none;
}

.ae-episode-player .ae-episode-volume {
    max-width:66px;
    --ae-episode-filled:100%;
}

.ae-episode-player .ae-episode-error {
    flex:0 0 100%;
    color:#8d3e30;
    font-size:.8rem;
    line-height:1.4;
}

.ae-episode-player .ae-episode-error[hidden] {
    display:none!important;
}

.ae-episode-player button:focus-visible,
.ae-episode-player input:focus-visible {
    outline:2px solid #886c3b;
    outline-offset:3px;
}

@media(max-width:560px) {
    .ae-episode-player {
        gap:.7rem;
        padding:.85rem;
    }

    .ae-episode-player .ae-episode-play {
        width:44px;
        height:44px;
        min-width:44px;
    }

    .ae-episode-player .ae-episode-volume {
        max-width:48px;
    }
}

@media(prefers-reduced-motion:reduce) {
    .ae-episode-player .ae-episode-play {
        transition:none;
    }
}