/* GP_ONLINE_STATUS_20260630_V8_HEADER_BAR
   Sayaç artık mobil alt menünün üstüne binmez; header altında sayfa akışında görünür. */
.gp-online-status-global{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    bottom:auto;
    z-index:20;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:10px;
    width:min(1180px, calc(100% - 32px));
    margin:10px auto 0;
    pointer-events:none;
}
.gp-online-status-pill{
    position:relative;
    overflow:hidden;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:10px 15px;
    border-radius:999px;
    background:linear-gradient(135deg,#fff7ed 0%,#fff 48%,#f0fdf4 100%);
    border:1px solid rgba(249,115,22,.22);
    color:#334155;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    box-shadow:0 10px 26px rgba(15,23,42,.12);
    backdrop-filter:blur(8px);
    pointer-events:auto;
}
.gp-online-status-pill::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:-45%;
    width:38%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
    transform:skewX(-18deg);
    animation:gpOnlineStatusShine 3.8s ease-in-out infinite;
    pointer-events:none;
}
.gp-online-status-dot{
    position:relative;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#22c55e;
    box-shadow:0 0 0 5px rgba(34,197,94,.14);
    flex:0 0 auto;
}
.gp-online-status-dot::after{
    content:"";
    position:absolute;
    inset:-6px;
    border-radius:50%;
    border:1px solid rgba(34,197,94,.34);
    animation:gpOnlineStatusPulse 1.8s ease-out infinite;
}
.gp-online-status-label{
    position:relative;
    z-index:1;
    white-space:nowrap;
}
.gp-online-status-pill strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:26px;
    margin:0 2px;
    padding:2px 7px;
    border-radius:999px;
    background:#ef4444;
    color:#fff;
    font-size:14px;
    font-weight:900;
    line-height:1.2;
    box-shadow:0 6px 14px rgba(239,68,68,.28);
    transition:transform .18s ease, background-color .18s ease;
}
.gp-online-status-pill strong.gp-online-status-bump{
    transform:scale(1.14);
}
.gp-online-status-pill--ad{
    background:linear-gradient(135deg,#eff6ff 0%,#fff 50%,#fff7ed 100%);
    border-color:rgba(37,99,235,.20);
}
.gp-online-status-pill--ad strong{
    background:#2563eb;
    box-shadow:0 6px 14px rgba(37,99,235,.26);
}
@keyframes gpOnlineStatusPulse{
    0%{transform:scale(.72);opacity:.95;}
    100%{transform:scale(1.75);opacity:0;}
}
@keyframes gpOnlineStatusShine{
    0%,55%{left:-45%;}
    100%{left:120%;}
}
@media (max-width: 768px){
    .gp-online-status-global{
        position:relative;
        right:auto;
        left:auto;
        bottom:auto;
        width:calc(100% - 20px);
        max-width:none;
        margin:8px auto 10px;
        display:flex;
        visibility:visible;
        opacity:1;
        transform:none;
        align-items:center;
        flex-direction:row;
        justify-content:center;
        gap:6px;
        z-index:20;
        pointer-events:none;
    }
    .gp-online-status-pill{
        flex:1 1 0;
        min-width:0;
        max-width:50%;
        justify-content:center;
        gap:6px;
        font-size:11px;
        padding:9px 7px;
        box-shadow:0 8px 20px rgba(15,23,42,.12);
        pointer-events:auto;
    }
    .gp-online-status-dot{
        width:8px;
        height:8px;
        box-shadow:0 0 0 4px rgba(34,197,94,.13);
    }
    .gp-online-status-label{
        white-space:normal;
        text-align:center;
        line-height:1.18;
    }
    .gp-online-status-pill strong{
        min-width:22px;
        font-size:12px;
        padding:2px 6px;
    }
}
@media (max-width: 380px){
    .gp-online-status-global{
        width:calc(100% - 16px);
        gap:5px;
    }
    .gp-online-status-pill{
        font-size:10px;
        padding:8px 5px;
    }
    .gp-online-status-pill strong{
        min-width:20px;
        font-size:11px;
        padding:2px 5px;
    }
}