/* ==========================================================================
   ОАО «Универмаг «Центральный» — строка контактов, режима работы и ссылок
   Файл: templates/section/css/topbar.css
   Иконки встроены в CSS как векторные data-URI: тегов <img> в модуле нет,
   вырезать текстовым фильтрам Joomla нечего.
   ========================================================================== */

.tsm-bar {
  --tsm-brand: #57071a;
  --tsm-accent: #b94a24;
  --tsm-accent-deep: #96381a;
  --tsm-accent-wash: rgba(185, 74, 36, .09);
  --tsm-ink: #201a1c;
  --tsm-muted: #6f6469;
  --tsm-line: #e7e1e2;
  --tsm-paper: #f6f4f5;
  --tsm-white: #fff;

  /* блоки собраны у правого края, между ними одинаковый промежуток */
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 32px;
  padding: 6px 0;
  color: var(--tsm-ink);
  font-size: 14px;
  line-height: 1.4;
}

.tsm-bar *,
.tsm-bar *::before,
.tsm-bar *::after { box-sizing: border-box; }

.tsm-bar__group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
}

/* --- телефон, факс, режим работы — каждый в одну строку ---------------------- */

.tsm-bar__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  font-size: 14.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  letter-spacing: .01em;
  text-decoration: none;
  white-space: nowrap;
}

.tsm-bar__item::before {
  content: "";
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

a.tsm-bar__item { transition: color .2s ease; }
a.tsm-bar__item:hover { color: var(--tsm-accent-deep); }

.tsm-bar__item--fax { color: var(--tsm-muted); font-weight: 500; }

/* дни недели и разделитель внутри режима работы */
.tsm-bar__item b { font-weight: 700; }

.tsm-bar__item i {
  margin: 0 9px;
  font-style: normal;
  color: var(--tsm-line);
}

/* --- ссылки ------------------------------------------------------------------- */

.tsm-bar__group--links { gap: 8px; }

.tsm-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 15px 7px 7px;
  border: 1px solid var(--tsm-line);
  border-radius: 999px;
  background: var(--tsm-paper);
  color: #57071a;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: border-color .2s ease, background-color .2s ease, color .2s ease;
}

.tsm-bar__link::before {
  content: "";
  flex: 0 0 auto;
  width: 26px;
  height: 26px;
  border-radius: 999px;
  background-color: var(--tsm-white);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px 15px;
}

.tsm-bar__link:hover,
.tsm-bar__link:focus-visible {
  border-color: var(--tsm-accent);
  background: var(--tsm-accent);
  color: var(--tsm-white);
}

.tsm-bar__link:hover::before,
.tsm-bar__link:focus-visible::before { background-color: rgba(255, 255, 255, .9); }

/* на узком экране блоки переносятся и выравниваются по левому краю */
@media (max-width: 760px) {
  .tsm-bar { justify-content: flex-start; gap: 10px 20px; }
}

@media (max-width: 480px) {
  .tsm-bar__link { flex: 1 1 auto; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
  .tsm-bar__link,
  a.tsm-bar__item { transition: none; }
}

/* --- иконки -------------------------------------------------------------------- */

.tsm-bar__item--phone::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.4 3.5h3l1.5 3.8-2 1.4a12 12 0 0 0 6.4 6.4l1.4-2 3.8 1.5v3a2 2 0 0 1-2.2 2C10.6 19 5 13.4 4.4 5.7a2 2 0 0 1 2-2.2z'/%3E%3C/svg%3E"); }
.tsm-bar__item--fax::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3.5h10V8'/%3E%3Crect x='2.8' y='8' width='18.4' height='7.5' rx='1.6'/%3E%3Cpath d='M17.8 11.4h.01'/%3E%3Cpath d='M7 13.5h10V20.5H7z'/%3E%3C/svg%3E"); }
.tsm-bar__item--hours::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.2l3.4 2'/%3E%3C/svg%3E"); }
.tsm-bar__link--shop::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16l-1.3 12.2a1.6 1.6 0 0 1-1.6 1.4H6.9a1.6 1.6 0 0 1-1.6-1.4z'/%3E%3Cpath d='M8.6 10V6.6a3.4 3.4 0 0 1 6.8 0V10'/%3E%3C/svg%3E"); }
.tsm-bar__link--food::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 3v7.4a2.4 2.4 0 0 0 4.8 0V3M8.9 10.4V21'/%3E%3Cpath d='M17.2 21v-7.6h-1.4c0-4 .8-8 2.6-10.4h.4V21z'/%3E%3C/svg%3E"); }
.tsm-bar__link--tg::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b94a24' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.2 4.3 2.9 11.2c-.9.3-.9 1.6.1 1.9l4.6 1.4 1.7 5.2c.2.7 1.1.9 1.6.3l2.4-2.6 4.6 3.4c.6.4 1.4.1 1.6-.6l3-14.6c.2-.8-.6-1.5-1.3-1.3z'/%3E%3Cpath d='m7.6 14.5 10.9-7.6-7.2 8.4'/%3E%3C/svg%3E"); }

/* ==========================================================================
   ЗАЩИТА ОТ СТИЛЕЙ ШАБЛОНА
   Модульные позиции задают собственные отступы, выравнивание и правила для
   ссылок. Блок должен оставаться последним в файле.
   ========================================================================== */

.tsm-bar { display: flex !important; float: none !important; }
.tsm-bar .tsm-bar__group { display: flex !important; float: none !important; }

.tsm-bar .tsm-bar__item,
.tsm-bar .tsm-bar__link {
  display: inline-flex !important;
  float: none !important;
  margin: 0 !important;
  text-indent: 0 !important;
  text-transform: none !important;
  text-shadow: none !important;
}

.tsm-bar .tsm-bar__link { background-image: none; }
.tsm-bar .tsm-bar__item b,
.tsm-bar .tsm-bar__item i { display: inline !important; }