/**
 * Panel logosu — yüklenen görselin en-boy oranına göre her yüzeyde mümkün olan en büyük,
 * orantılı görünüm (panel-logo.js data-logo-fit değerini yazar).
 */

/* JS öncesi ilk boyama — büyük PNG anlık flaşını önler */
.dashboard-pro__brand-img,
.services-hub__sidebar-logo-img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
.dashboard-pro__brand-img {
  max-width: min(100%, 220px);
  max-height: 46px;
}
.services-hub__sidebar-logo-img {
  max-height: 96px;
}
.login-page--signin .login-panel__logo {
  max-width: min(100%, 348px);
  max-height: 106px;
}

.panel-logo {
  display: block;
  object-fit: contain;
  object-position: center center;
  margin-inline: auto;
  max-width: 100%;
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* Yüzey başına maksimum tuval */
.panel-logo--sidebar {
  --panel-logo-max-w: 100%;
  --panel-logo-max-h: 96px;
}

.panel-logo--auth {
  --panel-logo-max-w: min(96vw, 520px);
  --panel-logo-max-h: 176px;
}

.panel-logo--install {
  --panel-logo-max-w: min(92vw, 520px);
  --panel-logo-max-h: 184px;
}

.panel-logo--header {
  --panel-logo-max-w: 220px;
  --panel-logo-max-h: 46px;
  margin-inline: 0;
  object-position: left center;
}

/* Yönetim paneli üst çubuk — geniş banner logoları satırı doldurmasın */
.panel-logo--header[data-logo-fit="banner"] {
  width: auto;
  max-width: var(--panel-logo-max-w, 220px);
  height: auto;
  max-height: var(--panel-logo-max-h, 46px);
}

.panel-logo--header[data-logo-fit="landscape"] {
  width: auto;
  max-width: var(--panel-logo-max-w, 220px);
}

.panel-logo--header[data-logo-fit="portrait"],
.panel-logo--header[data-logo-fit="square"] {
  margin-inline: 0;
}

/* Sidebar banner — satır genişliğini doldur, ekran boyutuna taşmasın */
.panel-logo--sidebar[data-logo-fit="banner"] {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: var(--panel-logo-max-h, 96px);
}

.panel-logo--settings,
.panel-logo--settings-preview {
  --panel-logo-max-w: min(100%, 460px);
  --panel-logo-max-h: 152px;
}

.panel-logo--logs-hub {
  --panel-logo-max-w: min(100%, 520px);
  --panel-logo-max-h: 220px;
}

/* Geniş banner (yatay logo) */
.panel-logo[data-logo-fit="banner"] {
  width: 100%;
  height: auto;
  max-height: var(--panel-logo-max-h, 160px);
}

/* Yatay logo */
.panel-logo[data-logo-fit="landscape"] {
  width: min(100%, var(--panel-logo-max-w, 440px));
  height: auto;
  max-height: var(--panel-logo-max-h, 152px);
}

/* Dikey logo */
.panel-logo[data-logo-fit="portrait"] {
  width: auto;
  height: auto;
  max-height: var(--panel-logo-max-h, 152px);
  max-width: min(100%, calc(var(--panel-logo-max-h, 152px) * 0.78));
}

/* Kare / dengeli logo */
.panel-logo[data-logo-fit="square"] {
  width: auto;
  height: auto;
  max-width: min(100%, var(--panel-logo-max-w, 168px), var(--panel-logo-max-h, 168px));
  max-height: min(var(--panel-logo-max-h, 168px), var(--panel-logo-max-w, 168px));
}

/* JS yüklenmeden önce makul yedek */
.panel-logo:not([data-logo-fit]) {
  width: auto;
  height: auto;
  max-width: min(100%, var(--panel-logo-max-w, 440px));
  max-height: var(--panel-logo-max-h, 152px);
}

/* Logo kabukları — içerik kadar yer, ortalı */
.login-panel__brand,
.install-page .install-brand,
.terms-document__brand {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 72px;
  line-height: 0;
}

.services-hub__sidebar-brand-wrap {
  margin: 0;
  padding: 24px 0 20px;
  line-height: 0;
  font-size: 0;
}

.services-hub__sidebar-logo-link[data-logo-clipped="1"] {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.services-hub__sidebar-brand-wrap .services-hub__sidebar-logo-link,
.services-hub__sidebar-brand-wrap .services-hub__sidebar-logo-img,
.services-hub__sidebar-brand-wrap .panel-logo {
  margin: 0;
  padding: 0;
  display: block;
  line-height: 0;
  vertical-align: top;
}

.services-hub__sidebar-nav-block > .services-hub__sidebar-nav-divider:first-child {
  margin-top: 4px;
  margin-bottom: 10px;
}

.services-hub__sidebar-brand-wrap[data-logo-clipped="1"] .panel-logo,
.services-hub__sidebar-brand-wrap[data-logo-clipped="1"] .services-hub__sidebar-logo-img {
  max-height: none !important;
  width: 100% !important;
}

.panel-logo--sidebar-clipped {
  width: 100% !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

.panel-settings-page__logo-preview {
  min-height: 96px;
}

.settings-preview-box:not(.settings-preview-box--favicon) {
  min-height: 132px;
}

@media (max-width: 767px) {
  .panel-logo--header {
    --panel-logo-max-w: min(54vw, 196px);
    --panel-logo-max-h: 40px;
  }

  .panel-logo--sidebar {
    --panel-logo-max-h: 84px;
  }

  .panel-logo--auth,
  .panel-logo--install {
    --panel-logo-max-h: 156px;
  }
}