/* enver.tr — başlık ışık efekti (site + panel önizlemesi). Panel: Marka ve Görünüm → Başlık ışık efekti */
.hfx{--fx-dur:7s;--fx-mix:100%;--fx-k:1;--fx-w0:4%;--fx-w:calc(var(--fx-w0) * var(--fx-k));--fx-iter:infinite;--fx-band:var(--accent)}
/* Bant genişliği yöne göre: dikeyde satır yüksekliğinin yarısı kadar, yatayda kelime genişliği kadar */
.hfx-right{--fx-w0:2.5%}.hfx-diagonal{--fx-w0:3%}
.hfx-s-fast{--fx-dur:5s}.hfx-s-slow{--fx-dur:10s}
.hfx-i-soft{--fx-mix:60%;--fx-k:.75}.hfx-i-strong{--fx-k:1.6}
.hfx-c-light{--fx-band:var(--accent-text)}.hfx-c-white{--fx-band:#fff}
.hfx-r-three{--fx-iter:3}.hfx-r-once{--fx-iter:1}
.hfx .fx-l1{--fx-base:var(--text)}
.hfx .fx-l2{--fx-base:var(--muted)}
.hfx .dot{color:var(--accent);-webkit-text-fill-color:var(--accent)}

/* Hangi satırlara uygulanır */
.hfx-t-line2 .fx-l2,.hfx-t-all .fx-l1,.hfx-t-all .fx-l2{display:block}
/* Harf kuyrukları (ç, ş, ğ, y) ve noktalar (İ) metnin kutusundan taşar; boyalı alan bunları da kapsasın */
.hfx-t-line2 .fx-l2,.hfx-t-all .fx-l1,.hfx-t-all .fx-l2{padding:.1em 0 .16em;margin:-.1em 0 -.16em}

/* Işık bandı (yukarıdan aşağı / aşağıdan yukarı / soldan sağa / çapraz) */
.hfx:not(.hfx-glow):is(.hfx-t-line2) .fx-l2,
.hfx:not(.hfx-glow):is(.hfx-t-all) :is(.fx-l1,.fx-l2){
  --fx-c:color-mix(in srgb,var(--fx-band) var(--fx-mix),var(--fx-base));
  background-image:linear-gradient(var(--fx-dir,180deg),var(--fx-base) 0%,var(--fx-base) calc(50% - var(--fx-w) * 2),var(--fx-c) calc(50% - var(--fx-w) / 2),var(--fx-c) calc(50% + var(--fx-w) / 2),var(--fx-base) calc(50% + var(--fx-w) * 2),var(--fx-base) 100%);
  background-size:100% 300%;background-position:0 100%;background-repeat:no-repeat;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--fx-base);
  animation:hfx-down var(--fx-dur) cubic-bezier(.45,0,.25,1) .5s var(--fx-iter) both;
}
.hfx-up{--fx-dir:180deg}
.hfx.hfx-up:is(.hfx-t-line2) .fx-l2,.hfx.hfx-up:is(.hfx-t-all) :is(.fx-l1,.fx-l2){background-position:0 0;animation-name:hfx-up}
.hfx-right{--fx-dir:90deg}
.hfx.hfx-right:is(.hfx-t-line2) .fx-l2,.hfx.hfx-right:is(.hfx-t-all) :is(.fx-l1,.fx-l2){background-size:300% 100%;background-position:100% 0;animation-name:hfx-right}
.hfx-diagonal{--fx-dir:120deg}
.hfx.hfx-diagonal:is(.hfx-t-line2) .fx-l2,.hfx.hfx-diagonal:is(.hfx-t-all) :is(.fx-l1,.fx-l2){background-size:300% 300%;background-position:100% 100%;animation-name:hfx-diag}
@keyframes hfx-down{0%{background-position:0 100%}35%,100%{background-position:0 0}}
@keyframes hfx-up{0%{background-position:0 0}35%,100%{background-position:0 100%}}
@keyframes hfx-right{0%{background-position:100% 0}35%,100%{background-position:0 0}}
@keyframes hfx-diag{0%{background-position:100% 100%}40%,100%{background-position:0 0}}

/* Nefes alan parıltı */
.hfx-glow:is(.hfx-t-line2) .fx-l2,.hfx-glow:is(.hfx-t-all) :is(.fx-l1,.fx-l2){
  color:var(--fx-base);animation:hfx-glow var(--fx-dur) ease-in-out .5s var(--fx-iter) both;
}
@keyframes hfx-glow{
  0%,70%,100%{color:var(--fx-base);text-shadow:0 0 0 transparent}
  35%{color:color-mix(in srgb,var(--fx-band) var(--fx-mix),var(--fx-base));text-shadow:0 0 calc(22px * var(--fx-k)) color-mix(in srgb,var(--fx-band) 45%,transparent)}
}

/* Işık efektleri kapalıysa veya ziyaretçi hareketi azalttıysa düz başlık */
body.fx-off .hfx .fx-l1,body.fx-off .hfx .fx-l2{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--fx-base)!important;text-shadow:none!important}
@media (prefers-reduced-motion:reduce){
  .hfx .fx-l1,.hfx .fx-l2{animation:none!important;background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--fx-base)!important;text-shadow:none!important}
}