/* BLR Slider — 4.5: خيوط نيون تتبع الفأرة + وضع نهاري وليلي يتبع زر الموقع
   مظهر فقط: نفس الشرائح والنصوص والروابط. */

.blr-slider{--bs-dark:1}
.blr-slider__ribbon{position:absolute; inset:0; width:100%; height:100%; z-index:-1; pointer-events:none; display:block}

/* ---------- الوضع النهاري: عندما يكون الموقع نهارياً ---------- */
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night){
  --bs-dark:0;
  --bs-bg:var(--bg-2,#F2F7FD);
  color:var(--ink,#0B1B33);
  background:
    radial-gradient(70% 90% at 85% 10%,color-mix(in srgb,var(--bs-b) 14%,transparent),transparent 65%),
    radial-gradient(60% 80% at 10% 100%,color-mix(in srgb,var(--bs-a) 12%,transparent),transparent 65%),
    linear-gradient(180deg,var(--surface,#fff),var(--bg-2,#F2F7FD));
}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__bg{opacity:.35}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__grid{
  background-image:linear-gradient(rgba(11,27,51,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,27,51,.05) 1px,transparent 1px)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__title{color:var(--ink,#0B1B33)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__title em{background:linear-gradient(90deg,var(--bs-a),var(--bs-b)); -webkit-background-clip:text; background-clip:text}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__text{color:var(--body,#3A4A63)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__eyebrow{
  background:rgba(255,255,255,.75); border-color:color-mix(in srgb,var(--bs-a) 18%,var(--line,#E3EBF5)); color:var(--ink,#0B1B33);
  box-shadow:inset 0 1px 0 #fff,0 6px 18px -12px var(--bs-a)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__eyebrow::before{background:var(--bs-a); box-shadow:0 0 0 4px color-mix(in srgb,var(--bs-a) 20%,transparent)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__btn--ghost{
  background:rgba(255,255,255,.7); color:var(--ink,#0B1B33)!important; border-color:color-mix(in srgb,var(--bs-a) 22%,var(--line,#E3EBF5)); box-shadow:inset 0 1px 0 #fff}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide:not(.blr-slide--cover) .blr-slide__btn--ghost:hover{background:#fff; color:var(--bs-a)!important}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide__btn--primary{box-shadow:0 16px 36px -14px var(--bs-a)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide__art img:not(.is-photo){filter:drop-shadow(0 26px 44px color-mix(in srgb,var(--bs-a) 28%,rgba(11,27,51,.2)))}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slide__art::before{background:radial-gradient(circle,color-mix(in srgb,var(--bs-b) 30%,transparent),transparent 65%)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__dot{background:color-mix(in srgb,var(--ink,#0B1B33) 14%,transparent)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__dot i{background:linear-gradient(90deg,var(--bs-a),var(--bs-b))}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__count{color:var(--muted,#66768F)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__count b{color:var(--ink,#0B1B33)}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__arrow{
  background:rgba(255,255,255,.75); color:var(--ink,#0B1B33); border-color:color-mix(in srgb,var(--bs-a) 20%,var(--line,#E3EBF5)); box-shadow:inset 0 1px 0 #fff}
body:not(.blr-dark):not(.blr-v-onyx) .blr-slider:not(.blr-slider--night) .blr-slider__arrow:hover{background:var(--bs-a); color:#fff}

/* انتقال ناعم للألوان عند تغيّر الشريحة أو الوضع */
.blr-slider{transition:background-color .6s ease,color .4s ease}
@media (prefers-reduced-motion:reduce){.blr-slider__ribbon{display:none}}

/* ---------- رأس الصفحات الداخلية (bi-hero): نفس الخيوط ونفس الوضع النهاري/الليلي ---------- */
.bi-hero{--bs-a:var(--bi-a); --bs-b:var(--bi-b); --bs-c:var(--bi-c); --bs-dark:1}
.bi-hero > .blr-slider__ribbon{z-index:-1}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider){--bs-dark:0; color:var(--ink,#0B1B33)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider)::before{
  background:radial-gradient(55% 75% at 85% 0%,color-mix(in srgb,var(--bi-a) 16%,transparent) 0,transparent 62%),
             radial-gradient(45% 60% at 0% 100%,color-mix(in srgb,var(--bi-b) 14%,transparent) 0,transparent 62%),
             linear-gradient(180deg,var(--surface,#fff) 0%,var(--bg-2,#F2F7FD) 100%)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider)::after{background-image:linear-gradient(rgba(11,27,51,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(11,27,51,.05) 1px,transparent 1px)}
body:not(.blr-dark):not(.blr-v-onyx) .bi .bi-hero:not(.bi-hero--slider) h1{color:var(--ink,#0B1B33)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-lead,
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-hero__pts{color:var(--body,#3A4A63)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-tag{color:var(--ink,#0B1B33); background:rgba(255,255,255,.75);
  border-color:color-mix(in srgb,var(--bi-a) 20%,var(--line,#E3EBF5)); box-shadow:inset 0 1px 0 #fff,0 6px 18px -12px var(--bi-a)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-crumbs{color:var(--muted,#66768F)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-crumbs a{color:var(--muted,#66768F)!important}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-crumbs a:hover{background:color-mix(in srgb,var(--bi-a) 10%,transparent); color:var(--bi-a)!important}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-crumbs span{color:var(--ink,#0B1B33)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-lang{background:rgba(255,255,255,.7); border-color:var(--line,#E3EBF5)}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-lang a{color:var(--ink,#0B1B33)!important}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-lang a.on{background:var(--bi-a); color:#fff!important}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-btn--ghost{color:var(--ink,#0B1B33)!important; background:rgba(255,255,255,.7);
  border-color:color-mix(in srgb,var(--bi-a) 24%,var(--line,#E3EBF5))}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-btn--ghost:hover{background:#fff; color:var(--bi-a)!important}
body:not(.blr-dark):not(.blr-v-onyx) .bi-hero:not(.bi-hero--slider) .bi-art img:not(.is-photo){filter:drop-shadow(0 26px 44px color-mix(in srgb,var(--bi-a) 26%,rgba(11,27,51,.18)))}
.bi-hero::before{transition:background .5s ease}