/* ==========================================================================
   TOPBAR — the address bar above the menu (header.php)

   Phone, address and opening days on the left; email and social links on the
   right. Display only: nothing here is interactive beyond the links, and any
   item can be emptied in Theme Settings without disturbing the layout.
   ========================================================================== */

.aumtm-topbar {
  background: var(--aumtm-blue);
  color: rgba(255, 255, 255, 0.82);
  font-size: var(--aumtm-fs-xs);
  line-height: 1;
}

.aumtm-topbar__inner {
  min-height: var(--aumtm-topbar-h);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}

.aumtm-topbar__group {
  display: flex;
  align-items: center;
  gap: 1.75rem;
  min-width: 0;
}

.aumtm-topbar__item {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.aumtm-topbar__item svg {
  width: 14px;
  height: 14px;
  flex: none;
  stroke: var(--aumtm-cyan-soft);
  fill: none;
  stroke-width: 1.7;
}
a.aumtm-topbar__item { transition: color var(--aumtm-dur) var(--aumtm-ease); }
a.aumtm-topbar__item:hover { color: #fff; }

.aumtm-topbar__social { display: flex; align-items: center; gap: 0.875rem; }
.aumtm-topbar__social a {
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  color: rgba(255, 255, 255, 0.7);
  transition: color var(--aumtm-dur) var(--aumtm-ease);
}
.aumtm-topbar__social a:hover { color: var(--aumtm-cyan-soft); }
.aumtm-topbar__social svg { width: 15px; height: 15px; fill: currentColor; }

/* --------------------------------------------------------------------------
   Narrow screens

   The bar stays, but only the phone number survives: three items on one line
   wrap and push the header down.

   Hiding the address here is safe because it is repeated verbatim in the footer
   and on the contact page — nothing is only available in this bar. Content that
   exists in one place is removed from the markup instead of being hidden.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
  .aumtm-topbar__inner { justify-content: center; }
  .aumtm-topbar__group--right { display: none; }
  .aumtm-topbar__item--address,
  .aumtm-topbar__item--hours { display: none; }
}

/* --------------------------------------------------------------------------
   Language switcher

   Rendered only when more than one language exists, so there is no markup at
   all on a single-language site.
   -------------------------------------------------------------------------- */
.aumtm-lang ul {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.aumtm-lang li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 11px;
  margin-right: 0.75rem;
  vertical-align: -1px;
  background: rgba(255, 255, 255, 0.28);
}
.aumtm-lang__link {
  color: rgba(255, 255, 255, 0.72);
  font-size: var(--aumtm-fs-xs);
  font-weight: 600;
  letter-spacing: 0.04em;
  white-space: nowrap;
  transition: color var(--aumtm-dur) var(--aumtm-ease);
}
.aumtm-lang__link:hover { color: #fff; }
.aumtm-lang__link.is-current { color: #fff; }
.aumtm-lang__link.is-current::after {
  content: "";
  display: block;
  height: 2px;
  margin-top: 3px;
  background: var(--aumtm-cyan-soft);
}

@media (max-width: 900px) {
  /* The left group is centred when it stands alone; with a switcher present the
     two sit at opposite ends instead. */
  .aumtm-topbar__inner:has(.aumtm-lang) { justify-content: space-between; }
  .aumtm-lang ul { gap: 0.5rem; }
  .aumtm-lang li + li::before { margin-right: 0.5rem; }
}