/**
 * Estilos mínimos da barra “Desenvolvido por” (crédito GRT).
 * Enfileirar no tema ou importar no CSS principal.
 */

.developer-credit {
  background: #12151a;
  border-top: 1px solid #242830;
  color: #d8dce2;
}

.developer-credit__inner {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  min-height: 54px;
  padding-block: 6px;
}

.developer-credit__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: opacity 0.2s ease;
}

.developer-credit__link:hover {
  opacity: 0.85;
}

.developer-credit span {
  font-size: 0.65rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.developer-credit .developer-credit__logo {
  height: 28px;
  mix-blend-mode: screen;
  object-fit: contain;
  width: auto;
}

.developer-credit .developer-credit__symbol {
  height: 28px;
  object-fit: contain;
  width: 28px;
}

@media (max-width: 640px) {
  .developer-credit__inner {
    gap: 7px;
    min-height: 48px;
    padding-block: 5px;
  }

  .developer-credit span {
    font-size: 0.56rem;
  }

  .developer-credit .developer-credit__logo {
    height: 24px;
    max-width: 150px;
  }

  .developer-credit .developer-credit__symbol {
    height: 24px;
    width: 24px;
  }
}