/* ==========================================================================
   بوابات الوصول — مظهر الحالة المغلقة في الأزرار والقوائم والبطاقات
   يُحمَّل عالمياً لأن عناصره تظهر في الشريط العلوي وفي صفحات الواجهة معاً
   ========================================================================== */

/* ---- بديل زرّ الاشتراك حين يُغلق البيع ---- */
.sc-closed,
.sc-lock {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .9rem;
    border-radius: 999px;
    font-size: .88rem;
    font-weight: 600;
    line-height: 1.6;
    color: #8a4517;
    background: rgba(212, 110, 42, .09);
    border: 1px solid rgba(212, 110, 42, .20);
    cursor: default;
}

.sc-closed > i,
.sc-lock > i { font-size: 1rem; opacity: .85; }

.sc-closed .sc-when {
    font-style: normal;
    font-weight: 500;
    opacity: .8;
    padding-inline-start: .35rem;
    border-inline-start: 1px solid rgba(212, 110, 42, .3);
    margin-inline-start: .2rem;
}

/* النمط المضغوط — للأشرطة والقوائم الضيّقة */
.sc-lock {
    padding: .28rem .6rem;
    font-size: .8rem;
}

@media (max-width: 575.98px) {
    .sc-closed { font-size: .82rem; padding: .4rem .7rem; }
    .sc-lock .sc-lock-text { display: none; }
}

/* ---- قائمة الخدمات المنسدلة ---- */
.svcm-item.is-locked { opacity: .62; }

.svcm-item.is-locked:hover { opacity: .85; }

.svcm-lock {
    font-size: .85rem;
    color: #c73e3e;
    margin-inline-start: .3rem;
    vertical-align: middle;
}

.svcm-badge--members {
    background: rgba(212, 110, 42, .12) !important;
    color: #8a4517 !important;
}

/* ---- بطاقات صفحة الخدمات ---- */
.svch-card.is-locked { opacity: .66; }

.svch-card.is-locked:hover { opacity: .9; }

.svch-badge--locked {
    background: rgba(199, 62, 62, .12) !important;
    color: #c73e3e !important;
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.svch-badge--members {
    background: rgba(212, 110, 42, .12) !important;
    color: #8a4517 !important;
}

html.dark-style .sc-closed,
html.dark-style .sc-lock {
    color: #e6b48c;
    background: rgba(212, 110, 42, .14);
    border-color: rgba(212, 110, 42, .28);
}