<style>
#copyPopupNotice button,
#copyPopupNotice #closePopup {
  transition: opacity 0.3s ease;
}

#copyPopupNotice button:hover,
#copyPopupNotice #closePopup:hover {
  opacity: 0.75;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', () => {

  document.addEventListener('copy', function () {

  // თუ popup უკვე გახსნილია – აღარ გავხსნათ მეორედ
  if (document.getElementById('copyPopupNotice')) return;

  const overlay = document.createElement('div');
  overlay.id = 'copyPopupNotice';
  overlay.style.cssText = `
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,0.4);
  `;

  overlay.innerHTML = `
  <div style="
  width:440px;
  background:#fff;
  border-radius:6px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,0.4);
  font-family:Arial,sans-serif;
  ">

  <!-- HEADER -->
  <div style="
  background:#000;
  color:#fff;
  padding:12px 16px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:bold;
  ">
  <div>⚠️ ყურადღება</div>
  <span id="closePopup" style="
  cursor:pointer;
  background:#d80000;
  color:#fff;
  padding:4px 12px;
  border-radius:999px;
  font-size:12px;
  ">დახურვა</span>
  </div>

  <!-- BODY -->
  <div style="
  padding:18px;
  font-size:14px;
  line-height:1.6;
  color:#222;
  ">
  თქვენ დაკოპირეთ კონტენტი.
  <div style="height:2px;background:#ff0000;margin:10px 0;"></div>
  გთხოვთ მიუთითოთ წყარო: <b>ISWAVLEMETI.COM</b>
  </div>

  <!-- FOOTER -->
  <div style="
  background:#f1f1f1;
  padding:12px 16px;
  text-align:center;
  ">
  <button id="okPopup" style="
  background:#3498db;
  color:#fff;
  border:none;
  padding:7px 18px;
  border-radius:4px;
  cursor:pointer;
  ">კარგი</button>
  </div>

  </div>
  `;

  document.body.appendChild(overlay);

  const closePopup = () => overlay.remove();
  overlay.querySelector('#closePopup').onclick = closePopup;
  overlay.querySelector('#okPopup').onclick = closePopup;

  });

});
</script>