/* BLR Slider — سلايدر ترحيبي تفاعلي (بدون مكتبات خارجية) */
.blr-slider{
  --bs-a:var(--cat-a,var(--brand,#0A6FD6)); --bs-b:var(--cat-b,var(--brand-2,#22D3EE)); --bs-c:#3EEBFD; --bs-bg:#041B33;
  --bs-h:clamp(540px,82vh,780px); --bs-gutter:clamp(18px,5vw,56px); --bs-wrap:1240px; --bs-dur:7s;
  position:relative; isolation:isolate; overflow:hidden; color:#fff; background:var(--bs-bg);
  min-height:var(--bs-h); font-family:inherit; border-radius:var(--bs-radius,0);
}
.blr-slider *{box-sizing:border-box}
.blr-slider:dir(rtl){--bs-rtl:-1}
/* خلفية حيّة: تدرّجات شبكية + شبكة خطوط خفيفة */
.blr-slider__bg{position:absolute; inset:0; z-index:-2; overflow:hidden; pointer-events:none}
.blr-slider__bg::before,.blr-slider__bg::after{content:""; position:absolute; border-radius:50%; filter:blur(70px); opacity:.75; will-change:transform}
.blr-slider__bg::before{width:60vmax; height:60vmax; inset-inline-end:-18vmax; top:-24vmax; background:radial-gradient(circle,var(--bs-a) 0,transparent 62%); animation:bs-drift 18s ease-in-out infinite alternate}
.blr-slider__bg::after{width:46vmax; height:46vmax; inset-inline-start:-16vmax; bottom:-22vmax; background:radial-gradient(circle,var(--bs-b) 0,transparent 60%); opacity:.45; animation:bs-drift 22s ease-in-out -6s infinite alternate-reverse}
.blr-slider__grid{position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:56px 56px; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%); mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%)}
@keyframes bs-drift{to{transform:translate3d(-6vmax,5vmax,0) scale(1.12)}}

.blr-slider__track{position:relative; min-height:inherit}
.blr-slide{position:absolute; inset:0; display:flex; align-items:center; opacity:0; visibility:hidden; transition:opacity .9s ease, visibility 0s .9s}
.blr-slide.is-active{position:relative; opacity:1; visibility:visible; transition:opacity .9s ease; min-height:var(--bs-h)}
.blr-slider[data-effect="slide"] .blr-slide{transform:translateX(calc(var(--bs-dir,1) * 6%)); transition:opacity .8s ease, transform .9s cubic-bezier(.22,.61,.36,1), visibility 0s .9s}
.blr-slider[data-effect="slide"] .blr-slide.is-active{transform:none; transition:opacity .8s ease, transform .9s cubic-bezier(.22,.61,.36,1)}

.blr-slide__in{width:100%; max-width:calc(var(--bs-wrap) + 2 * var(--bs-gutter)); margin-inline:auto; padding:clamp(96px,12vh,128px) var(--bs-gutter) clamp(110px,14vh,140px);
  display:grid; grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr); gap:clamp(24px,4vw,64px); align-items:center}
