/* =====================================================================
   BORDER LIGHT — dönen kenar ışığı efekti  (OPSIYONEL)
   =====================================================================
   Herhangi bir karta  class="... border-light"  eklenince çalışır.
   Işık, kartın --c renginde kenar boyunca sürekli döner (sonsuz).

   Gereksinimler (tüm kart tiplerinde zaten var):
     - kart position: relative
     - kartta bir border-radius
     - kartta style="--c: #hex"

   Admin panelinde "bu kartta border light olsun mu?" =
     evet  -> class listesine  border-light  ekle
     hayır -> kaldır
   Hız: .border-light { --bl-speed: 3s }  (kart bazında da geçersiz kılınabilir)
   ===================================================================== */

@property --bl-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.border-light {
  --bl-speed: 3s;
  box-shadow: 0 0 26px -8px color-mix(in srgb, var(--c) 42%, transparent);
}

.border-light::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  border-radius: inherit;
  padding: 1.6px;
  background: conic-gradient(
    from var(--bl-angle, 0deg),
    transparent 0deg,
    transparent 250deg,
    color-mix(in srgb, var(--c) 22%, transparent) 296deg,
    var(--c) 334deg,
    #ffffff 352deg,
    var(--c) 360deg
  );
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  animation: bl-spin var(--bl-speed) linear infinite;
}

@keyframes bl-spin {
  to { --bl-angle: 360deg; }
}