/* Avacal Heraldry — shared front-end module layout. No colours declared here;
   text, links, and buttons inherit from the Joomla template/Bootstrap.

   Control rows use Bootstrap's own .row/.col-* grid (already loaded on every
   Joomla 5 page) instead of hand-rolled flexbox — deterministic column
   sizing, not auto-computed nested flex-basis. This file only supplies the
   visual card treatment around that grid: border, background, label style. */

.avacal-toolbar {
  display: flex;
  flex-direction: column;
  gap: .625rem;
  margin-bottom: 1rem;
  padding: .875rem 1rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius, .375rem);
}

.avacal-toolbar-clear {
  align-self: flex-end;
  margin-bottom: -.25rem;
}

.avacal-toolbar-group {
  padding: .625rem .75rem;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius, .375rem);
  background: var(--bs-gray-100);
}

.avacal-toolbar-label {
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--bs-secondary);
  white-space: nowrap;
}

.avacal-az-nav {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem;
}

.avacal-az-nav .btn {
  min-width: 2.25rem;
  padding: .25rem .4rem;
  text-align: center;
}

.avacal-clear-link {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .8125rem;
  white-space: nowrap;
}