/* ============================================================
   Najma Clean — glass.css
   نظام التأثيرات الزجاجية (Glassmorphism)
   ============================================================ */

.nc-glass {
  background: var(--nc-glass-bg);
  -webkit-backdrop-filter: var(--nc-glass-blur);
  backdrop-filter: var(--nc-glass-blur);
  border: 1px solid var(--nc-glass-border);
  border-radius: var(--nc-radius);
  box-shadow: var(--nc-glass-shadow);
}

/* زجاج فوق خلفية فاتحة (كحلي خفيف) */
.nc-glass--light {
  background: var(--nc-glass-bg-dark);
  -webkit-backdrop-filter: var(--nc-glass-blur);
  backdrop-filter: var(--nc-glass-blur);
  border: 1px solid rgba(255,255,255,.7);
  box-shadow: var(--nc-glass-shadow-lt);
}

.nc-glass--strong { background: var(--nc-glass-bg-strong); }

/* بطاقة إحصاء زجاجية داخل الهيرو */
.nc-glass-stat {
  background: var(--nc-glass-bg);
  -webkit-backdrop-filter: var(--nc-glass-blur);
  backdrop-filter: var(--nc-glass-blur);
  border: 1px solid var(--nc-glass-border);
  border-radius: var(--nc-radius-sm);
  padding: 16px 20px;
  text-align: center;
  min-width: 120px;
}
.nc-glass-stat b { display:block; font-family:var(--nc-font-head); font-weight:800; font-size:1.7rem; color: var(--nc-gold-400); line-height:1; }
.nc-glass-stat span { font-size:.82rem; color:#CBDAEC; }

/* حافة مضيئة عند المرور */
.nc-glass-hover { transition: transform var(--nc-dur) var(--nc-ease), box-shadow var(--nc-dur) var(--nc-ease); }
.nc-glass-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 50px rgba(10,34,64,.45), inset 0 1px 0 rgba(255,255,255,.35), 0 0 0 1px rgba(43,184,214,.35);
}

/* شريط الثقة الزجاجي (يطفو فوق الهيرو) */
.nc-trustbar .nc-trustbar__inner {
  background: rgba(255,255,255,.92);
  -webkit-backdrop-filter: var(--nc-glass-blur);
  backdrop-filter: var(--nc-glass-blur);
  border: 1px solid rgba(255,255,255,.7);
  border-radius: var(--nc-radius);
  box-shadow: 0 20px 50px rgba(10,34,64,.18);
}

/* Fallback: متصفحات بلا backdrop-filter */
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .nc-glass { background: rgba(17,45,78,.85); }
  .nc-glass--light { background: rgba(255,255,255,.96); }
  .nc-glass-stat { background: rgba(17,45,78,.7); }
  .nc-trustbar .nc-trustbar__inner { background:#fff; }
}