/* =====================================================
   TFZ TOP AREA FINAL FIX
   ===================================================== */

.tfz-top-hidden{
    display:none !important;
}


/* Aktionen niemals durch Countdown verdecken */

.tfz-top-fixed-scope a,
.tfz-top-fixed-scope button{
    position:relative;
    z-index:40;
}


/* Haupt-Countdown */

.tfz-top-fixed-scope .tfz-mega-countdown{
    z-index:20 !important;
    top:12px !important;
    right:12px !important;
    bottom:auto !important;
}


/* vereinheitlichter Status */

.tfz-top-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    margin:10px 0;
    padding:8px 13px;
    border-radius:22px;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.4px;
}

.tfz-top-status.online{
    color:#72ef98;
    border:1px solid #286f42;
    background:#102719;
}

.tfz-top-status.offline{
    color:#ff7782;
    border:1px solid #752934;
    background:#291015;
}

.tfz-top-status.ready{
    color:#78c7ff;
    border:1px solid #275d84;
    background:#0d1c28;
}


/* Buttons wieder sicher sichtbar */

.tfz-action-visible{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    visibility:visible !important;

    opacity:1 !important;

    pointer-events:auto !important;

    position:relative !important;

    z-index:50 !important;
}


/* Event-Buttons nicht vom Countdown überdecken */

.tfz-event-actions-safe{
    position:relative !important;
    z-index:50 !important;
}


/* abgelaufenes Event */

.tfz-event-ended-action{
    opacity:.45 !important;
    pointer-events:none !important;
}


/* Fallback für kopierbare Server-IP */

.tfz-copy-server{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;

    margin-top:12px;
    padding:12px 16px;

    border:0;
    border-radius:3px;

    background:#ef172f;
    color:#fff;

    font-weight:900;
    font-size:12px;

    cursor:pointer;
}


@media(max-width:800px){

    .tfz-top-fixed-scope .tfz-mega-countdown{
        position:relative !important;
        top:auto !important;
        right:auto !important;
        margin:10px 0;
    }

}