/* SİTE RENKLERİ */
:root {
  --ana-arka-plan-rengi: #12091c;
  --navbar-arka-plan-rengi: #09060d;
  --kart-arka-plan-rengi: #1c1226;

  --ana-mor-rengi: #7c3aed;
  --turuncu-vurgu-rengi: #ff9d00;

  --ana-yazi-rengi: #ffffff;
  --soluk-yazi-rengi: #b9adbf;
  --navbar-kenarlik-rengi: rgba(255, 255, 255, 0.08);
}

/* GENEL SAYFA AYARLARI */
* {
  box-sizing: border-box;
}

/* Görsel düzeni değiştirmeden ekran okuyuculara sayfanın ana başlığını sunar. */
.sadece-ekran-okuyucu {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

html {
  min-height: 100%;
}

#ana-govde {
  margin: 0;
  min-height: 100vh;

  background-color: var(--ana-arka-plan-rengi);

  font-family: Arial, Helvetica, sans-serif;
}

#ana-icerik {
  width: 100%;
  min-height: calc(100vh - 74px);
}

/* Giriş yapılmışken WordPress yönetim çubuğunun sabit alanları örtmesini önler. */
@media screen and (min-width: 783px) {
  body.admin-bar #ana-navbar {
    top: 32px;
  }

  body.admin-bar #ana-sidebar {
    top: calc(var(--navbar-yukseklik) + 32px);
  }
}
[hidden] {
  display: none !important;
}

/* Yükleme ekranı olmayan kısa neon sayfa giriş geçişi. */
#helen-acilis-gecisi {
  position: fixed;
  inset: 0;
  z-index: 99999;
  overflow: hidden;
  pointer-events: none;
  animation: helen-acilis-katmanini-kapat .9s steps(1,end) forwards;
}

.helen-acilis-parcasi {
  position: absolute;
  inset: -12%;
  background:
    linear-gradient(135deg, rgba(183,78,242,.2), transparent 38%),
    #0b0610;
  box-shadow: 0 0 45px rgba(183,78,242,.5);
  will-change: transform;
}

.helen-acilis-parcasi-sol {
  clip-path: polygon(0 0, 64% 0, 48% 100%, 0 100%);
  animation: helen-acilis-sola .78s cubic-bezier(.77,0,.18,1) .08s forwards;
}

.helen-acilis-parcasi-sag {
  clip-path: polygon(64% 0, 100% 0, 100% 100%, 48% 100%);
  animation: helen-acilis-saga .78s cubic-bezier(.77,0,.18,1) .08s forwards;
}

.helen-acilis-isigi {
  position: absolute;
  top: -30%;
  left: 50%;
  width: 3px;
  height: 160%;
  background: #d66cff;
  box-shadow: 0 0 12px #d66cff, 0 0 35px #8b2cff, 0 0 70px rgba(139,44,255,.8);
  transform: rotate(9deg) scaleY(.2);
  animation: helen-acilis-isik-gecisi .72s ease-out forwards;
}

#ana-navbar { animation: helen-icerik-yukardan .62s ease-out .28s both; }
#helen-vitrin-alani { animation: helen-icerik-belir .7s ease-out .38s both; }
@media (min-width:769px) { #ana-sidebar { animation: helen-icerik-soldan .65s ease-out .34s both; } }

@keyframes helen-acilis-sola { to { transform: translate3d(-110%,0,0) rotate(-3deg); } }
@keyframes helen-acilis-saga { to { transform: translate3d(110%,0,0) rotate(3deg); } }
@keyframes helen-acilis-isik-gecisi { 0%{opacity:0;transform:rotate(9deg) scaleY(.15)} 35%{opacity:1} 100%{opacity:0;transform:rotate(9deg) scaleY(1.25)} }
@keyframes helen-acilis-katmanini-kapat { to { visibility:hidden; } }
@keyframes helen-icerik-yukardan { from{opacity:0;transform:translateY(-16px)} to{opacity:1;transform:none} }
@keyframes helen-icerik-soldan { from{opacity:0;transform:translateX(-20px)} to{opacity:1;transform:none} }
@keyframes helen-icerik-belir { from{opacity:0;transform:scale(.985) translateY(10px)} to{opacity:1;transform:none} }

body.helen-animasyonlar-kapali #helen-acilis-gecisi { display:none; }
body.helen-animasyonlar-kapali #ana-navbar,
body.helen-animasyonlar-kapali #ana-sidebar,
body.helen-animasyonlar-kapali #helen-vitrin-alani { animation:none; }

@media (prefers-reduced-motion: reduce) {
  #helen-acilis-gecisi { display:none; }
  #ana-navbar, #ana-sidebar, #helen-vitrin-alani { animation:none; }
}

/* Alternatif açılış: neon elmas portal ve dijital şeritler. */
#helen-acilis-gecisi {
  background:
    radial-gradient(circle at center, rgba(168,85,247,.22), transparent 24%),
    repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 48px),
    #09050e;
  animation: helen-portal-kapanis 1.05s cubic-bezier(.72,0,.2,1) forwards;
}

