/*
Theme Name: UnderStreet Records
Author: UnderStreet Records
Version: 1.0
*/
:root{--text:#fff;--muted:rgba(255,255,255,.78);--line:rgba(255,255,255,.62);--accent:#db1f26;--card:rgba(0,0,0,.48)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#000;color:var(--text);font-family:"Arial Narrow",Arial,Helvetica,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.46)),var(--usr-bg) center/cover no-repeat;z-index:-2}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at center,transparent 22%,rgba(0,0,0,.58) 100%);z-index:-1;pointer-events:none}.page{min-height:100vh}.hero{min-height:100vh;width:min(1180px,92%);margin:auto;padding:5vh 0 4vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo{width:min(900px,92vw);max-height:46vh;object-fit:contain;display:block;filter:drop-shadow(0 12px 28px rgba(0,0,0,.75))}.tagline{margin-top:1.35rem;text-align:center;letter-spacing:.19em;text-transform:uppercase;font-size:clamp(.72rem,1.3vw,1rem);color:var(--muted);text-shadow:0 2px 10px #000}.tagline p{margin:.45rem 0}.tagline b{color:var(--accent)}.socials{width:100%;margin-top:2.7rem;display:grid;grid-template-columns:repeat(7,minmax(110px,1fr));gap:.75rem}.social-card{min-height:135px;padding:1.1rem .5rem;border:1px solid var(--line);background:var(--card);color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;backdrop-filter:blur(3px);transition:.2s}.social-card:hover{transform:translateY(-4px);background:rgba(20,20,20,.82);border-color:#fff}.social-card svg{width:47px;height:47px;fill:#fff;stroke:#fff}.social-card span{text-align:center;font-size:.73rem;font-weight:700;letter-spacing:.06em}.footer{margin-top:3rem;text-align:center;color:rgba(255,255,255,.62);font-size:.72rem;letter-spacing:.16em;line-height:1.8}.footer p{margin:0}.barcode{width:96px;height:32px;margin:1.1rem auto 0;opacity:.65;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px)}
@media(max-width:1050px){.socials{grid-template-columns:repeat(4,minmax(130px,1fr))}}@media(max-width:680px){.hero{width:min(94%,540px);padding-top:3vh;justify-content:flex-start}.logo{margin-top:1rem;width:100%;max-height:31vh}.tagline{margin-top:1rem;line-height:1.7}.socials{grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:2rem}.social-card{min-height:118px}.social-card:last-child:nth-child(odd){grid-column:1/-1}}


/* FINAL UNDERSTREET LAYOUT */
.hero {
    width: min(1180px, 94%);
    margin: 0 auto;
    padding: 45px 0 35px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.logo {
    display: block;
    width: min(760px, 78vw);
    height: auto;
    margin: 0 auto;
    object-fit: contain;
}
.tagline {
    width: 100%;
    margin: 24px auto 0;
    text-align: center;
}
.socials {
    width: 100%;
    margin: 42px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 12px;
}
.social-card {
    width: 142px;
    min-width: 142px;
    height: 136px;
    min-height: 136px;
    margin: 0;
    padding: 15px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.48);
    border: 1px solid rgba(255,255,255,.72);
}
.social-card svg { width: 45px; height: 45px; }
.social-card span {
    margin-top: 10px;
    text-align: center;
    white-space: nowrap;
}
@media (max-width: 700px) {
    .hero { width: 94%; padding: 30px 0; }
    .logo { width: 94%; }
    .tagline { margin-top: 18px; }
    .socials {
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }
    .social-card {
        width: 100%;
        min-width: 0;
        height: 115px;
        min-height: 115px;
    }
}


/* UNDERSTREET FULL ADMIN / CARD ALIGNMENT FIX */
.socials{
    width:100% !important;
    max-width:1120px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    justify-content:center !important;
    align-items:stretch !important;
}
.social-card{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
}
.social-card svg{
    width:46px !important;
    height:46px !important;
    display:block !important;
    flex:0 0 46px !important;
}
.social-card span{
    display:block !important;
    margin-top:12px !important;
    min-height:18px !important;
    line-height:18px !important;
    text-align:center !important;
    white-space:nowrap !important;
}
.footer-mail{
    margin:0 0 12px !important;
    font-size:12px !important;
    line-height:1.4 !important;
    letter-spacing:.12em !important;
}
.footer-mail a{
    color:#fff !important;
    text-decoration:none !important;
}
@media(max-width:680px){
    .footer-mail{
        font-size:11px !important;
        word-break:break-word !important;
    }
}


/* PLAIN MUSIC ICON + DIRECT DEMO MAIL */
.plain-music-icon{
    width:46px !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 auto !important;
    color:#fff !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:46px !important;
    line-height:46px !important;
    font-weight:400 !important;
}


/* CONTACTS FOOTER CLEAN */
.footer{
    margin-top:28px !important;
}


/* CONTACTS MODAL */
.contacts-modal{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.contacts-modal.is-open{
    display:flex;
}
.contacts-modal__backdrop{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(4px);
}
.contacts-modal__box{
    position:relative;
    z-index:1;
    width:min(430px,92vw);
    padding:34px 28px 30px;
    background:rgba(8,8,8,.96);
    border:1px solid rgba(255,255,255,.75);
    box-shadow:0 24px 70px rgba(0,0,0,.55);
    text-align:center;
    color:#fff;
}
.contacts-modal__close{
    position:absolute;
    top:10px;
    right:14px;
    border:0;
    background:transparent;
    color:#fff;
    font-size:30px;
    line-height:1;
    cursor:pointer;
}
.contacts-modal__title{
    font-size:13px;
    font-weight:700;
    letter-spacing:.18em;
    margin-bottom:18px;
}
.contacts-modal__email{
    font-size:16px;
    letter-spacing:.05em;
    word-break:break-word;
}
.contacts-modal-open{
    overflow:hidden;
}