/* ========================================
   YUNIO ECONOMIC
   Article, Sidebar & Category Styles
   ======================================== */

/* حاسبة السايدبار */
aside.ysb > section.ysb-calc {
    background:
        radial-gradient(
            360px 180px at 100% 0%,
            rgba(217,173,85,.26),
            transparent 60%
        ),
        linear-gradient(135deg, #0b2447, #061427) !important;

    border: 1px solid rgba(217,173,85,.55) !important;
    border-radius: 24px !important;
}

/* نصوص الحاسبة */
aside.ysb .ysb-calc h3,
aside.ysb .ysb-calc .ysb-field > span,
aside.ysb .ysb-calc .ysb-lab {
    color: #fff !important;
}

aside.ysb .ysb-calc small {
    color: #aab6c8 !important;
}

/* أيقونات الحاسبة */
aside.ysb .ysb-ico {
    background: linear-gradient(
        135deg,
        #f0d082,
        #b8862b
    ) !important;
}

aside.ysb .ysb-ico svg {
    stroke: #061427 !important;
}

/* حقول الحاسبة */
aside.ysb .ysb-field input {
    color: #fff !important;
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(217,173,85,.35) !important;
}

/* ========================================
   GLASS EFFECT
   تأثير الزجاج للمقالات والتصنيفات
   ======================================== */

/* عناصر السايدبار */
aside.ysb .ysb-card,
aside.ysb .ysb-cat,
aside.ysb .ysb-tag,
aside.ysb .ysb-nl,

/* عناصر صفحة التصنيف */
.yc-card,
.yc-chip:not(.is-active),
.yc-top a,
.yc-ex,
.yc-tag,
.yc-empty,
.yc-pagination .page-link,

/* عناصر صفحة المقال */
.ys-box,
.ys-card,
.ys-row,
.ys-keypoints,
.ys-meta-row,
.ys-ptag,
.ys-rb {
    background: rgba(255,255,255,.45) !important;

    border: 1px solid rgba(11,36,71,.12) !important;

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

    box-shadow:
        0 8px 24px rgba(11,36,71,.07) !important;
}