.helen-acilis-parcasi {
  inset: 0;
  clip-path: none;
  background: linear-gradient(90deg, transparent, rgba(199,92,255,.75), #fff, rgba(124,58,237,.75), transparent);
  box-shadow: 0 0 30px rgba(183,78,242,.75);
  opacity: 0;
}

.helen-acilis-parcasi-sol {
  top: 27%;
  height: 2px;
  transform: translateX(-110%) skewY(-7deg);
  animation: helen-dijital-serit-sol .62s ease-out .08s forwards;
}

.helen-acilis-parcasi-sag {
  top: 71%;
  height: 2px;
  transform: translateX(110%) skewY(7deg);
  animation: helen-dijital-serit-sag .62s ease-out .14s forwards;
}

.helen-acilis-isigi {
  top: 50%;
  left: 50%;
  width: 78px;
  height: 78px;
  border: 2px solid #d879ff;
  background: rgba(168,85,247,.08);
  box-shadow: 0 0 18px #d879ff, 0 0 55px rgba(168,85,247,.75), inset 0 0 25px rgba(216,121,255,.35);
  transform: translate(-50%,-50%) rotate(45deg) scale(.15);
  animation: helen-elmas-portali .82s cubic-bezier(.2,.75,.2,1) forwards;
}

#helen-acilis-gecisi::before,
#helen-acilis-gecisi::after {
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 12px #fff,0 0 34px #c45cff;
  transform:translate(-50%,-50%);
  animation:helen-portal-parcacigi .72s ease-out .18s forwards;
}
#helen-acilis-gecisi::after { animation-delay:.25s; animation-direction:reverse; }

@keyframes helen-dijital-serit-sol { 0%{opacity:0;transform:translateX(-110%) skewY(-7deg)} 35%{opacity:1} 100%{opacity:0;transform:translateX(110%) skewY(-7deg)} }
@keyframes helen-dijital-serit-sag { 0%{opacity:0;transform:translateX(110%) skewY(7deg)} 35%{opacity:1} 100%{opacity:0;transform:translateX(-110%) skewY(7deg)} }
@keyframes helen-elmas-portali { 0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.12)} 42%{opacity:1} 72%{opacity:1;transform:translate(-50%,-50%) rotate(225deg) scale(1.1)} 100%{opacity:0;transform:translate(-50%,-50%) rotate(315deg) scale(7)} }
@keyframes helen-portal-parcacigi { to{opacity:0;transform:translate(180px,-130px) scale(.2)} }
@keyframes helen-portal-kapanis { 0%,68%{opacity:1;clip-path:inset(0)} 100%{opacity:0;visibility:hidden;clip-path:inset(0 50%)} }

/* PANELDEN SEÇİLEBİLEN AÇILIŞ EFEKTLERİ */
#helen-acilis-gecisi{background-color:var(--acilis-arkasi,#09050e);animation-duration:var(--acilis-suresi,1050ms)}
#helen-acilis-gecisi.helen-acilis-kapali{display:none}
.helen-acilis-gorseli{position:absolute;top:50%;left:50%;z-index:4;width:var(--acilis-gorsel-boyutu,96px);height:var(--acilis-gorsel-boyutu,96px);object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 0 18px rgba(var(--acilis-rgb),.75));animation:helen-acilis-logo var(--acilis-suresi) ease both}
@keyframes helen-acilis-logo{0%{opacity:0;transform:translate(-50%,-50%) scale(.55)}32%,64%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}

.helen-acilis-elmas .helen-acilis-isigi{border-color:var(--acilis-rengi);box-shadow:0 0 18px var(--acilis-rengi),0 0 55px rgba(var(--acilis-rgb),.75);animation-duration:calc(var(--acilis-suresi)*.8)}

.helen-acilis-perde{animation-name:helen-acilis-katmanini-kapat}
.helen-acilis-perde .helen-acilis-parcasi{inset:-12%;height:auto;opacity:1;background:linear-gradient(135deg,rgba(var(--acilis-rgb),.22),transparent 38%),var(--acilis-arkasi)}
.helen-acilis-perde .helen-acilis-parcasi-sol{top:-12%;clip-path:polygon(0 0,64% 0,48% 100%,0 100%);transform:none;animation:helen-acilis-sola var(--acilis-suresi) cubic-bezier(.77,0,.18,1) forwards}
.helen-acilis-perde .helen-acilis-parcasi-sag{top:-12%;clip-path:polygon(64% 0,100% 0,100% 100%,48% 100%);transform:none;animation:helen-acilis-saga var(--acilis-suresi) cubic-bezier(.77,0,.18,1) forwards}
.helen-acilis-perde .helen-acilis-isigi{width:3px;height:160%;top:-30%;border:0;background:var(--acilis-rengi);transform:rotate(9deg) scaleY(.2);animation:helen-acilis-isik-gecisi var(--acilis-suresi) ease-out forwards}

