/* ===== Prayer Bar Compact ===== */

#qgpb-bar{

background:linear-gradient(
90deg,
#f5f8f6 0%,
#edf5f1 50%,
#f5f8f6 100%
);

border-bottom:1px solid #d9e6df;

backdrop-filter:blur(10px);

box-shadow:
0 2px 10px rgba(0,0,0,.04);

}

#qgpb-bar:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    background:#d4a93c;
}

.qgpb-container{
    max-width:1280px;
    margin:auto;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px;
}

.qgpb-prayers{
    display:flex;
    align-items:center;
    gap:10px;
}

.qgpb-prayer{
    display:flex;
    align-items:center;
    gap:6px;
    padding:6px 12px;
    border-radius:30px;
    transition:.25s;
    font-size:14px;
    color:#0f5c4a;
}

.qgpb-prayer.active{

background:rgba(15,92,74,.14);

backdrop-filter:blur(12px);

-webkit-backdrop-filter:blur(12px);

border:1px solid rgba(15,92,74,.25);

box-shadow:
0 6px 18px rgba(15,92,74,.12),
inset 0 1px 0 rgba(255,255,255,.7);

}

.qgpb-prayer.active .qgpb-name,
.qgpb-prayer.active .qgpb-time{

color:#0f5c4a;
font-weight:700;

}

.qgpb-prayer.active .qgpb-icon{

filter:drop-shadow(0 2px 5px rgba(212,169,60,.45));

}

.qgpb-name{
    font-weight:600;
}

.qgpb-time{
    font-weight:700;
}

.qgpb-prayer.active .qgpb-name,
.qgpb-prayer.active .qgpb-time{
    color:#fff;
}

.qgpb-right{
    display:flex;
    align-items:center;
}

.qgpb-location{
    display:flex;
    align-items:center;
    gap:6px;
    color:#0f5c4a;
    font-size:14px;
    font-weight:600;
}

.qgpb-next{
    display:none;
}

@media(max-width:991px){

    .qgpb-container{
        height:auto;
        padding:8px 12px;
        flex-direction:column;
        align-items:flex-start;
    }

    .qgpb-prayers{
        overflow-x:auto;
        width:100%;
        scrollbar-width:none;
    }

    .qgpb-prayers::-webkit-scrollbar{
        display:none;
    }

    .qgpb-prayer{
        min-width:max-content;
    }

    .qgpb-right{
        margin-top:6px;
    }
}