/* V71.21 - Logo Motion 3: JS/API çalışmasa bile görünen, beyaz zeminli logoda belirgin marka hareketi */
:root{
  --brand-motion-period:7s;
  --brand-motion-sweep-opacity:.88;
  --brand-motion-glow:.34;
  --brand-motion-line-opacity:.92;
}
.brand-link{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  overflow:hidden;
  border-radius:10px;
  line-height:0;
  -webkit-tap-highlight-color:transparent;
  transform:translateZ(0);
}
.brand-link img{
  position:relative;
  z-index:2;
  display:block;
  transform-origin:left center;
  will-change:transform,opacity,filter;
  transition:transform .28s ease,filter .28s ease,opacity .28s ease;
}
/* JS/API gelmeden de ilk yüklemede hareket görünür. */
.brand-link.brand-motion-default{
  animation:brandV3Container var(--brand-motion-period) ease-in-out infinite;
}
.brand-link.brand-motion-default::before{
  content:"";
  position:absolute;
  z-index:5;
  left:6%; right:6%; bottom:1px;
  height:3px;
  border-radius:999px;
  opacity:0;
  transform:scaleX(.08);
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(228,157,22,0),rgba(228,157,22,.95) 22%,rgba(255,210,90,1) 58%,rgba(228,157,22,0));
  box-shadow:0 0 10px rgba(228,157,22,.42);
  animation:brandV3Underline var(--brand-motion-period) ease-in-out infinite;
  pointer-events:none;
}
.brand-link.brand-motion-default::after{
  content:"";
  position:absolute;
  z-index:6;
  top:-28%; bottom:-28%;
  left:-38%; width:28%;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(102deg,
    rgba(255,255,255,0) 0%,
    rgba(255,226,139,.12) 18%,
    rgba(239,170,24,var(--brand-motion-sweep-opacity)) 46%,
    rgba(255,239,186,.92) 58%,
    rgba(239,170,24,.38) 70%,
    rgba(255,255,255,0) 100%);
  box-shadow:0 0 16px rgba(239,170,24,.28);
  transform:translateX(-40%) skewX(-12deg);
  animation:brandV3Sweep var(--brand-motion-period) cubic-bezier(.22,.72,.18,1) infinite;
}
/* API ayarı geldikten sonra modları belirgin şekilde uygula. */
html[data-brand-motion="corporate-gold"] .brand-link,
html[data-brand-motion="light-sweep"] .brand-link{
  animation:brandV3Container var(--brand-motion-period) ease-in-out infinite;
}
html[data-brand-motion="corporate-gold"] .brand-link::before,
html[data-brand-motion="light-sweep"] .brand-link::before{
  animation:brandV3Underline var(--brand-motion-period) ease-in-out infinite;
}
html[data-brand-motion="corporate-gold"] .brand-link::after,
html[data-brand-motion="light-sweep"] .brand-link::after{
  animation:brandV3Sweep var(--brand-motion-period) cubic-bezier(.22,.72,.18,1) infinite;
}
html[data-brand-motion="corporate-gold"] .brand-link img,
html[data-brand-motion="soft-fade"] .brand-link img,
.brand-link.brand-motion-default img{
  animation:brandV3Reveal .9s cubic-bezier(.2,.72,.25,1) both;
}
html[data-brand-motion="soft-pulse"] .brand-link img{
  animation:brandV3Pulse var(--brand-motion-period) ease-in-out infinite;
}
html[data-brand-motion-hover="1"] .brand-link:hover{
  box-shadow:0 0 0 1px rgba(224,155,29,.28),0 7px 20px rgba(8,41,78,.10);
}
html[data-brand-motion-hover="1"] .brand-link:hover img{
  transform:translateY(-1px) scale(1.02);
  filter:drop-shadow(0 5px 12px rgba(8,41,78,.14)) drop-shadow(0 0 8px rgba(217,154,36,var(--brand-motion-glow)));
}
html[data-brand-motion-cycle="once"] .brand-link,
html[data-brand-motion-cycle="once"] .brand-link::before,
html[data-brand-motion-cycle="once"] .brand-link::after{
  animation-duration:2.25s;
  animation-iteration-count:1;
}
html[data-brand-motion="off"] .brand-link,
html[data-brand-motion="off"] .brand-link img,
html[data-brand-motion="off"] .brand-link::before,
html[data-brand-motion="off"] .brand-link::after{
  animation:none!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
html[data-brand-motion="off"] .brand-link::before,
html[data-brand-motion="off"] .brand-link::after{display:none!important}
@keyframes brandV3Reveal{
  0%{opacity:.45;transform:translateX(-10px) scale(.985);filter:blur(1.2px) saturate(.85)}
  55%{opacity:1;transform:translateX(2px) scale(1.008);filter:blur(0) saturate(1.08)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes brandV3Container{
  0%,58%,100%{box-shadow:none}
  64%{box-shadow:0 0 0 1px rgba(224,155,29,.18),0 0 15px rgba(224,155,29,.11)}
  72%{box-shadow:0 0 0 1px rgba(224,155,29,.08),0 0 8px rgba(224,155,29,.06)}
}
@keyframes brandV3Sweep{
  0%,56%{opacity:0;transform:translateX(-40%) skewX(-12deg)}
  60%{opacity:.96}
  74%{opacity:1;transform:translateX(560%) skewX(-12deg)}
  77%,100%{opacity:0;transform:translateX(560%) skewX(-12deg)}
}
@keyframes brandV3Underline{
  0%,57%{opacity:0;transform:scaleX(.08)}
  62%{opacity:.95;transform:scaleX(.92)}
  70%{opacity:.78;transform:scaleX(1)}
  77%,100%{opacity:0;transform:scaleX(1)}
}
@keyframes brandV3Pulse{
  0%,72%,100%{filter:none;transform:none}
  82%{filter:drop-shadow(0 0 12px rgba(217,154,36,var(--brand-motion-glow)));transform:scale(1.018)}
  92%{filter:none;transform:none}
}
@media(max-width:900px){
  html[data-brand-motion-mobile="0"] .brand-link,
  html[data-brand-motion-mobile="0"] .brand-link img,
  html[data-brand-motion-mobile="0"] .brand-link::before,
  html[data-brand-motion-mobile="0"] .brand-link::after{
    animation:none!important;transform:none!important;filter:none!important;box-shadow:none!important
  }
  html[data-brand-motion-mobile="0"] .brand-link::before,
  html[data-brand-motion-mobile="0"] .brand-link::after{display:none!important}
}
/* Erişilebilirlik tercihi admin tarafından 'dikkate al' seçilmişse uygulanır. */
@media(prefers-reduced-motion:reduce){
  html:not([data-brand-motion-reduced="force"]) .brand-link,
  html:not([data-brand-motion-reduced="force"]) .brand-link img,
  html:not([data-brand-motion-reduced="force"]) .brand-link::before,
  html:not([data-brand-motion-reduced="force"]) .brand-link::after{
    animation:none!important;transition:none!important;transform:none!important;filter:none!important;box-shadow:none!important
  }
  html:not([data-brand-motion-reduced="force"]) .brand-link::before,
  html:not([data-brand-motion-reduced="force"]) .brand-link::after{display:none!important}
}
