/* صفحة «معرض الصور» (2465) + معاينتها: موزاييك الهيرو، تابات التصفية، الشبكة الكثيفة،
   الفيديوهات، شريط واتساب، كروت «بص على إيه»، والتكبير (.nsr-glb — برّه المحتوى فمن غير body.nsr-v2 .elementor[data-elementor-type="wp-page"]).
   القواعد على كلاسات المحتوى الجديد بس (.nsr-ghero/.nsr-gal/.nsr-gvids/...) فالملف مالوش أثر قبل نزوله.
   body.nsr-v2 .elementor[data-elementor-type="wp-page"] = body.nsr-v2 .elementor[data-elementor-type="wp-page"] (بيتفك في build_site_assets.py).
   الحركة كلها رد فعل على ضغطة — مفيش حاجة بتشتغل لوحدها بالوقت. */

/* ===== الهيرو: الكلام + موزاييك 5 لقطات ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero__cta{width:100%}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:var(--s2)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero__media{width:100%;max-width:640px;margin-top:var(--s4)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t{position:relative;display:block;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:18px;overflow:clip;background:rgba(255,255,255,.08);cursor:zoom-in;aspect-ratio:1;box-shadow:0 18px 40px rgba(5,7,40,.32);-webkit-tap-highlight-color:transparent}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:first-child{grid-row:span 2;aspect-ratio:auto;border-radius:22px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:hover img{transform:scale(1.05)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media (min-width:1025px){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero .wrap{display:grid;grid-template-columns:minmax(0,1fr) 540px;column-gap:56px;row-gap:var(--s4);align-items:center;justify-items:start;text-align:start}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero .wrap>*{grid-column:1;margin:0}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero .wrap>.nsr-ghero__media{grid-column:2;grid-row:1 / span 4;max-width:none;margin:0}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero .nsr-phero__sub .elementor-heading-title{margin-inline:0}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-ghero__btns{justify-content:flex-start}
}
@media (max-width:767px){
  /* الموبايل: الكبيرة بالعرض + اتنين صغيرين — الموزاييك مايبلعش الشاشة الأولى */
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm{grid-template-columns:1fr 1fr;gap:8px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:first-child{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:nth-child(n+4){display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t{border-radius:14px}
}

/* ===== المعرض: سطر الأمانة + التابات + الشبكة ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gnote{width:100%}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gnote .elementor-heading-title{max-width:640px;margin:calc(-1 * var(--s2)) auto var(--s5);color:var(--text);font-size:14px;line-height:1.7;text-align:center;opacity:.85}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gal{width:100%}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 var(--s6)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs__b{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;-webkit-tap-highlight-color:transparent}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs__b:hover{border-color:var(--blue);color:var(--blue)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs__b[aria-pressed="true"]{border-color:var(--blue);background:var(--blue);color:#fff}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs__b:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:12px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi{position:relative;min-width:0;margin:0;overflow:clip;border-radius:18px;background:var(--mist);aspect-ratio:1;cursor:zoom-in;-webkit-tap-highlight-color:transparent}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi[hidden]{display:none}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi[data-big]{grid-column:span 2;grid-row:span 2;border-radius:22px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi:hover img{transform:scale(1.05)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
/* التدرّج على ::after مش على الكابشن: Elementor بيلغي background-image لحد ما القسم يدخل الشاشة */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi figcaption{position:absolute;inset-inline:0;bottom:0;isolation:isolate;padding:40px 14px 12px;pointer-events:none}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi figcaption::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(13,16,64,0),rgba(13,16,64,.6) 45%,rgba(13,16,64,.9))}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi h3{display:-webkit-box;margin:0;overflow:hidden;color:#fff;font-size:14.5px;font-weight:700;line-height:1.5;text-align:start;text-shadow:0 1px 3px rgba(0,0,0,.45);-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi[data-big] h3{font-size:17px}
/* الشرح الكامل موجود في الصفحة، وبيظهر في التكبير بس */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi__d{display:none}
@media (max-width:980px){body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gg{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:767px){
  /* التابات صف واحد بيتسحب جوّه نفسه — الصفحة نفسها مابتتحركش بالعرض */
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs{flex-wrap:nowrap;justify-content:flex-start;margin-inline:calc(-1 * var(--s4));padding:2px var(--s4) 6px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs::-webkit-scrollbar{display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtabs__b{flex:none;scroll-snap-align:start;padding:0 16px;font-size:14px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gg{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi{border-radius:14px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi[data-big]{border-radius:16px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi figcaption{padding:32px 10px 9px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi h3{font-size:13px}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi[data-big] h3{font-size:15px}
}

/* ===== الفيديوهات ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gvids{width:100%}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gvs{display:grid;grid-template-columns:repeat(3,minmax(0,300px));justify-content:center;gap:var(--s6)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv{min-width:0;margin:0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv__m{position:relative;overflow:clip;border-radius:22px;background:#0d1040;aspect-ratio:478/850;box-shadow:var(--sh-1)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1040}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv__t{position:absolute;top:12px;inset-inline-start:12px;padding:3px 10px;border-radius:999px;background:rgba(13,16,64,.78);color:#fff;font-size:13px;font-weight:700;line-height:1.6;direction:ltr;pointer-events:none;transition:opacity .2s ease}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv.is-playing .nsr-gv__t{opacity:0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv figcaption{padding:var(--s4) 4px 0}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv h3{margin:0 0 6px;color:var(--ink);font-size:17px;line-height:1.5}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv p{margin:0;color:var(--text);font-size:15px;line-height:1.75}
@media (max-width:767px){
  /* الموبايل: كروت بتتسحب بالعرض جوّه القسم بدل 3 فيديوهات طوال فوق بعض */
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gvs{display:flex;justify-content:flex-start;gap:12px;margin-inline:calc(-1 * var(--s4));padding:0 var(--s4) 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--s4);scrollbar-width:none;overscroll-behavior-x:contain}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gvs::-webkit-scrollbar{display:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv{flex:0 0 68%;scroll-snap-align:start}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gv__m{border-radius:18px}
}

/* ===== شريط واتساب ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip{padding-block:var(--s10);background:#FFF4E8}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip__txt{gap:6px;text-align:start}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip h2.elementor-heading-title,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip h2{margin:0;color:var(--ink);font-size:clamp(20px,2.4vw,26px);line-height:1.45}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip p.elementor-heading-title{margin:0;color:var(--text);font-size:16px;line-height:1.7}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip .btn--wa{flex:none}
@media (max-width:767px){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip .wrap{flex-direction:column;align-items:stretch;text-align:center}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip__txt{text-align:center}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gstrip .btn--wa .elementor-button{width:100%;justify-content:center}
}

/* ===== بص على إيه ===== */
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtip{gap:8px;padding:var(--s5);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--sh-1);text-align:start}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtip__ic{display:grid;place-items:center;width:48px;height:48px;margin-bottom:4px;border-radius:14px;background:#FFF4E8;color:var(--blue)}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtip__ic svg{width:26px;height:26px}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtip h3{margin:0;color:var(--ink);font-size:18px;line-height:1.5}
body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtip p{margin:0;color:var(--text);font-size:15px;line-height:1.75}
@media (max-width:980px){body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtips{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gtips{grid-template-columns:1fr;gap:var(--s3)}}

/* ===== التكبير (برّه المحتوى) ===== */
.nsr-glb{width:min(94vw,980px);max-width:none;max-height:92dvh;margin:auto;padding:0;border:0;border-radius:24px;background:#fff;color:#1b2440;overflow:visible;font-family:inherit}
.nsr-glb::backdrop{background:rgba(8,10,40,.88)}
.nsr-glb__in{display:grid;grid-template-columns:minmax(0,1fr) 330px;max-height:92dvh;overflow:clip;border-radius:24px}
.nsr-glb__m{position:relative;min-width:0;background:#0d1040}
.nsr-glb__m img{display:block;width:100%;height:100%;max-height:92dvh;aspect-ratio:1;object-fit:contain;transition:opacity .2s ease}
.nsr-glb__m img.is-loading{opacity:0}
.nsr-glb__c{display:flex;flex-direction:column;gap:10px;min-height:0;padding:56px 24px 24px;overflow:auto;text-align:start}
.nsr-glb__k{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;font-size:13px;font-weight:700}
.nsr-glb__tag{padding:3px 12px;border-radius:999px;background:#FFF4E8;color:#2E3192}
.nsr-glb__n{color:#6b7390;direction:ltr}
.nsr-glb__h{margin:0;color:#14193f;font-size:20px;font-weight:800;line-height:1.5}
.nsr-glb__d{margin:0;color:#3a4366;font-size:15.5px;line-height:1.85}
.nsr-glb__d a{color:#2E3192;font-weight:700;text-underline-offset:3px}
.nsr-glb__wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:auto;padding:0 18px;border-radius:999px;background:#25D366;color:#101b28;font-size:15px;font-weight:800;text-decoration:none}
.nsr-glb button{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#2E3192;font-family:inherit;font-size:26px;font-weight:800;line-height:1;cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.28)}
.nsr-glb button:focus-visible{outline:3px solid #F7931E;outline-offset:2px}
.nsr-glb__x{top:10px;left:10px}
.nsr-glb__prev{top:calc(50% - 22px);right:10px}
.nsr-glb__next{top:calc(50% - 22px);left:10px}
/* الكمبيوتر: الشرح عمود على الشمال (330px)، فسهم «اللي بعدها» على حافة الصورة نفسها */
@media (min-width:900px){.nsr-glb__next{left:340px}}
.nsr-glb__x{background:#f1f2f8}
html:has(.nsr-glb[open]){overflow:hidden}
@media (max-width:899px){
  .nsr-glb{width:min(94vw,600px);overflow:auto;border-radius:20px}
  .nsr-glb__in{display:block;max-height:none;border-radius:20px}
  .nsr-glb__m img{height:auto;max-height:none}
  .nsr-glb__c{padding:16px 18px 18px}
  .nsr-glb__h{font-size:18px}
  .nsr-glb__d{font-size:15px}
  .nsr-glb__wa{margin-top:6px}
  .nsr-glb__x{top:10px;left:10px;background:#fff}
  .nsr-glb__prev,.nsr-glb__next{top:calc(min(94vw,600px) / 2 - 22px)}
}
@media (prefers-reduced-motion:no-preference){
  .nsr-glb[open]{animation:nsr-glb-pop .35s cubic-bezier(.22,1,.36,1)}
  .nsr-glb[open]::backdrop{animation:nsr-glb-fade .3s ease}
}
@keyframes nsr-glb-pop{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@keyframes nsr-glb-fade{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi img,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t img{transition:none}
  body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gi:hover img,body.nsr-v2 .elementor[data-elementor-type="wp-page"] .nsr-gm__t:hover img{transform:none}
}
@media print{.nsr-glb{display:none!important}}