/* Add custom JS code below */ 
(function(){
  if(!document.body.classList.contains('product-single')) return;

  var ar = document.documentElement.lang.includes('ar') || document.documentElement.dir === 'rtl' || location.pathname.includes('/ar');

  document.head.insertAdjacentHTML('beforeend',`
    <style>
      .tr2-acc{
        margin:18px 0;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
      }

      .tr2-acc + .tr2-acc{
        margin-top:-18px;
        border-top:0;
      }

      .tr2-title{
        padding:16px 0;
        cursor:pointer;
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:15px;
        color:#111;
      }

      .tr2-title:after{
        content:"+";
        font-size:22px;
        line-height:1;
      }

      .tr2-acc.open .tr2-title:after{
        content:"−";
      }

      .tr2-content{
        display:none;
        padding:0 0 18px;
        font-size:14px;
        line-height:1.8;
        color:#555;
      }

      .tr2-acc.open .tr2-content{
        display:block;
      }

      .tr2-ar,
      .tr2-ar *{
        direction:rtl!important;
        text-align:right!important;
      }

      .tr2-en,
      .tr2-en *{
        direction:ltr!important;
        text-align:left!important;
      }

      .tr2-content .article{
        max-height:none!important;
        overflow:visible!important;
        padding:0!important;
      }

      .tr2-content #btn-show-more,
      .tr2-content .link--primary{
        display:none!important;
      }

      .tr2-content .product__description,
      .tr2-content salla-product-options{
        display:block!important;
      }

      .tr2-content .s-product-options-option-label{
        margin-bottom:10px!important;
      }

      .tr2-content .s-product-options-grid-mode{
        display:flex!important;
        flex-wrap:wrap!important;
        gap:8px!important;
      }

      .tr2-content .s-product-options-grid-mode-span{
        border:1px solid #ddd!important;
        border-radius:4px!important;
        min-width:48px!important;
        height:38px!important;
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        padding:0 12px!important;
        background:#fff!important;
        color:#111!important;
      }

      .tr2-content input:checked + .s-product-options-grid-mode-span{
        background:#111!important;
        color:#fff!important;
        border-color:#111!important;
      }
    </style>
  `);

  function wrap(el,title){
    if(!el || el.closest('.tr2-content')) return null;

    el.style.setProperty('display','block','important');

    el.querySelectorAll('.article').forEach(function(a){
      a.style.setProperty('max-height','none','important');
      a.style.setProperty('overflow','visible','important');
    });

    var acc = document.createElement('div');
    acc.className = 'tr2-acc ' + (ar ? 'tr2-ar' : 'tr2-en');
    acc.innerHTML = '<div class="tr2-title">'+title+'</div><div class="tr2-content"></div>';

    el.parentNode.insertBefore(acc,el);
    acc.querySelector('.tr2-content').appendChild(el);

    acc.querySelector('.tr2-title').onclick = function(){
      acc.classList.toggle('open');
    };

    return acc;
  }

  function emptyAcc(title, afterAcc){
    if(document.querySelector('.tr2-features')) return;

    var acc = document.createElement('div');
    acc.className = 'tr2-acc tr2-features ' + (ar ? 'tr2-ar' : 'tr2-en');
    acc.innerHTML = '<div class="tr2-title">'+title+'</div><div class="tr2-content"></div>';

    acc.querySelector('.tr2-title').onclick = function(){
      acc.classList.toggle('open');
    };

    afterAcc.parentNode.insertBefore(acc, afterAcc.nextSibling);
  }

  function run(){
    wrap(document.querySelector('.product__description'), ar ? 'وصف المنتج' : 'Product Description');

    var sizesAcc = wrap(
      document.querySelector('salla-product-options.s-product-options-wrapper, salla-product-options[product-id]'),
      ar ? 'مقاسات المنتج' : 'Product Sizes'
    );

    if(sizesAcc){
      emptyAcc(ar ? 'مميزات المتجر' : 'Store Features', sizesAcc);
    }
  }

  function start(){
    run();

    var obs = new MutationObserver(run);
    obs.observe(document.body,{childList:true,subtree:true});
  }

  document.readyState === 'loading'
    ? document.addEventListener('DOMContentLoaded',start)
    : start();
})();

document.addEventListener("DOMContentLoaded", function () {
  const footer = document.querySelector(".store-footer.art-store-footer");
  const badge = footer?.querySelector(".s-trust-badges-wrapper");
  const copyright = footer?.querySelector(".copyright-text");
  const copyrightText = copyright?.querySelector("p");

  if (footer && badge && copyright && copyrightText) {
    copyright.insertBefore(badge, copyrightText);
  }
});