.blr-slide__txt{position:relative; z-index:2}
.blr-slide__eyebrow{display:inline-flex; align-items:center; gap:.55em; padding:.42em 1em .42em .9em; border-radius:999px; font-size:.86rem; font-weight:600;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); color:#E6F8FF}
.blr-slide__eyebrow::before{content:""; width:8px; height:8px; border-radius:50%; background:var(--bs-c); box-shadow:0 0 0 4px rgba(62,235,253,.22); animation:bs-ping 2.4s ease-in-out infinite}
@keyframes bs-ping{50%{box-shadow:0 0 0 8px rgba(62,235,253,0)}}
.blr-slide__title,.blr-slider .blr-slide__title{margin:.55em 0 .35em; color:#fff; font-size:clamp(2rem,4.6vw,3.6rem); line-height:1.12; font-weight:800; letter-spacing:-.02em; text-wrap:balance}
.blr-slide__title em{font-style:normal; background:linear-gradient(90deg,var(--bs-b),var(--bs-c)); -webkit-background-clip:text; background-clip:text; color:transparent}
.blr-slide__text{margin:0; max-width:56ch; color:rgba(230,244,255,.86); font-size:clamp(1rem,1.5vw,1.18rem); line-height:1.9}
.blr-slide__actions{display:flex; flex-wrap:wrap; gap:12px; margin-top:28px}
.blr-slide__btn{display:inline-flex; align-items:center; justify-content:center; gap:.6em; min-height:52px; padding:0 1.6em; border-radius:999px; font-weight:700; font-size:1rem; text-decoration:none!important; transition:transform .25s, box-shadow .25s, background .25s, color .25s; white-space:nowrap}
.blr-slide__btn--primary{background:linear-gradient(135deg,var(--bs-b),var(--bs-a)); color:#fff!important; box-shadow:0 16px 36px -12px rgba(34,211,238,.6)}
.blr-slide__btn--primary:hover{transform:translateY(-2px); box-shadow:0 22px 44px -14px rgba(34,211,238,.75)}
.blr-slide__btn--ghost{background:rgba(255,255,255,.08); color:#fff!important; border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(8px)}
.blr-slide__btn--ghost:hover{background:#fff; color:#06223F!important}
.blr-slide__btn svg{width:18px; height:18px; transition:transform .25s}
.blr-slide__btn:hover svg{transform:translateX(calc(var(--bs-rtl,1) * 4px))}
.blr-slide__btn:dir(rtl) svg{transform:scaleX(-1)}
.blr-slide__btn:dir(rtl):hover svg{transform:scaleX(-1) translateX(4px)}

.blr-slide__art{position:relative; z-index:1; perspective:1100px}
.blr-slide__art-in{position:relative; transform-style:preserve-3d; transition:transform .5s cubic-bezier(.22,.61,.36,1); will-change:transform}
.blr-slide__art img{display:block; width:100%; height:auto; max-height:min(60vh,560px); object-fit:contain; filter:drop-shadow(0 30px 60px rgba(0,10,30,.45)); border-radius:var(--bs-img-radius,0)}
.blr-slide__art img.is-photo{object-fit:cover; aspect-ratio:4/3; border-radius:28px; box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.blr-slide__art::before{content:""; position:absolute; inset:12% 8%; border-radius:50%; background:radial-gradient(circle,rgba(34,211,238,.35),transparent 65%); filter:blur(30px); z-index:-1}

/* شرائح الغلاف (صورة كاملة) */
.blr-slide--cover .blr-slide__in{grid-template-columns:minmax(0,1fr)}
.blr-slide--cover .blr-slide__txt{max-width:720px}
.blr-slide__cover{position:absolute; inset:0; z-index:-1; overflow:hidden}
.blr-slide__cover img{width:100%; height:100%; object-fit:cover; transform:scale(1.08)}
.blr-slide.is-active .blr-slide__cover img{animation:bs-kenburns calc(var(--bs-dur) + 2s) ease-out forwards}
.blr-slide__cover::after{content:""; position:absolute; inset:0; background:linear-gradient(calc(var(--bs-rtl,1) * 90deg),rgba(4,27,51,.92) 0,rgba(4,27,51,.7) 45%,rgba(4,27,51,.2) 100%)}
.blr-slide__cover:dir(rtl)::after{background:linear-gradient(-90deg,rgba(4,27,51,.92) 0,rgba(4,27,51,.7) 45%,rgba(4,27,51,.2) 100%)}
@keyframes bs-kenburns{from{transform:scale(1.14)}to{transform:scale(1.02)}}

/* حركة دخول العناصر */
.blr-slide .blr-anim{opacity:0; transform:translateY(22px)}
.blr-slide.is-active .blr-anim{opacity:1; transform:none; transition:opacity .8s ease, transform .9s cubic-bezier(.22,.61,.36,1)}
.blr-slide.is-active .blr-anim:nth-child(2){transition-delay:.12s}
.blr-slide.is-active .blr-anim:nth-child(3){transition-delay:.22s}
.blr-slide.is-active .blr-anim:nth-child(4){transition-delay:.32s}
.blr-slide .blr-slide__art{opacity:0; transform:translateX(calc(var(--bs-rtl,1) * 40px)) scale(.96); filter:blur(6px)}
.blr-slide.is-active .blr-slide__art{opacity:1; transform:none; filter:none; transition:opacity 1s .15s ease, transform 1.1s .15s cubic-bezier(.22,.61,.36,1), filter 1s .15s}

/* التحكّم */
.blr-slider__ui{position:absolute; inset-inline:0; bottom:clamp(22px,4vh,40px); z-index:5; pointer-events:none}
.blr-slider__ui-in{max-width:calc(var(--bs-wrap) + 2 * var(--bs-gutter)); margin-inline:auto; padding-inline:var(--bs-gutter); display:flex; align-items:center; gap:16px}
.blr-slider__ui-in > *{pointer-events:auto}
.blr-slider__dots{display:flex; gap:8px; margin:0; padding:0; list-style:none}
.blr-slider__dot{position:relative; width:34px; height:6px; border-radius:6px; border:0; padding:0; cursor:pointer; background:rgba(255,255,255,.22); overflow:hidden; transition:width .35s ease, background .3s}
.blr-slider__dot:hover{background:rgba(255,255,255,.4)}
.blr-slider__dot.is-active{width:64px}
.blr-slider__dot i{position:absolute; inset:0; transform-origin:left center; transform:scaleX(0); background:linear-gradient(90deg,var(--bs-b),var(--bs-c)); border-radius:inherit}
.blr-slider__dot:dir(rtl) i{transform-origin:right center}
.blr-slider__dot.is-active i{transform:scaleX(var(--p,0))}
.blr-slider__count{font-variant-numeric:tabular-nums; font-size:.9rem; color:rgba(255,255,255,.7); margin-inline-start:auto; letter-spacing:.06em}
.blr-slider__count b{color:#fff; font-size:1.05rem}
.blr-slider__btns{display:flex; gap:8px}
.blr-slider__arrow{display:grid; place-items:center; width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); color:#fff; cursor:pointer; backdrop-filter:blur(8px); transition:background .25s, color .25s, transform .25s}
.blr-slider__arrow:hover{background:#fff; color:#06223F}
.blr-slider__arrow svg{width:20px; height:20px}
.blr-slider__arrow:dir(rtl) svg{transform:scaleX(-1)}
.blr-slider__arrow:focus-visible,.blr-slider__dot:focus-visible{outline:3px solid var(--bs-c); outline-offset:3px}
.blr-slider.is-single .blr-slider__ui{display:none}

/* تمرير إلى الأسفل */
.blr-slider__scroll{position:absolute; left:50%; bottom:12px; transform:translateX(-50%); width:24px; height:38px; border:2px solid rgba(255,255,255,.35); border-radius:14px; z-index:4; display:none}
.blr-slider__scroll::after{content:""; position:absolute; left:50%; top:7px; width:4px; height:8px; margin-left:-2px; border-radius:2px; background:#fff; animation:bs-scroll 1.8s ease-in-out infinite}
@keyframes bs-scroll{60%{transform:translateY(10px); opacity:0}}

/* أحجام */
.blr-slider--compact{--bs-h:clamp(420px,62vh,560px)}
.blr-slider--compact .blr-slide__title{font-size:clamp(1.8rem,3.8vw,2.9rem)}
.blr-slider--rounded{--bs-radius:28px}

@media (max-width:900px){
  .blr-slider{--bs-h:auto}
  .blr-slide__in{grid-template-columns:1fr; padding-top:72px; padding-bottom:110px; gap:18px; text-align:start}
  .blr-slide__art{order:-1; max-width:440px; width:86%; margin-inline:auto}
  .blr-slide__art img{max-height:300px}
  .blr-slider__count{display:none}
}
@media (max-width:560px){
  .blr-slide__actions{flex-direction:column; align-items:stretch}
  .blr-slider__arrow{width:40px; height:40px}
}
@media (prefers-reduced-motion:reduce){
  .blr-slider *,.blr-slider *::before,.blr-slider *::after{animation:none!important; transition:none!important}
  .blr-slide .blr-anim,.blr-slide .blr-slide__art{opacity:1; transform:none; filter:none}
}
/* داخل محرّر Elementor: إظهار الشريحة الأولى دون انتظار السكربت */
.elementor-editor-active .blr-slider:not(.is-ready) .blr-slide:first-child{position:relative; opacity:1; visibility:visible}
