
/* MT Public Live / Contact v1 */

.mt-live-status{
    display:inline-flex;
    align-items:center;
    gap:9px;
    margin:0 0 18px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:999px;
    background:rgba(13,13,13,.56);
    backdrop-filter:blur(8px);
    color:#fff
}

.mt-live-status-dot{
    width:9px;
    height:9px;
    flex:0 0 9px;
    border-radius:50%;
    background:#e01020;
    box-shadow:0 0 0 5px rgba(212,162,79,.12)
}

.mt-live-status.is-open .mt-live-status-dot{
    background:#62b778;
    box-shadow:0 0 0 5px rgba(98,183,120,.13)
}

.mt-live-status-copy{
    display:flex;
    flex-direction:column;
    gap:1px
}

.mt-live-status-copy strong{
    font-size:12px;
    line-height:1.2
}

.mt-live-status-copy small{
    color:rgba(255,255,255,.72);
    font-size:10px;
    line-height:1.35
}

.mt-contact-section{
    background:#121212;
    color:#fff
}

.mt-contact-wrap{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:18px;
    align-items:stretch
}

.mt-contact-main,
.mt-hours-card{
    padding:24px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:16px;
    background:#191919
}

.mt-contact-eyebrow{
    color:#e01020;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.1px
}

.mt-contact-main h2{
    margin:7px 0 7px;
    font-size:27px
}

.mt-contact-main>p{
    max-width:580px;
    margin:0;
    color:#aaa;
    line-height:1.65
}

.mt-contact-actions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:19px
}

.mt-contact-action{
    min-height:54px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:11px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:9px;
    background:#222;
    color:#fff;
    font-size:11px;
    font-weight:850;
    text-decoration:none;
    transition:.2s ease
}

.mt-contact-action:hover{
    transform:translateY(-1px);
    border-color:rgba(210,160,77,.45)
}

.mt-contact-action.is-primary{
    border-color:#e01020;
    background:#e01020;
    color:#151515
}

.mt-contact-address{
    margin-top:14px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.08);
    color:#aaa;
    font-size:11px;
    line-height:1.55
}

.mt-hours-card-head{
    display:flex;
    justify-content:space-between;
    gap:10px;
    align-items:center;
    margin-bottom:12px
}

.mt-hours-card-head h3{
    margin:0;
    font-size:18px
}

.mt-hours-today{
    padding:5px 8px;
    border-radius:999px;
    background:#2a2a2a;
    color:#e01020;
    font-size:9px;
    font-weight:850
}

.mt-hours-list{
    display:grid;
    gap:5px
}

.mt-hours-row{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    padding:8px 9px;
    border-radius:7px;
    color:#aaa;
    font-size:10px
}

.mt-hours-row.is-today{
    background:#242424;
    color:#fff
}

.mt-hours-row strong{
    font-weight:800
}

.mt-hours-row span{
    white-space:nowrap
}

.mt-dynamic-footer-hours p{
    margin:5px 0
}

.mt-mobile-cta{
    display:none
}

@media(max-width:800px){
    .mt-contact-wrap{
        grid-template-columns:1fr
    }
}

@media(max-width:600px){
    body{
        padding-bottom:68px
    }

    .mt-live-status{
        align-items:flex-start;
        border-radius:13px
    }

    .mt-live-status-copy strong{
        font-size:12px
    }

    .mt-live-status-copy small{
        font-size:10px
    }

    .mt-contact-main,
    .mt-hours-card{
        padding:18px
    }

    .mt-contact-main h2{
        font-size:23px
    }

    .mt-contact-actions{
        grid-template-columns:1fr 1fr
    }

    .mt-contact-action:last-child{
        grid-column:1/-1
    }

    .mt-mobile-cta{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:1000;
        display:grid;
        grid-template-columns:.72fr 1.28fr;
        gap:7px;
        padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));
        border-top:1px solid rgba(255,255,255,.1);
        background:rgba(15,15,15,.96);
        backdrop-filter:blur(12px)
    }

    .mt-mobile-cta a{
        min-height:44px;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:9px 10px;
        border-radius:8px;
        background:#252525;
        color:#fff;
        font-size:11px;
        font-weight:900;
        text-decoration:none
    }

    .mt-mobile-cta a.is-gold{
        background:#e01020;
        color:#151515
    }
}

.mt-feature-off{display:none!important}
