/* Site-specific brand logo overrides (after gencelik-dil-logo.css) */

/* Header: wider mark so the slogan line is readable; bar height stays tight via padding */
.public-site-header .gd-logo,
.public-site-header #gd-logo {
  --gd-logo-w: 200px;
  flex-shrink: 0;
  overflow: visible !important;
}
@media (min-width: 768px) {
  .public-site-header .gd-logo,
  .public-site-header #gd-logo {
    --gd-logo-w: 228px;
  }
}
@media (min-width: 900px) {
  .public-site-header .gd-logo,
  .public-site-header #gd-logo {
    --gd-logo-w: 244px;
  }
}

/* Header layout: logo taller than old jpg — allow breathing room + clip overflow */
.public-site-header,
.public-site-header .gd-header-brand {
  overflow: visible !important;
}
.public-site-header .gd-header-brand {
  display: flex;
  align-items: center;
  min-height: 0;
}

/*
 * Beat .public-site-header img { height: 2.5rem; width: auto } so layered
 * clip-path / transform intro can run in the sticky header.
 */
.public-site-header #gd-logo.gd-logo img,
.public-site-header #gd-logo .gd-logo__layer,
.public-site-header .gd-logo img,
.public-site-header .gd-logo__layer {
  height: auto !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

.public-site-header #gd-logo .gd-logo__layer--slogan,
.public-site-header #gd-logo .gd-logo__layer--left,
.public-site-header #gd-logo .gd-logo__layer--right,
.public-site-header .gd-logo .gd-logo__layer--slogan,
.public-site-header .gd-logo .gd-logo__layer--left,
.public-site-header .gd-logo .gd-logo__layer--right {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  display: block !important;
}

/* Header play: kit animations must win; never freeze transform during play */
.public-site-header #gd-logo.is-playing .gd-logo__layer--slogan,
.public-site-header #gd-logo.is-playing .gd-logo__layer--left,
.public-site-header #gd-logo.is-playing .gd-logo__layer--right,
.public-site-header .gd-logo.is-playing .gd-logo__layer--slogan,
.public-site-header .gd-logo.is-playing .gd-logo__layer--left,
.public-site-header .gd-logo.is-playing .gd-logo__layer--right {
  visibility: visible !important;
  display: block !important;
}

.public-site-header #gd-logo.is-playing .gd-logo__layer--full,
.public-site-header .gd-logo.is-playing .gd-logo__layer--full {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Re-declare header layer animations at higher specificity (!important)
   so layout/Bootstrap cannot suppress them. */
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__layer--slogan {
  animation: gd-slogan 1.1s cubic-bezier(0.22, 1, 0.36, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__layer--left {
  animation: gd-from-center-left 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.2s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__layer--right {
  animation: gd-from-center-right 0.75s cubic-bezier(0.22, 1, 0.36, 1) 1.2s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__glow--1 {
  animation: gd-glow 0.7s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__burst--1 {
  animation: gd-burst-a 0.7s cubic-bezier(0.15, 0.85, 0.25, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__ring--1 {
  animation: gd-ring 0.65s cubic-bezier(0.16, 1, 0.3, 1) 0.02s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__glow--2 {
  animation: gd-glow 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.2s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__burst--2 {
  animation: gd-burst-b 0.65s cubic-bezier(0.15, 0.85, 0.25, 1) 1.2s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__ring--2 {
  animation: gd-ring 0.6s cubic-bezier(0.16, 1, 0.3, 1) 1.22s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--a .gd-logo__shine {
  animation: gd-shine 0.5s ease-in-out 1.35s both !important;
}

.public-site-header #gd-logo.is-playing.gd-anim--b .gd-logo__layer--slogan {
  animation: gd-b-slogan 1s cubic-bezier(0.34, 1.56, 0.64, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-logo__layer--left {
  animation: gd-b-bounce-left 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) 1.05s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-logo__layer--right {
  animation: gd-b-bounce-right 0.85s cubic-bezier(0.34, 1.56, 0.64, 1) 1.12s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-flash {
  animation: gd-b-flash 0.85s ease-out both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-streak--1 {
  animation: gd-b-streak-l 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.05s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-streak--2 {
  animation: gd-b-streak-r 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0.1s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-streak--3 {
  animation: gd-b-streak-l 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.05s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-streak--4 {
  animation: gd-b-streak-r 0.65s cubic-bezier(0.16, 1, 0.3, 1) 1.1s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-pulse--1 {
  animation: gd-b-pulse 0.75s cubic-bezier(0.16, 1, 0.3, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--b .gd-b-pulse--2 {
  animation: gd-b-pulse 0.7s cubic-bezier(0.16, 1, 0.3, 1) 1.05s both !important;
}

.public-site-header #gd-logo.is-playing.gd-anim--c .gd-logo__layer--slogan {
  animation: gd-c-wipe-slogan 1.15s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-logo__layer--left {
  animation: gd-c-wipe-left 0.9s cubic-bezier(0.4, 0, 0.2, 1) 1.1s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-logo__layer--right {
  animation: gd-c-wipe-right 0.9s cubic-bezier(0.4, 0, 0.2, 1) 1.1s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-scan--1 {
  animation: gd-c-scan-h 1.15s cubic-bezier(0.4, 0, 0.2, 1) both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-scan--2 {
  animation: gd-c-scan-h 0.9s cubic-bezier(0.4, 0, 0.2, 1) 1.1s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-spark--1 {
  animation: gd-c-twinkle 0.7s ease-out 0.15s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-spark--2 {
  animation: gd-c-twinkle 0.7s ease-out 0.45s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-spark--3 {
  animation: gd-c-twinkle 0.65s ease-out 1.2s both !important;
}
.public-site-header #gd-logo.is-playing.gd-anim--c .gd-c-spark--4 {
  animation: gd-c-twinkle 0.65s ease-out 1.45s both !important;
}

/* Done: only when not playing (avoids transform:none killing mid-play) */
.public-site-header #gd-logo.is-done:not(.is-playing) .gd-logo__layer--slogan,
.public-site-header #gd-logo.is-done:not(.is-playing) .gd-logo__layer--left,
.public-site-header #gd-logo.is-done:not(.is-playing) .gd-logo__layer--right,
.public-site-header .gd-logo.is-done:not(.is-playing) .gd-logo__layer--slogan,
.public-site-header .gd-logo.is-done:not(.is-playing) .gd-logo__layer--left,
.public-site-header .gd-logo.is-done:not(.is-playing) .gd-logo__layer--right {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}
.public-site-header #gd-logo.is-done:not(.is-playing) .gd-logo__layer--full,
.public-site-header .gd-logo.is-done:not(.is-playing) .gd-logo__layer--full {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Stage must keep height while layers animate */
.public-site-header #gd-logo .gd-logo__stage,
.public-site-header .gd-logo__stage {
  overflow: visible !important;
  min-height: calc(var(--gd-logo-w) * 0.375);
}
.public-site-header #gd-logo .gd-logo__layer--full,
.public-site-header .gd-logo__layer--full {
  /* keep in-flow for height even when hidden */
  position: relative !important;
}

/* Footer static mark */
.gd-mp-footer .gd-mp-footer-logo {
  height: auto !important;
  width: min(200px, 70vw) !important;
  max-width: 220px;
  border-radius: 0.5rem;
  background: #fff;
  padding: 0.35rem 0.5rem;
  object-fit: contain;
}
.gd-mp-footer-slogan {
  margin: 0.55rem 0 0;
  font-size: 0.8rem;
  font-weight: 600;
  color: #93c5fd;
  letter-spacing: 0.01em;
}