/* Unlocked brand palette. Keep Tabler's purple utilities and purple accent
   theme aligned with the Unlocked logo color. */
:root {
  --tblr-purple: #8e63eb;
}

[data-bs-theme-primary='purple'],
[data-theme-primary='purple'] {
  --tblr-primary: #8e63eb;
}

.form-brand-lockup {
  display: grid;
  align-items: start;
  gap: 1rem;
  grid-template-columns: 5rem minmax(0, 1fr);
}

.form-brand-lockup-no-logo {
  display: block;
}

.form-brand-logo {
  display: block;
  width: 5rem;
  height: 5rem;
  max-width: 5rem;
  object-fit: cover;
  background: var(--tblr-bg-surface-secondary);
  overflow: hidden;
  flex: 0 0 auto;
}

.form-brand-content {
  min-width: 0;
}

/* Phone-country dropdowns contain the complete country catalogue. Keep the
   search field visible while the options themselves scroll independently. */
[data-phone-country] .dropdown-menu {
  min-width: 19rem;
  overflow: hidden;
}

[data-phone-country].phone-country-long-list [data-phone-country-options] {
  max-height: 18rem;
  overflow-x: hidden;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

[data-phone-country-options] [hidden],
[data-phone-country-options] .d-none {
  display: none !important;
}

/* Match the field forms: the title uses Tabler's regular page-title scale,
   without inheriting the compact admin page-header override. */
.form-brand-content .page-title {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: var(--tblr-font-size-h2);
  font-weight: var(--tblr-font-weight-headings);
  line-height: var(--tblr-line-height-h2);
  color: inherit;
}

@media (max-width: 575.98px) {
  .form-brand-lockup {
    gap: .75rem;
  }
}