/* AkshAlgo brand chrome — icon-first; CSS wordmark; Upstox-style app tile. */

.ak-brand {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none !important;
}

.ak-brand--stacked {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.85rem;
}

.ak-brand--stacked.ak-brand--center {
  align-items: center;
  text-align: center;
}

.ak-brand-mark {
  display: block;
  width: auto;
  height: 40px;
  object-fit: contain;
}

/* Solid teal square app tile (like Upstox) — CSS rounds corners */
.ak-brand-mark--app {
  height: 36px;
  width: 36px;
  border-radius: 8px;
}

.ak-brand-mark--app-lg {
  height: 88px;
  width: 88px;
  border-radius: 20px;
}

.ak-brand--stacked .ak-brand-mark:not(.ak-brand-mark--app-lg) {
  height: 88px;
}

.ak-brand-wordmark {
  font-family: Inter, Helvetica, "Segoe UI", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
  /* Descenders (g) clip at line-height 1 when the box is overflow-hidden. */
  line-height: 1.35;
  color: #F5F7FA;
  white-space: nowrap;
}

.ak-brand-wordmark .ak-brand-algo {
  font-weight: 500;
  opacity: 0.88;
}

.ak-brand--stacked .ak-brand-wordmark {
  font-size: 1.5rem;
  letter-spacing: -0.03em;
}

.ak-brand--on-light .ak-brand-wordmark,
.ak-brand-wordmark--ink {
  color: #111111;
}

.header-brand .ak-brand {
  gap: 0.625rem;
  min-width: 0;
}

.header-brand .ak-brand-mark--app {
  height: 34px;
  width: 34px;
  border-radius: 8px;
  flex-shrink: 0;
}

.header-brand .ak-brand-wordmark {
  font-size: 1rem;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 992px) {
  .header-brand .ak-brand-mark--app {
    height: 38px;
    width: 38px;
    border-radius: 9px;
  }

  .header-brand .ak-brand-wordmark {
    font-size: 1.0625rem;
  }
}

.header-section .ak-brand-mark--app {
  height: 36px;
  width: 36px;
  border-radius: 8px;
}

.header-section .ak-brand-wordmark {
  font-size: 1.125rem;
}

html[data-bs-theme="dark"] .header-section .ak-brand-wordmark,
html[data-bs-theme="dark"] .header-section .ak-brand-wordmark--ink {
  color: #F5F7FA;
}