/* Gardenas - site.js.php (patched, ES5 only)
 * - Mobile nav: close on link click / ESC / desktop resize, backdrop close, scroll lock
 * - Anchor jump: header-height offset (no CSS var dependency during scroll)
 * - Photo uploader: D&D + picker, 64px thumbs, × remove, ★ primary (keeps input.files for non-DataTransfer)
 * - Global D&D guard
 * - UI niceties: counters (files/MB), consent checkbox gates submit
 */
(function(){
  'use strict';

  /* -------------------------------
   * Utilities
   * ------------------------------- */
  function $(sel, root){ return (root||document).querySelector(sel); }
  function $all(sel, root){ return Array.prototype.slice.call((root||document).querySelectorAll(sel)); }
  function on(el, ev, fn, opts){ if(el){ el.addEventListener(ev, fn, opts||false); } }
  function hasClass(el, c){ return el && (' '+el.className+' ').indexOf(' '+c+' ') > -1; }
  function addClass(el, c){ if(el && !hasClass(el,c)){ el.className = (el.className ? el.className+' ' : '') + c; } }
  function remClass(el, c){ if(el && hasClass(el,c)){ el.className = (' '+el.className+' ').replace(' '+c+' ',' ').trim(); } }

  // Element.matches polyfill
  if(!Element.prototype.matches){
    Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector || function(s){
      var m = (this.document || this.ownerDocument).querySelectorAll(s), i = 0;
      while(m[i] && m[i] !== this){ i++; }
      return !!m[i];
    };
  }

  /* -------------------------------
   * Anchor offset + scrolling
   * ------------------------------- */
  function setAnchorOffset(){
    var header = $('header.site');
    var h = header ? header.getBoundingClientRect().height : 0;
    var offset = Math.round(h + 6);
    try{
      document.documentElement.style.setProperty('--anchor-offset', offset + 'px');
    }catch(_){}
  }
  window.setAnchorOffset = setAnchorOffset;

  function prefersReduced(){
    try{ return !!(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches); }
    catch(_){ return false; }
  }

  function scrollToWithOffset(targetEl){
    if(!targetEl){ return; }
    var header = $('header.site');
    var off = header ? Math.round(header.getBoundingClientRect().height + 6) : 0;
    var rect = targetEl.getBoundingClientRect();
    var y = (window.pageYOffset || document.documentElement.scrollTop) + rect.top - off;
    if(prefersReduced()){
      window.scrollTo(0, y);
    }else{
      try{ window.scrollTo({ top: y, behavior: 'smooth' }); }
      catch(_){ window.scrollTo(0, y); }
    }
  }

  /* -------------------------------
   * Mobile navigation
   * ------------------------------- */
  function syncMenuState(){
    var navc = $('#navc') || $('input.navc[type="checkbox"]');
    var label = $('#menuToggle') || $('.nav-toggle');
    var open = !!(navc && navc.checked);
    if(label){ try{ label.setAttribute('aria-expanded', open ? 'true' : 'false'); }catch(_){ } }
    var root = document.documentElement;
    if(open){ addClass(root, 'menu-open'); } else { remClass(root, 'menu-open'); }
    setTimeout(setAnchorOffset, 0);
  }

  function initMobileNav(){
    var navc = $('#navc') || $('input.navc[type="checkbox"]');
    var backdrop = $('label.backdrop');

    if(backdrop){
      on(backdrop, 'click', function(){
        if(navc){ navc.checked = false; syncMenuState(); }
      });
    }

    on(document, 'keydown', function(e){
      e = e || window.event;
      if((e.key && e.key.toLowerCase() === 'escape') || e.keyCode === 27){
        if(navc && navc.checked){ navc.checked = false; syncMenuState(); }
      }
    });

    on(window, 'resize', function(){
      setAnchorOffset();
    // Close on orientation change (e.g., smartphone landscape)
    on(window, 'orientationchange', function(){
      if(navc && navc.checked){ navc.checked = false; syncMenuState(); }
      setAnchorOffset();
    });

      if(window.innerWidth >= 1024 && navc && navc.checked){ navc.checked = false; syncMenuState(); }
    });

    if(navc){ on(navc, 'change', syncMenuState); }

    syncMenuState();
  }

  /* -------------------------------
   * Anchor links
   * ------------------------------- */
  function initAnchorLinks(){
    var links = $all('a[href^=\"#\"]');
    var navc = $('#navc') || $('input.navc[type=\"checkbox\"]');

    function handleHash(href){
      if(!href || href === '#'){ return; }
      var id = href.charAt(0) === '#' ? href.slice(1) : href;
      var el = document.getElementById(id);
      if(!el){ try{ location.hash = href; }catch(_){ } return; }
      scrollToWithOffset(el);
      try{ history.pushState(null, '', '#' + id); }catch(_){ location.hash = '#' + id; }
    }

    for(var i=0;i<links.length;i++){
      (function(a){
        on(a, 'click', function(ev){
          var href = a.getAttribute('href') || '';
          if(!href || href.charAt(0) !== '#'){ return; }
          ev.preventDefault();

          // If same hash, just realign and bail
          if(location.hash === href){
            var el0 = document.getElementById(href.slice(1));
            if(el0){ scrollToWithOffset(el0); }
            return;
          }

          // Close menu if open and unlock scroll
          if(navc){ try{ navc.checked = false; }catch(_){ } }
          if(typeof syncMenuState === 'function'){ syncMenuState(); }
          else { try{ document.documentElement.classList.remove('menu-open'); }catch(_){ } }

          setTimeout(function(){
            setAnchorOffset();
            handleHash(href);
            // failsafe: ensure scroll unlock even on slow devices
            setTimeout(function(){
              if(document.documentElement.className.indexOf('menu-open') !== -1){
                document.documentElement.classList.remove('menu-open');
              }
            }, 200);
          }, 30);
        });
      })(links[i]);
    }

    if(location.hash){
      setTimeout(function(){
        setAnchorOffset();
        var el = document.getElementById(location.hash.slice(1));
        if(el){ scrollToWithOffset(el); }
      }, 120);
    }

    window.addEventListener('hashchange', function(){
      setTimeout(function(){
        var id = (location.hash || '').slice(1);
        var el = id && document.getElementById(id);
        if(el){ scrollToWithOffset(el); }
      }, 30);
    }, false);
  }

  /* -------------------------------
   * Global D&D guard
   * ------------------------------- */
  function initGlobalDnDGuard(){
    function guard(e){
      var t = e.target, ok = false;
      while(t){
        if(t.id === 'photo' || t.id === 'photo-drop' || (t.className && t.className.indexOf('dropzone') !== -1)){
          ok = true; break;
        }
        t = t.parentNode;
      }
      if(!ok){
        e.preventDefault();
        e.stopPropagation();
      }
    }
    on(window, 'dragover', guard);
    on(window, 'drop', guard);
  }

  /* -------------------------------
   * Photo uploader (preview/remove/star) + counters
   * ------------------------------- */
  
function initPhotoUploader(){
    var dz   = $('#photo-drop') || $('.dropzone'); // allow mock id/class
    var inp  = $('#p_photos');
    var grid = $('#photo-preview') || $('.thumb-grid');
    var starHidden = $('#primary_index');
    var metaRow = $('.meta-row');
    var submitBtn = $('#photo button[type="submit"]') || $('#photo .btn') || $('.footer .btn');
    var agree = $('#agree');

    if(!inp || !grid){ return; }

    var maxFiles = parseInt((inp.getAttribute('data-max-files') || '5'), 10) || 5;
    var maxMB = parseInt((inp.getAttribute('data-max-size-mb') || '10'), 10) || 10;

    var supportsDT = (function(){
      try { return !!(window.DataTransfer && new DataTransfer()); } catch(_){ return false; }
    })();

    function fileKey(f){
      // key for tracking the same file across reorders
      var lm = (typeof f.lastModified === 'number') ? f.lastModified : 0;
      return [f.name||'', f.size||0, f.type||'', lm].join('|');
    }

    function updateCounters(){
      if(!metaRow){ return; }
      var files = inp.files || [];
      var i, totalBytes = 0;
      for(i=0;i<files.length;i++){ totalBytes += files[i].size || 0; }
      var mb = totalBytes / (1024*1024);
      var pill = metaRow.querySelector('.pill');
      if(pill){
        pill.textContent = '現在：' + files.length + '/' + maxFiles + ' 枚・' + (mb.toFixed(1)) + '/' + (maxFiles*maxMB) + 'MB';
      }
    }

    function syncSubmitEnabled(){
      // Enable when consent checked; do not block by file count here (server validates 0枚)
      var ok = true;
      if(agree){ ok = !!agree.checked; }
      if(submitBtn){ submitBtn.disabled = !ok; }
    }

    function addClass(el, c){ if(el && el.classList){ el.classList.add(c); } }
    function remClass(el, c){ if(el && el.classList){ el.classList.remove(c); } }

    function rebuildPreview(){
      grid.innerHTML = '';
      var files = inp.files;
      if(!files || !files.length){ updateCounters(); syncSubmitEnabled(); return; }

      var starIndex = 0;
      if(starHidden && starHidden.value !== ''){
        var v = parseInt(starHidden.value, 10);
        if(!isNaN(v) && v >= 0 && v < files.length){ starIndex = v; }
      }

      // build thumbs
      for(var i=0;i<files.length;i++){
        (function(idx){
          var f = files[idx];
          var item = document.createElement('div');
          item.className = 'thumb';
          item.setAttribute('data-index', String(idx));
          item.setAttribute('data-key', fileKey(f));
          if(idx === starIndex){ addClass(item, 'is-primary'); }

          var img = document.createElement('img');
          img.alt = '';
          var fr = new FileReader();
          on(fr, 'load', function(ev){ img.src = ev.target.result; });
          try{ fr.readAsDataURL(f); }catch(_){}

          var btnX = document.createElement('button');
          btnX.type = 'button';
          btnX.className = 'btn-x';
          btnX.textContent = '×';
          btnX.setAttribute('aria-label','remove');

          var btnStar = document.createElement('button');
          btnStar.type = 'button';
          btnStar.className = 'btn-star';
          btnStar.textContent = '★';
          btnStar.setAttribute('aria-label','primary');

          on(btnX, 'click', function(){
            if(supportsDT){
              var dt = new DataTransfer();
              var fs = inp.files;
              var j;
              for(j=0;j<fs.length;j++){ if(j !== idx){ dt.items.add(fs[j]); } }
              // adjust star to keep the same file if possible
              var currentStar = parseInt(starHidden && starHidden.value ? starHidden.value : '0', 10) || 0;
              inp.files = dt.files;
              if(starHidden){
                if(currentStar === idx){ starHidden.value = 0; }
                else if(currentStar > idx){ starHidden.value = Math.max(0, currentStar - 1); }
              }
              rebuildPreview();
            }else{
              if(item && item.parentNode){ item.parentNode.removeChild(item); }
            }
          });

          on(btnStar, 'click', function(){
            var all = $all('.thumb', grid);
            for(var k=0;k<all.length;k++){ remClass(all[k], 'is-primary'); }
            addClass(item, 'is-primary');
            if(starHidden){ starHidden.value = idx; }
          });

          // --- Drag & drop reorder (supportsDT only) ---
          if(supportsDT){
            item.setAttribute('draggable', 'true');
            on(item, 'dragstart', function(e){
              addClass(item, 'dragging');
              try{
                e.dataTransfer.effectAllowed = 'move';
                e.dataTransfer.setData('text/plain', String(idx));
              }catch(_){}
            });
            on(item, 'dragend', function(){ remClass(item, 'dragging'); });

            on(item, 'dragover', function(e){
              e.preventDefault();
              addClass(item, 'is-dragover');
            });
            on(item, 'dragleave', function(e){
              if(e.target === item){ remClass(item, 'is-dragover'); }
            });
            on(item, 'drop', function(e){
              e.preventDefault();
              remClass(item, 'is-dragover');
              var fromStr;
              try{ fromStr = e.dataTransfer.getData('text/plain'); }catch(_){ fromStr = null; }
              var from = parseInt(fromStr, 10);
              if(isNaN(from)){ return; }
              var to = idx;
              if(from === to){ return; }

              var fs = inp.files;
              var before = [];
              for(var j=0;j<fs.length;j++){ before.push(fs[j]); }
              var beforeKeys = before.map(fileKey);
              var starKey = null;
              if(starHidden){
                var sIdx = parseInt(starHidden.value || '0', 10) || 0;
                if(before[sIdx]){ starKey = fileKey(before[sIdx]); }
              }
              // reorder
              var moved = before.splice(from, 1)[0];
              before.splice(to, 0, moved);
              // reflect to input
              var dt = new DataTransfer();
              for(var k=0;k<before.length;k++){ dt.items.add(before[k]); }
              inp.files = dt.files;

              // keep same primary file
              if(starHidden && starKey){
                var newIdx = -1;
                var cur = inp.files;
                for(var u=0;u<cur.length;u++){
                  if(fileKey(cur[u]) === starKey){ newIdx = u; break; }
                }
                starHidden.value = (newIdx >= 0) ? newIdx : 0;
              }
              rebuildPreview();
            });
          }

          item.appendChild(img);
          item.appendChild(btnX);
          item.appendChild(btnStar);
          grid.appendChild(item);
        })(i);
      }
      updateCounters();
      syncSubmitEnabled();
    }

    on(inp, 'change', function(){
      rebuildPreview();
    });

    if(dz){
      on(dz, 'dragenter', function(e){ e.preventDefault(); addClass(dz, 'is-dragover'); });
      on(dz, 'dragover', function(e){ e.preventDefault(); addClass(dz, 'is-dragover'); });
      on(dz, 'dragleave', function(e){
        if(e.target === dz){ remClass(dz, 'is-dragover'); }
      });
      on(dz, 'drop', function(e){
        e.preventDefault();
        remClass(dz, 'is-dragover');
        if(e.dataTransfer && e.dataTransfer.files && e.dataTransfer.files.length){
          if(supportsDT){
            var dt = new DataTransfer();
            var existing = inp.files, i;
            if(existing){ for(i=0;i<existing.length;i++){ dt.items.add(existing[i]); } }
            for(i=0;i<e.dataTransfer.files.length;i++){ dt.items.add(e.dataTransfer.files[i]); }
            inp.files = dt.files;
          }
          rebuildPreview();
        }
      });
    }

    // initial
    rebuildPreview();
  }

  /* -------------------------------
   * Lightbox (導入事例 #gallery 専用) — 安全版
   * - クリックで全画面、×/外側/Escで閉じる
   * - ←/→ で前後移動
   * - スクロール位置保持 & レイアウトジャンプ防止
   * - srcset/currentSrc/遅延読み込みに配慮
   * ------------------------------- */
  function initLightbox(){
  // 管理画面ではライトボックスを無効化（既存機能保護）
  try{ if (/(^|\/)?admin\.php(\?|$)/i.test(location.pathname)) return; }catch(_){}

  var scope = document.getElementById('gallery');
  if(!scope){ return; }

  // --- style injection (一度だけ)
  if(!document.getElementById('lb-style')){
    var css = ''
      + '.lb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.86);z-index:10000;display:none;}'
      + '.lb-backdrop.is-open{display:block;}'
      + '.lb-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;}'
      + '.lb-img{max-width:90vw;max-height:70vh;box-shadow:0 8px 24px rgba(0,0,0,.4);border-radius:8px;background:#111;transition:transform .18s ease, opacity .18s ease;}'
      + '.lb-cap{color:#fff;margin-top:12px;max-width:90vw;text-align:left;font-size:14px;opacity:.85;}'
      + '.lb-close{position:absolute;top:12px;right:12px;background:#fff;border:0;border-radius:999px;padding:10px 12px;font-weight:700;cursor:pointer;}'
      + '.lb-close .mut{font-weight:400;opacity:.7;margin-left:.25em;}'
      + '.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(255,255,255,.92);border:0;border-radius:999px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;font-weight:700;}'
      + '.lb-prev{left:12px;} .lb-next{right:12px;} .lb-nav:active{transform:translateY(-50%) scale(.97);}'
      + '.lb-hint{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(0,0,0,.55);color:#fff;padding:12px 14px;border-radius:8px;font-size:14px;text-align:center;pointer-events:none;}'
      + '.lb-hint.hide{opacity:0;transition:.25s ease;}'
      + '@media(max-width:768px){.lb-img{max-height:65vh}.lb-close{top:8px;right:8px}}';
    var st = document.createElement('style');
    st.id = 'lb-style';
    st.type = 'text/css';
    if (st.styleSheet) { st.styleSheet.cssText = css; } else { st.appendChild(document.createTextNode(css)); }
    (document.head || document.getElementsByTagName('head')[0]).appendChild(st);
  }

  // --- DOM構築
  var backdrop = document.createElement('div');
  backdrop.className = 'lb-backdrop';
  backdrop.setAttribute('role','dialog');
  backdrop.setAttribute('aria-modal','true');
  backdrop.setAttribute('aria-label','画像プレビュー');
  backdrop.tabIndex = -1;

  var inner = document.createElement('div');
  inner.className = 'lb-inner';

  var btnClose = document.createElement('button');
  btnClose.type = 'button';
  btnClose.className = 'lb-close';
  btnClose.innerHTML = '× 閉じる <span class="mut">(Esc)</span>';

  var btnPrev = document.createElement('button');
  btnPrev.type = 'button'; btnPrev.className = 'lb-nav lb-prev'; btnPrev.setAttribute('aria-label','前の画像'); btnPrev.textContent = '‹';

  var btnNext = document.createElement('button');
  btnNext.type = 'button'; btnNext.className = 'lb-nav lb-next'; btnNext.setAttribute('aria-label','次の画像'); btnNext.textContent = '›';

  var img = document.createElement('img');
  img.className = 'lb-img'; img.alt = '';

  var cap = document.createElement('div');
  cap.className = 'lb-cap';

  inner.appendChild(btnClose);
  inner.appendChild(btnPrev);
  inner.appendChild(btnNext);
  inner.appendChild(img);
  inner.appendChild(cap);
  backdrop.appendChild(inner);
  document.body.appendChild(backdrop);

  // --- 画像リスト（導入事例内）
  var nodes = $all('#gallery article.card img');
  if(!nodes.length){ nodes = $all('#gallery img'); }
  var current = -1;
  var lastFocus = null;

  function getCaption(n){
    // 1) img の data-caption 最優先
    var c = n.getAttribute('data-caption');
    if (c && c.replace(/\s+/g,'')) return c;
    // 2) 近傍（同カード）から拾う：data-caption/data-note/data-message or 汎用セレクタ
    var card = n.closest ? n.closest('article, figure, .card, .item, .entry') : null;
    if (card){
      var el = card.querySelector('[data-caption],[data-note],[data-message],.message,.note,.caption,.desc,figcaption,[itemprop=description]');
      if (el){
        var txt = (el.getAttribute && (el.getAttribute('data-caption')||el.getAttribute('data-note')||el.getAttribute('data-message'))) || el.textContent || '';
        txt = (txt||'').replace(/\s+/g,' ').trim();
        if (txt) return txt;
      }
    }
    // 3) 祖先に data-caption 相当があれば
    var p = n.parentNode;
    while(p && p !== document.body){
      if (p.getAttribute){
        var pc = p.getAttribute('data-caption') || p.getAttribute('data-note') || p.getAttribute('data-message');
        if (pc && pc.replace(/\s+/g,'')) return pc;
      }
      p = p.parentNode;
    }
    // 4) alt は最後の手段（プレースホルダ的な alt は無視）
    var a = n.getAttribute('alt') || '';
    if (/導入事例/.test(a)) a = '';
    return a;
  }

  function showHintOnce(){
    try { if (localStorage.getItem('lbHintSeenV5') === '1') return; } catch(_){}
    var hint = document.createElement('div');
    hint.className = 'lb-hint';
    var isMobile = /iPhone|Android.+Mobile/.test(navigator.userAgent);
    hint.textContent = isMobile
      ? '左右スワイプ：前後移動　外側タップ：閉じる'
      : 'マウス：左右クリック／ドラッグ　←/→：前後　Esc：閉じる';
    inner.appendChild(hint);
    setTimeout(function(){
      hint.className += ' hide';
      setTimeout(function(){ if(hint.parentNode) hint.parentNode.removeChild(hint); }, 280);
    }, 2200);
    try { localStorage.setItem('lbHintSeenV5','1'); } catch(_){}
  }

  function preloadNeighbors(i){
    function preload(n){ if(!n) return; var u=(typeof getFullSrc==='function')?getFullSrc(n):(n.getAttribute('data-full')||n.getAttribute('src')); if(!u) return; var im=new Image(); im.src=u; }
    if (i+1 < nodes.length) preload(nodes[i+1]);
    if (i-1 >= 0)          preload(nodes[i-1]);
  }

  function openAt(idx, dir){
    if(idx < 0 || idx >= nodes.length){ return; }
    current = idx;
    var n = nodes[idx];
    var u = (typeof getFullSrc === 'function') ? getFullSrc(n) : (n.getAttribute('data-full') || n.getAttribute('src'));
    // 入れ替えアニメーション（方向あり）
    if (typeof dir === 'number') {
      img.style.transition = 'none';
      img.style.opacity = '0';
      img.style.transform = 'translateX(' + (dir*60) + 'px)';
      setTimeout(function(){
        img.src = u;
        img.alt = n.getAttribute('alt') || '';
        cap.textContent = getCaption(n);
        requestAnimationFrame(function(){
          img.style.transition = 'transform .18s ease, opacity .18s ease';
          img.style.transform = 'translateX(0)';
          img.style.opacity = '1';
        });
      }, 0);
    } else {
      img.src = u;
      img.alt = n.getAttribute('alt') || '';
      cap.textContent = getCaption(n);
    }

    document.documentElement.style.overflow = 'hidden';
    backdrop.className = 'lb-backdrop is-open';
    try{ btnClose.focus(); }catch(_){}
    showHintOnce();
    preloadNeighbors(idx);
  }

  function close(){
    backdrop.className = 'lb-backdrop';
    document.documentElement.style.overflow = '';
    try{ if(lastFocus && lastFocus.focus){ lastFocus.focus(); } }catch(_){}
    current = -1;
  }

  // --- 操作
  on(backdrop, 'click', function(ev){
    var t = ev.target || ev.srcElement;
    if (t === backdrop) { close(); }
  });
  on(btnClose, 'click', function(){ close(); });

  // 左右ボタン & 外側左右クリック
  on(btnPrev, 'click', function(e){ if(current>0){ openAt(current-1, -1); } });
  on(btnNext, 'click', function(e){ if(current>=0 && current<nodes.length-1){ openAt(current+1, +1); } });
  on(inner, 'click', function(e){
    var t = e.target || e.srcElement;
    if (t === img) {
      var rect = img.getBoundingClientRect();
      var mid = rect.left + rect.width/2;
      if (e.clientX < mid) { if(current>0) openAt(current-1, -1); }
      else { if(current<nodes.length-1) openAt(current+1, +1); }
    }
  });

  on(document, 'keydown', function(ev){
    if(backdrop.className.indexOf('is-open') === -1){ return; }
    ev = ev || window.event;
    var k = ev.key || ev.keyCode;
    if(k === 'Escape' || k === 'Esc' || k === 27){
      if(ev.preventDefault) ev.preventDefault(); else ev.returnValue = false;
      close();
    } else if(k === 'ArrowRight' || k === 39){
      if(current >= 0 && current < nodes.length - 1){ openAt(current + 1, +1); }
    } else if(k === 'ArrowLeft' || k === 37){
      if(current > 0){ openAt(current - 1, -1); }
    }
  });

  // --- スワイプ / ドラッグ（スムーズ追従）
  var sx=0, sy=0, t0=0, dragging=false, lastDX=0;
  function startAt(x,y){ sx=x; sy=y; t0=Date.now(); dragging=true; img.style.transition='transform .0s ease'; lastDX=0; }
  function moveAt(x,y){
    if(!dragging) return;
    var dx = x - sx, dy = y - sy;
    var ax = Math.abs(dx), ay = Math.abs(dy);
    if (ax > ay * 1.2) {
      lastDX = dx;
      img.style.transform = 'translateX(' + dx + 'px)';
    }
  }
  function endAt(x,y){
    if(!dragging) return;
    dragging=false;
    var dx = lastDX, ax = Math.abs(dx), dt = Date.now() - t0;
    img.style.transition='transform .18s ease';
    if (dt < 800 && ax > 80) {
      if (dx < 0 && current < nodes.length-1) { openAt(current+1, +1); }
      else if (dx > 0 && current > 0) { openAt(current-1, -1); }
      else { img.style.transform = 'translateX(0)'; }
    } else {
      img.style.transform = 'translateX(0)';
    }
  }

  // touch
  on(backdrop, 'touchstart', function(e){
    if (!e.touches || e.touches.length !== 1) { return; }
    var t = e.touches[0]; startAt(t.clientX, t.clientY);
  });
  on(backdrop, 'touchmove', function(e){
    if (!e.touches || e.touches.length !== 1) { return; }
    var t = e.touches[0]; moveAt(t.clientX, t.clientY);
  });
  on(backdrop, 'touchend', function(e){
    if (!e.changedTouches || e.changedTouches.length !== 1) { return; }
    var t = e.changedTouches[0]; endAt(t.clientX, t.clientY);
  });

  // mouse / pointer (PC)
  on(img, 'mousedown', function(e){
    if (e.button !== 0) return;
    startAt(e.clientX, e.clientY);
    if (e.preventDefault) e.preventDefault(); else e.returnValue = false;
  });
  on(document, 'mousemove', function(e){ if(dragging) moveAt(e.clientX, e.clientY); });
  on(document, 'mouseup', function(e){ if(dragging) endAt(e.clientX, e.clientY); });

  // --- 画像クリック（委譲）
  on(scope, 'click', function(ev){
    var t = ev.target || ev.srcElement;
    if(!t || t.tagName !== 'IMG'){ return; }
    var i, idx = -1;
    for(i=0;i<nodes.length;i++){ if(nodes[i] === t){ idx = i; break; } }
    if(idx === -1){ return; }
    lastFocus = t;
    if(ev.preventDefault) ev.preventDefault(); else ev.returnValue = false;
    openAt(idx);
  });
}


  
  /* -------------------------------
   * Hero motion (reads data-hero-* from .hero#top)
   * ------------------------------- */
  function initHeroMotion(){
    try {
      var el = document.querySelector('section.hero#top');
      if(!el){ return; }

      var ds = el.dataset || {};
      var motion   = (ds.heroMotion   || 'none').toLowerCase();
      var duration = parseInt(ds.heroDuration, 10);
      if(!(duration >= 1 && duration <= 120)) { duration = 18; }
      var scale    = parseFloat(ds.heroScale);
      if(!(scale >= 1.0 && scale <= 2.0)) { scale = 1.15; }
      var overlay  = parseFloat(ds.heroOverlay);
      if(!(overlay >= 0 && overlay <= 0.8)) { overlay = 0; }

      // Respect reduced motion
      if (prefersReduced()) { motion = 'none'; }

      // Apply CSS variables
      try {
        el.style.setProperty('--hero-duration', String(duration) + 's');
        el.style.setProperty('--hero-scale', String(scale));
        el.style.setProperty('--hero-overlay', String(overlay));
      } catch(_){}

      // Remove existing motion-* classes
      var cls = el.className.split(/\s+/);
      for (var k=cls.length-1; k>=0; k--) {
        if (/^motion-/.test(cls[k])) { cls.splice(k,1); }
      }
      el.className = cls.join(' ').trim();

      // Determine axis for panning
      var isHoriz = (motion === 'kb-left' || motion === 'kb-right' || motion === 'kb-alt');
      var isVert  = (motion === 'kb-up'   || motion === 'kb-down');
      var isDiag = (motion === 'kb-diag' || motion === 'tri-pan');

      // Base background
      el.style.backgroundRepeat = 'no-repeat';

      if (motion === 'zoom') {
        // Zoom: animate background-size via keyframes (100% -> 100%*scale)
        el.style.backgroundSize = '100%';
        // keep CSS-defined background-position (do not override)
      } else if (motion !== 'none') {
        // Pan: ensure overscan so movement is visible
        var isSmall = (window.matchMedia && window.matchMedia('(max-width: 640px)').matches);
        var minBoost = isDiag ? (isSmall ? 1.16 : 1.25) : (isSmall ? 1.10 : 1.18); // mobile: softer overscan
        var targetScale = Math.max(scale || 1, minBoost);

        function applySize(imgW, imgH){
          var cw = el.clientWidth || 1, ch = el.clientHeight || 1;
          var cRatio = cw / ch;
          var iRatio = (imgW>0 && imgH>0) ? (imgW/imgH) : cRatio;

          if (isVert && iRatio < cRatio){
            // portrait-ish image inside wider container → boost height
            el.style.backgroundSize = 'auto calc(100% * ' + targetScale + ')';
          } else {
            // default: boost width (covers horizontal/diag)
            el.style.backgroundSize = 'calc(100% * ' + targetScale + ') auto';
          }
          // keep CSS-defined background-position (do not override)
        }

        // Try to read background image URL
        var bg = (el.currentStyle && el.currentStyle.backgroundImage) || (window.getComputedStyle ? getComputedStyle(el).backgroundImage : '');
        var m = /url\((['\"]?)(.*?)\1\)/.exec(bg || '');
        var url = m && m[2] ? m[2] : '';

        // Fallback apply immediately
        applySize(0,0);

        if (url){
          var img = new Image();
          img.onload = function(){ applySize(img.naturalWidth||0, img.naturalHeight||0); };
          img.src = url;
        }
      }

      // Apply motion class
      var map = {
        'none': '',
        'zoom': 'motion-zoom', 'tri-pan': 'motion-tri-pan', 
        'kb-left': 'motion-kb-left',
        'kb-right': 'motion-kb-right',
        'kb-up': 'motion-kb-up',
        'kb-down': 'motion-kb-down',
        'kb-diag': 'motion-kb-diag',
        'kb-alt': 'motion-kb-alt'
      };
      var add = map[motion] || '';
      if (add) {
        el.className = (el.className ? el.className + ' ' : '') + add;
      }
      if (motion === 'tri-pan') {
        try {
          var hasImg = !!(el.querySelector('.hero-img, picture > img, img'));
          if (!hasImg) {
            if ((' ' + el.className + ' ').indexOf(' motion-tri-pan--bg ') === -1) {
              el.className += ' motion-tri-pan--bg';
            }
            var bgZoom = Math.max(106, Math.min(200, Math.round((scale||1)*100)));
            el.style.setProperty('--hero-bg-zoom', String(bgZoom) + '%');
          }
        } catch(_){ /* no-op */ }
      }
    } catch(e){ /* no-op */ }
  }

/* -------------------------------
   * Boot
   * ------------------------------- */
  on(document, 'DOMContentLoaded', function(){
    setAnchorOffset();
    initMobileNav();
    initGlobalDnDGuard();
    initPhotoUploader();
    initAnchorLinks();
    initLightbox();
    initHeroMotion();
  });
  on(window, 'load', setAnchorOffset);
  on(window, 'resize', setAnchorOffset);
})();


// ==== [ADD 2025-09-07] NEWS (layout--cards): show full content initially ====
(function(){
  function initNewsCardsFull(){
    var sec = document.querySelector('#news.layout--cards');
    if(!sec) return;
    var items = sec.querySelectorAll('article.card[data-item]');
    for(var i=0;i<items.length;i++){
      var it = items[i];
      var excerpt = it.querySelector('[data-excerpt]');
      var actions = it.querySelector('[data-inline-actions]');
      var more = it.querySelector('[data-more]');
      // 1) Show full body
      if(more){ more.removeAttribute('hidden'); }
      // 2) Hide excerpt (avoid duplicate text)
      if(excerpt){ try{ excerpt.setAttribute('hidden',''); }catch(_){ excerpt.style.display='none'; } }
      // 3) Hide "続きを読む" button; keep link button
      if(actions){
        var moreBtn = actions.querySelector('[data-toggle="more"]');
        if(moreBtn){ moreBtn.style.display='none'; }
        // 4) Move link button under the body (after [data-more])
        var linkBtn = actions.querySelector('a.btn-link, a.btn.btn-link');
        if(linkBtn && more && linkBtn.parentNode){
          try{ linkBtn.parentNode.removeChild(linkBtn); }catch(_){}
          more.insertAdjacentElement('afterend', linkBtn);
          try{ linkBtn.classList.add('after-more'); }catch(_){}
        }
      }
      // 5) Remove right padding space reserved for actions
      try{ it.style.setProperty('--actionsw','0px'); }catch(_){}
    }
  }
  if(document.readyState === 'loading'){
    document.addEventListener('DOMContentLoaded', initNewsCardsFull);
  }else{
    initNewsCardsFull();
  }
})();
// ==== [ADD] NEWS: Read-more toggle (delegated, safe) ====
(function(){
  const CLOSE_OTHERS = true;
  document.addEventListener('click', function(ev){
    const btn = ev.target.closest('[data-toggle="more"]');
    if(!btn) return;
    const item = btn.closest('#news [data-item]');
    if(!item) return;
    const panel = item.querySelector('[data-more]');
    if(!panel) return;

    const isOpen = !panel.hasAttribute('hidden');

    // Close others
    if(CLOSE_OTHERS){
      const sec = item.closest('section#news');
      if(sec){
        sec.querySelectorAll('[data-more]:not([hidden])').forEach(el=>{
          if(el!==panel){ el.setAttribute('hidden',''); }
        });
        sec.querySelectorAll('[data-toggle="more"][aria-expanded="true"]').forEach(b=>{
          if(b!==btn){ b.setAttribute('aria-expanded','false'); b.textContent='続きを読む'; }
        });
      }
    }

    if(isOpen){
      panel.setAttribute('hidden','');
      item.querySelectorAll('[data-toggle="more"]').forEach(b=>{
        b.setAttribute('aria-expanded','false');
        b.textContent='続きを読む';
      });
    }else{
      panel.removeAttribute('hidden');
      item.querySelectorAll('[data-toggle="more"]').forEach(b=>{
        b.setAttribute('aria-expanded','true');
        b.textContent='短くする';
      });
      panel.scrollIntoView({behavior:'smooth', block:'nearest'});
    }
  });

  // Auto-hide button when excerpt is not clamped
  window.addEventListener('load', function(){
    document.querySelectorAll('#news [data-excerpt]').forEach(p=>{
      const btn = (p.parentElement && p.parentElement.querySelector('[data-inline-actions] [data-toggle="more"]')) || p.querySelector('[data-toggle="more"]');
      if(!btn) return;
      // give layout a tick
      const over = p.scrollHeight - 1 > p.clientHeight;
      if(!over){ btn.style.display='none'; }
    });
  });
})();


/* ==== [PATCH: expand-thumb LIST] ==== */
document.addEventListener('DOMContentLoaded', function(){
  try{
    var root = document.getElementById('news');
    if(!root) return;
    // 初期同期
    root.querySelectorAll('[data-toggle="more"]').forEach(function(btn){
      var article = btn.closest('article.card');
      if(!article) return;
      var expanded = btn.getAttribute('aria-expanded') === 'true';
      article.classList.toggle('is-thumb-expanded', expanded);
    });
    // クリック後に既存処理の後で同期
    root.addEventListener('click', function(ev){
      var btn = ev.target.closest('[data-toggle="more"]');
      if(!btn) return;
      setTimeout(function(){
        var article = btn.closest('article.card');
        if(!article) return;
        var expanded = btn.getAttribute('aria-expanded') === 'true';
        article.classList.toggle('is-thumb-expanded', expanded);
      }, 0);
    });
  }catch(_){}
});
/* ==== [PATCH: expand-thumb LIST] ==== */ // end


/* === [SWAP STEP1 2025-09-09] #news expand state without :has() ===
   - Adds .is-expanded to <article> when its [data-more] loses/gets the 'hidden' attribute.
   - Non-invasive: doesn't touch existing toggle logic; uses MutationObserver and initial sync.
*/
(function(){
  try{
    var root = document.querySelector('#news');
    if(!root) return;

    function syncArticle(article){
      if(!article) return;
      var more = article.querySelector('[data-more]');
      if(!more) return;
      var expanded = !more.hasAttribute('hidden');
      if(expanded){
        article.classList.add('is-expanded');
      }else{
        article.classList.remove('is-expanded');
      }
    }

    // Initial sync for currently visible state
    root.querySelectorAll('article.card').forEach(function(a){ syncArticle(a); });

    // Observe [data-more] hidden attribute changes
    var obs = new MutationObserver(function(muts){
      muts.forEach(function(m){
        if(m.type === 'attributes' && m.attributeName === 'hidden'){
          var more = m.target;
          if(!(more && more.closest)) return;
          var art = more.closest('article');
          if(art && art.closest('#news')) syncArticle(art);
        }
      });
    });
    root.querySelectorAll('[data-more]').forEach(function(m){
      obs.observe(m, { attributes:true, attributeFilter:['hidden'] });
    });

    // Optional: listen for dynamically added articles/more blocks (if any future code injects them)
    var ro = new MutationObserver(function(muts){
      muts.forEach(function(m){
        m.addedNodes && m.addedNodes.forEach(function(node){
          if(!(node instanceof Element)) return;
          if(node.matches && node.matches('article.card')){
            syncArticle(node);
            var more = node.querySelector('[data-more]');
            if(more) obs.observe(more, { attributes:true, attributeFilter:['hidden'] });
          }else{
            node.querySelectorAll && node.querySelectorAll('article.card').forEach(function(a){
              syncArticle(a);
              var more2 = a.querySelector('[data-more]');
              if(more2) obs.observe(more2, { attributes:true, attributeFilter:['hidden'] });
            });
          }
        });
      });
    });
    ro.observe(root, { childList:true, subtree:true });
  }catch(e){
    console && console.warn && console.warn('[SWAP STEP1] expand-state init error:', e);
  }
})();
/* === [/SWAP STEP1] === */



(function(){
  'use strict';
  var S1 = [{"slug":"features","layout":"compact","tokens":["opt-title-2","opt-excerpt-3","opt-thumb-16x9"]},{"slug":"use-cases","layout":"list","tokens":["opt-title-2","opt-excerpt-3","opt-thumb-16x9"]},{"slug":"photo","layout":"list","tokens":["opt-title-2","opt-excerpt-3","opt-thumb-16x9"]},{"slug":"contact","layout":"list","tokens":["opt-title-2","opt-excerpt-3","opt-thumb-16x9"]}];
  if (!Array.isArray(S1) || S1.length === 0) return;

  function byId(id){ return document.getElementById(id); }
  function removeLayoutClasses(el){
    if(!el) return;
    var cls = el.className || '';
    if(!cls) return;
    el.className = cls.replace(/\blayout--\S+/g, '').trim();
  }
  function applyTokens(el, tokens){
    if(!el || !tokens) return;
    for (var i=0;i<tokens.length;i++){ el.classList.add(tokens[i]); }
  }

  function reorder(){
  var footer = document.querySelector('footer');
  var parent = footer ? footer.parentNode : document.body;

  // Helper: remove all opt-* classes except opt-divider; always remove opt-thumbw-*
  function cleanupTokens(el){
    if (!el) return { removed: [] };
    var removed = [];
    var stay = [];
    el.classList.forEach(function(cls){
      if (/^opt-thumbw-/.test(cls)) { removed.push(cls); return; }
      if (/^opt-/.test(cls) && cls !== 'opt-divider') { removed.push(cls); return; }
      stay.push(cls);
    });
    if (removed.length){
      el.className = stay.join(' ');
    }
    // inline CSS var (--thumbw) を削除（後勝ち回避）
    try { el.style.removeProperty('--thumbw'); } catch(e){}
    return { removed: removed };
  }

  // Dev flag (from PHP env)
  var DEV = (typeof window !== 'undefined' && window.__A2 && window.__A2.ENV === 'dev');

  S1.forEach(function(s){
    var el = document.getElementById(s.slug);
    if(!el) return;
    // 既存layout--*を剥がす
    var cls = el.className || '';
    el.className = cls.replace(/\blayout--\S+/g, '').trim();

    // 既存トークンをクリーン（opt-*除去、--thumbw除去）
    var info = cleanupTokens(el);

    // 新しいレイアウトと許可済みトークンのみ再付与
    el.classList.add('layout--' + (s.layout || 'cards'));
    (s.tokens || []).forEach(function(tok){ el.classList.add(tok); });

    // 再配置（<footer>の直前）
    if (footer && parent) { parent.insertBefore(el, footer); }

    if (DEV && info.removed && info.removed.length){
      console.warn('[S1.1] Removed tokens@%s:', s.slug, info.removed);
    }
  });
}


  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', reorder); } else { reorder(); }
})();
// === [/S1] =========================================================================


/* Copy on click for asset panel ID/URL */
document.addEventListener('click', function(e){
  const t = e.target;
  if(t && t.classList && t.classList.contains('copy-on-click')){
    t.select && t.select();
    const val = t.value || t.getAttribute('value') || '';
    if(val){
      navigator.clipboard && navigator.clipboard.writeText(val).then(()=>{
        t.classList.add('copied');
        setTimeout(()=> t.classList.remove('copied'), 800);
      }).catch(()=>{});
    }
  }
});


/* =========================================================
 * RA: Admin copy actions (.copy-id / .copy-img)
 * - 最小差分：公開側へは影響しない（<body data-admin> のみで有効）
 * - 単一点配線：captureフェーズで委譲（動的追加にも追従）
 * - 画像コピーは ClipboardItem→失敗時URLコピーへ自動フォールバック
 * - IDコピーは writeText→失敗時 execCommand('copy') フォールバック
 * ========================================================= */
(function(){
  'use strict';
  try {
    if (!document || !document.body || !document.body.hasAttribute('data-admin')) return;

    // load flags (console確認用)
    window.__RA_COPY_ID_V1__  = true;
    window.__RA_COPY_IMG_V4__ = true;

    function copyText(text){
      // Secure Contextでは clipboard.writeText を優先
      try {
        if (navigator.clipboard && navigator.clipboard.writeText) {
          return navigator.clipboard.writeText(String(text));
        }
      } catch(_) {}
      // 非HTTPS等では execCommand フォールバック
      return new Promise(function(resolve, reject){
        var ta = document.createElement('textarea');
        ta.value = String(text);
        ta.setAttribute('readonly', 'readonly');
        ta.style.position = 'fixed';
        ta.style.left = '-9999px';
        ta.style.fontSize = '12px';
        document.body.appendChild(ta);
        ta.select();
        try {
          var ok = document.execCommand && document.execCommand('copy');
          document.body.removeChild(ta);
          ok ? resolve() : reject(new Error('execCommand failed'));
        } catch(e){
          document.body.removeChild(ta);
          reject(e);
        }
      });
    }

    function closest(el, sel){
      if (!el) return null;
      if (el.closest) return el.closest(sel);
      // 超簡易フォールバック（親を遡るだけ）
      var node = el;
      while (node && node.nodeType === 1){
        // querySelectorAllを使わず classNameベース簡易判定（.foo のみ想定）
        if (sel.charAt(0) === '.' && (' '+node.className+' ').indexOf(' '+sel.slice(1)+' ') > -1) return node;
        node = node.parentNode;
      }
      return null;
    }

    function findIdFrom(el){
      var idBtn = closest(el, '.copy-id');
      if (idBtn){
        if (idBtn.dataset && idBtn.dataset.id) return idBtn.dataset.id;
        // 近傍の media.php?id= 探索
        var scope = closest(idBtn, 'li') || closest(idBtn, '.card') || closest(idBtn, '.asset') || document;
        var a = scope.querySelector ? scope.querySelector('a[href*="media.php?id="]') : null;
        if (a){
          var m = (a.href||'').match(/[?&]id=(\d+)/);
          if (m) return m[1];
        }
        // テキストから "ID : 53" を抽出
        var txt = idBtn.textContent || '';
        var m2 = txt.match(/\bID\s*[:：]\s*(\d+)\b/);
        if (m2) return m2[1];
      }
      return null;
    }

    function fetchBlob(url){
      return fetch(url, { credentials: 'same-origin', cache: 'no-cache' })
        .then(function(r){ if(!r.ok) throw new Error('fetch '+r.status); return r.blob(); });
    }

    function copyImage(url){
      var nav = navigator;
      if (nav.clipboard && nav.clipboard.write && window.ClipboardItem){
        return fetchBlob(url).then(function(blob){
          var type = blob.type || 'image/png';
          var item = new ClipboardItem( (function(o){ o[type]=blob; return o; })({}) );
          return nav.clipboard.write([item]);
        });
      }
      // フォールバック：URL文字列コピー
      return copyText(url);
    }

    document.addEventListener('click', function(ev){
      var t = ev.target;
      if (!t) return;

      // --- IDコピー ---
      var idBtn = closest(t, '.copy-id');
      if (idBtn){
        var id = findIdFrom(t);
        if (!id){ console.warn('[copy-id] id not found'); return; }
        copyText(String(id))
          .then(function(){
            if (idBtn.classList){ idBtn.classList.add('ok'); setTimeout(function(){ idBtn.classList.remove('ok'); }, 420); }
          })
          .catch(function(e){ console.warn('[copy-id] failed', e); });
        return;
      }

      // --- 画像コピー ---
      var imgBtn = closest(t, '.copy-img');
      if (imgBtn){
        var scope = closest(imgBtn, 'li') || closest(imgBtn, '.card') || closest(imgBtn, '.asset') || document;
        var img = scope && scope.querySelector ? scope.querySelector('img') : null;
        var src = img && (img.getAttribute('data-src') || img.src);
        if (!src){
          var a = scope && scope.querySelector ? scope.querySelector('a[href*="media.php?id="]') : null;
          if (a) src = a.href;
        }
        if (!src){ console.warn('[copy-img] src not found'); return; }

        // captureフェーズ内で即実行し user activation を保持
        copyImage(src)
          .then(function(){
            if (imgBtn.classList){ imgBtn.classList.add('ok'); setTimeout(function(){ imgBtn.classList.remove('ok'); }, 420); }
          })
          .catch(function(e){
            console.warn('[copy-img] image copy failed -> URL fallback', e);
            return copyText(src);
          })
          .catch(function(e){ console.warn('[copy-img] failed', e); });
      }
    }, true); // capture
  } catch(e){
    console.warn('[admin-actions] init failed', e);
  }
})();