.helen-acilis-glitch{animation:helen-glitch-kapanis var(--acilis-suresi) steps(8,end) forwards}
.helen-acilis-glitch .helen-acilis-parcasi{inset:0;height:50%;opacity:.75;clip-path:none;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(var(--acilis-rgb),.5) 8px,transparent 10px);animation:helen-glitch-serit var(--acilis-suresi) steps(10,end) forwards}
.helen-acilis-glitch .helen-acilis-parcasi-sag{top:50%;animation-direction:reverse}.helen-acilis-glitch .helen-acilis-isigi{display:none}
@keyframes helen-glitch-serit{0%{transform:translateX(-8%)}25%{transform:translateX(7%)}50%{transform:translateX(-4%)}75%{transform:translateX(10%)}100%{opacity:0;transform:none}}
@keyframes helen-glitch-kapanis{0%,65%{opacity:1}72%{opacity:.25}80%{opacity:.8}100%{opacity:0;visibility:hidden}}

.helen-acilis-zoom,.helen-acilis-tarama,.helen-acilis-parcalanma,.helen-acilis-spiral,.helen-acilis-cizgi{animation:helen-sade-kapanis var(--acilis-suresi) ease forwards}
.helen-acilis-zoom .helen-acilis-parcasi,.helen-acilis-tarama .helen-acilis-parcasi,.helen-acilis-spiral .helen-acilis-parcasi{display:none}
.helen-acilis-zoom .helen-acilis-isigi{width:120px;height:120px;border:3px solid var(--acilis-rengi);border-radius:50%;background:transparent;transform:translate(-50%,-50%) scale(.05);animation:helen-zoom-patlamasi var(--acilis-suresi) ease-out forwards}
@keyframes helen-zoom-patlamasi{0%{opacity:0;transform:translate(-50%,-50%) scale(.05)}25%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(14)}}

.helen-acilis-tarama .helen-acilis-isigi{top:0;left:0;width:100%;height:3px;border:0;background:var(--acilis-rengi);box-shadow:0 0 18px var(--acilis-rengi),0 25px 70px rgba(var(--acilis-rgb),.4);transform:none;animation:helen-lazer-taramasi var(--acilis-suresi) ease-in-out forwards}
@keyframes helen-lazer-taramasi{0%{opacity:0;transform:translateY(-10px)}15%,85%{opacity:1}100%{opacity:0;transform:translateY(100vh)}}

.helen-acilis-parcalanma .helen-acilis-parcasi{inset:0;height:auto;opacity:1;background:var(--acilis-arkasi)}
.helen-acilis-parcalanma .helen-acilis-parcasi-sol{clip-path:polygon(0 0,55% 0,42% 54%,58% 100%,0 100%);transform:none;animation:helen-parca-sol var(--acilis-suresi) ease forwards}
.helen-acilis-parcalanma .helen-acilis-parcasi-sag{clip-path:polygon(55% 0,100% 0,100% 100%,58% 100%,42% 54%);transform:none;animation:helen-parca-sag var(--acilis-suresi) ease forwards}.helen-acilis-parcalanma .helen-acilis-isigi{display:none}
@keyframes helen-parca-sol{55%{transform:none}100%{transform:translate(-115%,-20%) rotate(-8deg)}}@keyframes helen-parca-sag{55%{transform:none}100%{transform:translate(115%,20%) rotate(8deg)}}

.helen-acilis-spiral .helen-acilis-isigi{width:180px;height:180px;border:4px dashed var(--acilis-rengi);border-radius:50%;background:conic-gradient(transparent,rgba(var(--acilis-rgb),.35),transparent);transform:translate(-50%,-50%) scale(.2);animation:helen-spiral var(--acilis-suresi) ease-in forwards}
@keyframes helen-spiral{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.15)}30%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) rotate(720deg) scale(8)}}

.helen-acilis-cizgi .helen-acilis-isigi{display:none}.helen-acilis-cizgi .helen-acilis-parcasi{background:linear-gradient(90deg,transparent,var(--acilis-rengi),#fff,var(--acilis-rengi),transparent);box-shadow:0 0 28px var(--acilis-rengi);animation-duration:var(--acilis-suresi)}

.helen-acilis-sinema{animation:helen-sinema-irisi var(--acilis-suresi) cubic-bezier(.7,0,.2,1) forwards}.helen-acilis-sinema .helen-acilis-parcasi,.helen-acilis-sinema .helen-acilis-isigi{display:none}
@keyframes helen-sinema-irisi{0%,45%{opacity:1;clip-path:circle(85% at 50% 50%)}100%{opacity:0;visibility:hidden;clip-path:circle(0 at 50% 50%)}}
@keyframes helen-sade-kapanis{0%,68%{opacity:1}100%{opacity:0;visibility:hidden}}
html.helen-alert-kilitli{overflow:hidden}