:root{
    --stigma-audio-orange:#f07c00;
    --stigma-audio-dark:#111110;
    --stigma-audio-muted:#6f6f6f;
    --stigma-audio-border:#e5e0d8;
    --stigma-audio-bg:#ffffff;
    --stigma-audio-track:#ddd7ce;
}

/* =========================================================
   STIGMA RADIO — ARTICLE AUDIO PLAYER
   Classes used by /stigma/stigma-audio-articles.php
   ========================================================= */

.stigma-article-audio{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    margin:24px 0 28px;
    padding:14px;
    border:1px solid var(--stigma-audio-border);
    border-radius:18px;
    background:var(--stigma-audio-bg);
    box-shadow:0 8px 24px rgba(0,0,0,.04);
    box-sizing:border-box;
    overflow:hidden;
}

.stigma-article-audio,
.stigma-article-audio *{
    box-sizing:border-box;
}

.stigma-audio-btn{
    min-width:190px;
    max-width:100%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    border:0;
    border-radius:999px;
    padding:13px 22px;
    background:var(--stigma-audio-orange);
    color:#fff;
    font-size:16px;
    font-weight:800;
    line-height:1;
    cursor:pointer;
    white-space:nowrap;
    appearance:none;
    -webkit-appearance:none;
}

.stigma-audio-btn:hover{
    filter:brightness(.96);
}

.stigma-audio-btn:focus{
    outline:2px solid rgba(240,124,0,.35);
    outline-offset:3px;
}

.stigma-audio-icon,
.stigma-audio-label{
    display:inline-flex;
    align-items:center;
    line-height:1;
}

.stigma-audio-main{
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
}

.stigma-audio-title{
    display:none !important;
}

.stigma-audio-progress{
    width:100%;
    height:7px;
    margin:0;
    border-radius:999px;
    background:var(--stigma-audio-track);
    overflow:hidden;
}

.stigma-audio-bar{
    width:0%;
    height:100%;
    border-radius:999px;
    background:var(--stigma-audio-orange);
    transition:width .18s linear;
}

.stigma-audio-time{
    min-width:54px;
    color:var(--stigma-audio-muted);
    font-size:14px;
    line-height:1;
    font-weight:500;
    text-align:right;
    white-space:nowrap;
}

/* Playing state */
.stigma-article-audio.is-playing .stigma-audio-btn{
    filter:brightness(.94);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:768px){

    .stigma-article-audio{
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:13px;
        width:100%;
        max-width:100%;
        margin:24px 0 28px;
        padding:16px;
        border-radius:18px;
        overflow:hidden;
    }

    .stigma-audio-btn{
        width:100%;
        min-width:0;
        max-width:100%;
        padding:14px 16px;
        font-size:17px;
        justify-content:center;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }

    .stigma-audio-main{
        width:100%;
        min-width:0;
        max-width:100%;
    }

    .stigma-audio-progress{
        width:100%;
        max-width:100%;
        height:7px;
    }

    .stigma-audio-time{
        width:100%;
        min-width:0;
        text-align:center;
        font-size:15px;
    }
}

@media (max-width:420px){

    .stigma-article-audio{
        padding:14px;
        gap:12px;
    }

    .stigma-audio-btn{
        padding:13px 14px;
        font-size:16px;
    }
}