@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&display=swap');

/* Tek marka lockup — tüm sayfalar (referans: logo-marka-renkli.html) */
.brand-lockup {
  --logo-ink: #17223D;
  --logo-accent: #E23B52;
  --logo-amber: #FFC94A;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none !important;
  color: inherit;
  flex-shrink: 0;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  -webkit-text-fill-color: unset;
}

.brand-lockup__badge {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: var(--logo-ink);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: inherit;
}

.brand-lockup__svg {
  width: 22px;
  height: 26px;
  display: block;
}

.brand-lockup__wordmark {
  font-family: 'Baloo 2', cursive, sans-serif !important;
  font-weight: 700 !important;
  font-size: 20px !important;
  line-height: 1;
  color: var(--logo-ink) !important;
  white-space: nowrap;
  letter-spacing: -0.01em;
  -webkit-text-fill-color: var(--logo-ink) !important;
}

.brand-lockup__hl {
  color: #E23B52 !important;
  -webkit-text-fill-color: #E23B52 !important;
}

/* Koyu zemin (yalnızca ana sayfa hero nav) */
.brand-lockup--on-dark .brand-lockup__badge {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.brand-lockup--on-dark .brand-lockup__wordmark {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.brand-lockup--on-dark .brand-lockup__tick {
  stroke: var(--logo-amber);
}

.brand-lockup--icon-only .brand-lockup__badge {
  width: 32px;
  height: 32px;
  border-radius: 9px;
}

.brand-lockup--icon-only .brand-lockup__svg {
  width: 18px;
  height: 22px;
}

/* Nav */
.nav.nav-landing-bar .brand-lockup.n-logo {
  gap: 10px;
}

.nav.nav-landing-bar .brand-lockup.n-logo .brand-lockup__badge {
  width: 36px;
  height: 36px;
}

.nav.nav-landing-bar .brand-lockup.n-logo .brand-lockup__wordmark {
  font-size: 20px !important;
}

/* Solve topbar */
body.optic-solve a.tb-logo.brand-lockup,
body a.tb-logo.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body a.tb-logo.brand-lockup .brand-lockup__wordmark {
  font-size: 18px !important;
}

body a.tb-logo.brand-lockup .brand-lockup__badge {
  width: 34px;
  height: 34px;
  border-radius: 10px;
}

body a.tb-logo.brand-lockup .brand-lockup__svg {
  width: 20px;
  height: 24px;
}

/* Dashboard sidebar */
aside.sb > a.sb-logo.brand-lockup {
  gap: 8px;
}

aside.sb > a.sb-logo.brand-lockup .brand-lockup__wordmark {
  font-size: 17px !important;
}

/* Footer */
.footer-brand .footer-logo.brand-lockup {
  margin-bottom: 12px;
}

.footer-brand .footer-logo .brand-lockup__wordmark {
  font-size: 18px !important;
}

/* Koyu tema (nav açık/kağıt sayfalarında) — aynı lockup, badge hafif cam */
html[data-theme='dark'] .brand-lockup:not(.brand-lockup--on-dark) .brand-lockup__badge {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

html[data-theme='dark'] .brand-lockup:not(.brand-lockup--on-dark) .brand-lockup__wordmark {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html[data-theme='dark'] .brand-lockup:not(.brand-lockup--on-dark) .brand-lockup__tick {
  stroke: var(--logo-amber);
}