/* Fix38: daha belirgin responsive logo + footer renk tutarlılığı */

/* Masaüstünde de logoyu bir miktar daha güçlü göster. */
.brand-row .brand-copy strong.brand-wordmark {
  font-size: clamp(1.9rem, 2.25vw, 2.12rem);
  line-height: 1.02;
  letter-spacing: -.06em;
}
.brand-row .brand-copy small {
  margin-top: 5px;
  font-size: .71rem;
  line-height: 1.15;
  letter-spacing: .055em;
}
.brand-logo-image {
  width: clamp(235px, 22vw, 290px);
  max-height: 76px;
  object-fit: contain;
  object-position: left center;
}

/* Footer'da header ile aynı logo renkleri kullanılsın. Koyu zeminde okunurluk için zarif açık kart. */
.site-footer .footer-brand {
  width: fit-content;
  max-width: 100%;
  padding: 12px 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(0,0,0,.16);
}
.site-footer .brand-copy strong.brand-wordmark,
.footer-settings-preview .brand-copy strong.brand-wordmark {
  color: #16263e;
  background-image: linear-gradient(105deg,#12263f 10%,#28374d 57%,#d11a4a 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.site-footer .brand-copy small,
.footer-settings-preview .brand-copy small {
  color: #7a8798;
}
.site-footer .brand-logo-image {
  width: min(285px, 100%);
  max-height: 78px;
}
.footer-settings-preview .site-brand {
  padding: 10px 14px;
  border-radius: 14px;
  background: #fff;
}

@media (max-width: 760px) {
  .brand-row {
    min-height: 88px;
  }
  .brand-row > .site-brand {
    max-width: calc(100% - 66px);
  }
  .brand-row .brand-copy strong.brand-wordmark {
    font-size: clamp(1.72rem, 7.7vw, 1.98rem);
    line-height: 1;
    letter-spacing: -.06em;
  }
  .brand-row .brand-copy strong.brand-wordmark-long {
    font-size: 1.38rem;
  }
  .brand-row .brand-copy small {
    margin-top: 4px;
    font-size: clamp(.62rem, 2.75vw, .71rem);
    line-height: 1.15;
    letter-spacing: .035em;
    max-width: 26ch;
  }
  .brand-logo-image {
    width: min(245px, calc(100vw - 105px));
    max-height: 68px;
  }
  .site-footer .footer-brand {
    padding: 11px 14px;
    border-radius: 15px;
  }
  .site-footer .brand-copy strong.brand-wordmark {
    font-size: 1.82rem;
  }
  .site-footer .brand-copy small {
    font-size: .66rem;
  }
  .site-footer .brand-logo-image {
    width: min(245px, 100%);
    max-height: 70px;
  }
}

@media (max-width: 380px) {
  .brand-row > .site-brand {
    max-width: calc(100% - 62px);
  }
  .brand-row .brand-copy strong.brand-wordmark {
    font-size: 1.62rem;
  }
  .brand-row .brand-copy small {
    font-size: .6rem;
  }
  .brand-logo-image {
    width: min(220px, calc(100vw - 96px));
  }
}