Smeđi kraft papir

#brxe-468af3 .jet-radio-list__item.is-checked .jet-radio-list__checked-icon,
#brxe-468af3 .jet-checkboxes-list__item.is-checked .jet-checkboxes-list__checked-icon {
  opacity: 1 !important;
  visibility: visible !important;
}

(function () {
  function initPopupFilterStateSync() {
    const modal = document.querySelector('#brxe-468af3');
    if (!modal) return;

    const trigger = document.querySelector('#brxe-6377e8');

    function modalIsOpen() {
      return modal.classList.contains('x-modal_open') || modal.getAttribute('aria-hidden') === 'false';
    }

    function getUrlState() {
      const url = new URL(window.location.href);
      const qs = url.searchParams.toString().toLowerCase();

      return {
        instock:
          qs.includes('instock') ||
          url.searchParams.get('stock_status') === 'instock' ||
          url.searchParams.get('_stock_status') === 'instock' ||
          url.searchParams.get('__stock_status') === 'instock',

        sale:
          qs.includes('_sale_price') ||
          qs.includes('sale_price') ||
          qs.includes('sale') ||
          url.searchParams.has('_sale_price')
      };
    }

    function syncPopupInputs() {
      const popup = modal.querySelector('.x-modal_content, .x-modal-content, .x-modal_container');
      if (!popup) return;

      const state = getUrlState();

      popup.querySelectorAll('.jet-radio-list__item, .jet-checkboxes-list__item').forEach(function (item) {
        const input = item.querySelector('input[type="radio"], input[type="checkbox"]');
        if (!input) return;

        const itemText = (item.textContent || '').toLowerCase().trim();
        const value = (input.value || '').toLowerCase().trim();
        const name = (input.name || '').toLowerCase().trim();

        let shouldCheck = null;

        /* Dostupno odmah */
        if (
          value === 'instock' ||
          name === 'stock_status' ||
          name === '_stock_status' ||
          name === '__stock_status' ||
          itemText.includes('dostupno odmah')
        ) {
          shouldCheck = state.instock;
        }

        /* Akcije i popusti */
        else if (
          name.includes('_sale_price') ||
          name.includes('sale_price') ||
          itemText.includes('akcije i popusti') ||
          itemText.includes('akcija') ||
          itemText.includes('popust')
        ) {
          shouldCheck = state.sale;
        }

        /* diraj samo targetirane filtere */
        if (shouldCheck !== null) {
          input.checked = shouldCheck;
          item.classList.toggle('is-checked', shouldCheck);
        }
      });
    }

    function runSyncBurst() {
      syncPopupInputs();
      setTimeout(syncPopupInputs, 60);
      setTimeout(syncPopupInputs, 180);
      setTimeout(syncPopupInputs, 400);
      setTimeout(syncPopupInputs, 800);
    }

    function runIfOpen() {
      if (modalIsOpen()) runSyncBurst();
    }

    /* initial */
    runIfOpen();

    /* after full page load - important for cache/deferred JS */
    window.addEventListener('load', runIfOpen);
    window.addEventListener('pageshow', runIfOpen);

    /* when popup trigger is clicked */
    if (trigger) {
      trigger.addEventListener('click', function () {
        setTimeout(runIfOpen, 30);
        setTimeout(runIfOpen, 150);
        setTimeout(runIfOpen, 350);
      });
    }

    /* when modal open state changes */
    const observer = new MutationObserver(function () {
      runIfOpen();
    });

    observer.observe(modal, {
      attributes: true,
      attributeFilter: ['class', 'aria-hidden']
    });

    /* Jet refresh */
    document.addEventListener('jet-filter-content-rendered', function () {
      setTimeout(runIfOpen, 80);
    });

    document.addEventListener('jet-smart-filters/inited', function () {
      setTimeout(runIfOpen, 80);
    });

    /* manual changes in popup:
       nemoj odmah agresivno syncati iz URL-a,
       nego samo nakon što Jet stigne odraditi apply/remove */
    document.addEventListener('change', function (e) {
      if (!e.target.closest('#brxe-468af3')) return;
      if (!e.target.matches('input[type="radio"], input[type="checkbox"]')) return;

      setTimeout(syncPopupInputs, 250);
      setTimeout(syncPopupInputs, 500);
    });
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initPopupFilterStateSync);
  } else {
    initPopupFilterStateSync();
  }
})();