/* =========================================================
NAIJAWIDE COMPACT RELEASE PASSPORT — v3.5.6
Lightweight CSS-only profile for singles, albums and EPs.
========================================================= */

.nw-prd-card,
.nw-prd-card *{box-sizing:border-box}

.nw-prd-card{
    position:relative;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:18px 0 26px;
    overflow:hidden;
    border:1px solid #dce8e1;
    border-radius:20px;
    color:#152019;
    background:#fff;
    box-shadow:0 12px 32px rgba(13,42,26,.07);
}

.nw-prd-card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:linear-gradient(180deg,#00a651,#46d785);
}

.nw-prd-passport-main{
    display:grid;
    grid-template-columns:116px minmax(0,1fr);
    align-items:center;
    gap:20px;
    min-height:190px;
    padding:20px 22px 18px 26px;
    background:
        radial-gradient(circle at 100% 0,rgba(0,166,81,.10),transparent 38%),
        linear-gradient(145deg,#fcfefd,#f0faf4);
}

.nw-prd-artwork{
    width:116px;
    height:116px;
    margin:0;
    overflow:hidden;
    border-radius:18px;
    background:#e9f1ec;
    box-shadow:0 10px 26px rgba(17,52,32,.14);
}

.nw-prd-artwork img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.nw-prd-passport-copy{min-width:0}

.nw-prd-passport-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:7px;
}

.nw-prd-kicker{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:#008f45;
    font-size:9px;
    line-height:1;
    font-weight:900;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.nw-prd-passport h2{
    max-width:100%;
    margin:0;
    overflow-wrap:anywhere;
    color:#0e1812;
    font-size:clamp(28px,3.4vw,39px);
    line-height:1.02;
    font-weight:950;
    letter-spacing:-.04em;
}

.nw-prd-artist-line{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
    color:#67766e;
    font-size:11px;
}

.nw-prd-main-artist{
    color:#008f45!important;
    font-size:12px;
    font-weight:950;
    text-decoration:none!important;
}

.nw-prd-featuring-label{color:#7b8881}
.nw-prd-pills{display:flex;align-items:center;flex-wrap:wrap;gap:5px}

.nw-prd-pill{
    display:inline-flex;
    align-items:center;
    min-height:25px;
    padding:0 8px;
    border:1px solid #cee4d7;
    border-radius:999px;
    color:#008f45!important;
    background:#edf8f1;
    font-size:9px;
    line-height:1;
    font-weight:900;
    text-decoration:none!important;
}

.nw-prd-badges{display:flex;align-items:center;gap:6px;flex:0 0 auto}

.nw-prd-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:25px;
    padding:0 9px;
    border-radius:999px;
    font-size:8px;
    line-height:1;
    font-weight:950;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.nw-prd-badge-new{color:#fff;background:#00a651;box-shadow:0 6px 14px rgba(0,166,81,.20)}
.nw-prd-badge-type{color:#33473c;border:1px solid #d1dfd6;background:#fff}

.nw-prd-format-line,
.nw-prd-release-date{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
}

.nw-prd-format-line{
    margin-top:10px;
    color:#26382e;
    font-size:10px;
    line-height:1.45;
    font-weight:900;
    letter-spacing:.035em;
    text-transform:uppercase;
}

.nw-prd-format-line>span[aria-hidden="true"],
.nw-prd-release-date>span[aria-hidden="true"]{color:#9aaba1}

.nw-prd-release-date{
    margin-top:4px;
    color:#6a7870;
    font-size:10px;
    line-height:1.5;
    font-weight:650;
}

.nw-prd-release-date time{color:#27372f;font-weight:850}

.nw-prd-primary-actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin-top:13px;
}

.nw-prd-primary-actions a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:0 14px;
    border-radius:11px;
    font-size:9px;
    line-height:1;
    font-weight:950;
    text-decoration:none!important;
}

.nw-prd-primary-button{
    gap:7px;
    color:#fff!important;
    border:1px solid #008f45;
    background:#008f45;
    box-shadow:0 7px 16px rgba(0,143,69,.16);
}

.nw-prd-primary-button:hover{color:#fff!important;background:#07150e;border-color:#07150e}

.nw-prd-artist-button{
    color:#1d3025!important;
    border:1px solid #d5e2da;
    background:rgba(255,255,255,.78);
}

.nw-prd-artist-button:hover{color:#008f45!important;border-color:#9dcdb0;background:#fff}

.nw-prd-streams{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:58px;
    padding:10px 18px 10px 26px;
    border-top:1px solid #e0eae4;
    background:#fff;
}

.nw-prd-stream-heading{
    flex:0 0 auto;
    color:#6a786f;
    font-size:8px;
    font-weight:950;
    letter-spacing:.09em;
    text-transform:uppercase;
}

.nw-prd-stream-grid{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    min-width:0;
}

.nw-prd-stream-grid a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:34px;
    padding:0 11px;
    border:1px solid #dce7e1;
    border-radius:999px;
    color:#26372e!important;
    background:#f9fbfa;
    font-size:8px;
    font-weight:900;
    text-decoration:none!important;
    transition:color .18s ease,background .18s ease,border-color .18s ease;
}

.nw-prd-stream-grid a:hover{color:#fff!important;border-color:#0d1b13;background:#0d1b13}

@media(max-width:680px){
    .nw-prd-card{margin:16px 0 23px;border-radius:17px}

    .nw-prd-passport-main{
        grid-template-columns:84px minmax(0,1fr);
        align-items:start;
        gap:13px;
        min-height:0;
        padding:15px 14px 14px 19px;
    }

    .nw-prd-artwork{width:84px;height:84px;border-radius:14px}
    .nw-prd-passport-topline{align-items:flex-start;margin-bottom:5px}
    .nw-prd-kicker{font-size:7px;letter-spacing:.08em}
    .nw-prd-passport h2{font-size:clamp(24px,7vw,31px);line-height:1.05}
    .nw-prd-artist-line{margin-top:6px}
    .nw-prd-format-line{margin-top:8px;font-size:8px;gap:5px}
    .nw-prd-release-date{font-size:8px;gap:5px}
    .nw-prd-badge{min-height:22px;padding:0 7px;font-size:7px}
    .nw-prd-badge-new{display:none}
    .nw-prd-primary-actions{grid-column:1/-1;margin-top:10px}
    .nw-prd-primary-actions a{min-height:36px;padding:0 12px}

    .nw-prd-streams{
        align-items:flex-start;
        gap:8px;
        min-height:0;
        padding:10px 13px 12px 19px;
    }

    .nw-prd-stream-heading{padding-top:10px}
    .nw-prd-stream-grid{gap:6px}
    .nw-prd-stream-grid a{min-height:32px;padding:0 9px}
}

@media(max-width:440px){
    .nw-prd-passport-main{grid-template-columns:76px minmax(0,1fr);gap:11px}
    .nw-prd-artwork{width:76px;height:76px}
    .nw-prd-passport-topline{display:block}
    .nw-prd-badges{position:absolute;top:13px;right:12px}
    .nw-prd-kicker{padding-right:62px}
    .nw-prd-passport h2{font-size:25px}
    .nw-prd-primary-actions{display:grid;grid-template-columns:1fr 1fr;width:calc(100% + 87px);margin-left:-87px}
    .nw-prd-primary-actions a{padding:0 8px;font-size:8px}
    .nw-prd-streams{display:block}
    .nw-prd-stream-heading{display:block;padding:0 0 8px}
    .nw-prd-stream-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .nw-prd-stream-grid a{width:100%}
}