/* ==========================================================================
   Header — Top Bar (узкий ряд: режим работы, контакты, соцсети)
   Виден только на ≥lg (992px+)
   ========================================================================== */

.mc-topbar {
  display: none;
  background: var(--color-bg-cream);
  border-block-end: 1px solid var(--color-border);
  font-size: var(--fs-xs);
  color: var(--color-text-soft);
}

@media (min-width: 992px) {
  .mc-topbar { display: block; }
}

.mc-topbar__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-5);
  min-height: 36px;
  padding-block: var(--space-1);
}

.mc-topbar__left,
.mc-topbar__right {
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

.mc-topbar__item {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  color: var(--color-text-soft);
  text-decoration: none;
  transition: color var(--dur-fast) var(--ease-out);
}

.mc-topbar__item:hover {
  color: var(--color-primary);
  text-decoration: none;
}

.mc-topbar__item i {
  color: var(--color-primary);
  font-size: var(--fs-sm);
}

.mc-topbar__divider {
  width: 1px;
  height: 14px;
  background: var(--color-border);
}

.mc-topbar__socials {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.mc-topbar__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: var(--radius-pill);
  text-decoration: none;
  transition: transform var(--dur-fast) var(--ease-out),
              opacity var(--dur-fast) var(--ease-out);
}

.mc-topbar__social-link img {
  width: 18px;
  height: 18px;
  display: block;
}

.mc-topbar__social-link:hover {
  transform: translateY(-1px);
  opacity: 0.85;
  text-decoration: none;
}