/* Abazeer | Our Farms photo lightbox. Paste into the theme's Custom JavaScript field (without <script> tags). */
(function(){
  'use strict';
  const ID='abz-farm-lb-v2';
  if(document.getElementById(ID))return;
  const css=`
  #${ID}{position:fixed;inset:0;z-index:2147483000;background:rgba(13,23,14,.94);display:none;align-items:center;justify-content:center;color:#fff;font-family:Tahoma,Arial,sans-serif}
  #${ID}[data-open="1"]{display:flex}
  #${ID} .abz-lb-canvas{position:absolute;inset:58px 8px 78px;overflow:hidden;display:flex;justify-content:center;align-items:center;touch-action:none;cursor:grab}
  #${ID} .abz-lb-canvas:active{cursor:grabbing}
  #${ID} .abz-lb-pic{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center;will-change:transform;pointer-events:none}
  #${ID} button{font-family:inherit;border:1px solid #ffffff52;border-radius:22px;background:#fffdf3;color:#293d18;cursor:pointer;font-weight:700;min-width:38px;min-height:36px;padding:7px 13px}
  #${ID} button:focus-visible{outline:3px solid #e2c675;outline-offset:2px}
  #${ID} .abz-lb-top{position:absolute;z-index:2;top:12px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
  #${ID} .abz-lb-top button{font-size:22px;padding:3px 12px}
  #${ID} .abz-lb-bar{position:absolute;z-index:2;bottom:12px;left:8px;right:8px;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
  #${ID} .abz-lb-count{font-size:13px;direction:ltr;color:#f8efda}
  #${ID} .abz-lb-scale{color:#fff;font-size:13px;min-width:40px;text-align:center;font-weight:700}
  @media(max-width:560px){#${ID} .abz-lb-canvas{inset:55px 4px 93px}#${ID} .abz-lb-bar{gap:5px}#${ID} button{padding:6px 10px;min-width:34px}}
  `;
  function boot(){
    let root=Array.from(document.querySelectorAll('section')).find(s=>{
      const h=s.querySelector('h1');
      return h&&/من مزارعنا|from our farms/i.test(h.textContent||'')&&s.querySelectorAll('img').length>=2;
    });
    if(!root||root.dataset.abzLightboxReady==='1')return;
    root.dataset.abzLightboxReady='1';
    if(!document.getElementById(ID+'-style')){let st=document.createElement('style');st.id=ID+'-style';st.textContent=css;document.head.appendChild(st)}
    const photos=Array.from(root.querySelectorAll('img'));
    const el=document.createElement('div');el.id=ID;el.setAttribute('role','dialog');el.setAttribute('aria-label','تكبير صور المزرعة');el.setAttribute('aria-modal','true');
    el.innerHTML='<div class="abz-lb-top"><span class="abz-lb-count"></span><button type="button" data-lb="close" aria-label="إغلاق">×</button></div><div class="abz-lb-canvas"><img class="abz-lb-pic" alt=""></div><div class="abz-lb-bar"><button type="button" data-lb="prev" title="الصورة السابقة">❮</button><button type="button" data-lb="minus" title="تصغير">−</button><span class="abz-lb-scale">100%</span><button type="button" data-lb="plus" title="تكبير">+</button><button type="button" data-lb="reset" title="إظهار الصورة كاملة">احتواء</button><button type="button" data-lb="next" title="الصورة التالية">❯</button></div>';
    document.body.appendChild(el);
    const pic=el.querySelector('.abz-lb-pic');const canvas=el.querySelector('.abz-lb-canvas');
    const scaleText=el.querySelector('.abz-lb-scale');const count=el.querySelector('.abz-lb-count');
    let index=0,scale=1,dx=0,dy=0,drag=false,startX=0,startY=0,lastFocus=null,previousOverflow='';
    function paint(){pic.style.transform=`translate(${dx}px,${dy}px) scale(${scale})`;scaleText.textContent=Math.round(scale*100)+'%'}
    function changeScale(n){scale=Math.max(1,Math.min(4,Math.round(n*10)/10));if(scale===1){dx=0;dy=0}paint()}
    function setPhoto(i){index=(i+photos.length)%photos.length;scale=1;dx=0;dy=0;const img=photos[index];pic.src=img.currentSrc||img.src;pic.alt=img.alt||'صورة من مزارع أبازير';count.textContent=(index+1)+' / '+photos.length;paint()}
    function show(i){lastFocus=document.activeElement;previousOverflow=document.body.style.overflow;setPhoto(i);el.dataset.open='1';document.body.style.overflow='hidden';el.querySelector('[data-lb="close"]').focus()}
    function hide(){el.dataset.open='0';document.body.style.overflow=previousOverflow;pic.removeAttribute('src');if(lastFocus&&lastFocus.focus)lastFocus.focus()}
    photos.forEach((im,i)=>{im.style.cursor='zoom-in';im.setAttribute('tabindex','0');im.setAttribute('role','button');im.setAttribute('aria-label',(im.alt||'صورة')+' — اضغط للتكبير');im.addEventListener('click',()=>show(i));im.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' '){e.preventDefault();show(i)}})});
    el.addEventListener('click',e=>{const b=e.target.closest('button[data-lb]');if(b){const a=b.dataset.lb;if(a==='close')hide();else if(a==='prev')setPhoto(index-1);else if(a==='next')setPhoto(index+1);else if(a==='plus')changeScale(scale+.5);else if(a==='minus')changeScale(scale-.5);else if(a==='reset')changeScale(1)}else if(e.target===el)hide()});
    document.addEventListener('keydown',e=>{if(el.dataset.open!=='1')return;if(e.key==='Escape')hide();else if(e.key==='ArrowLeft')setPhoto(index-1);else if(e.key==='ArrowRight')setPhoto(index+1);else if(e.key==='+'||e.key==='=')changeScale(scale+.5);else if(e.key==='-')changeScale(scale-.5)});
    canvas.addEventListener('wheel',e=>{if(el.dataset.open!=='1')return;e.preventDefault();changeScale(scale+(e.deltaY<0?.2:-.2))},{passive:false});
    canvas.addEventListener('pointerdown',e=>{if(scale<=1)return;drag=true;startX=e.clientX-dx;startY=e.clientY-dy;canvas.setPointerCapture(e.pointerId)});
    canvas.addEventListener('pointermove',e=>{if(!drag)return;dx=e.clientX-startX;dy=e.clientY-startY;paint()});
    function stop(){drag=false}canvas.addEventListener('pointerup',stop);canvas.addEventListener('pointercancel',stop);
  }
  if(document.readyState==='loading')document.addEventListener('DOMContentLoaded',boot);else boot();
  // Salla may render the page asynchronously after the theme loads.
  const obs=new MutationObserver(()=>{if(!document.getElementById(ID))boot()});
  obs.observe(document.documentElement,{childList:true,subtree:true});
})();