/* Лента новостей в шапке — 1001 ткань
 * В обычном состоянии в ряду действий стоит «Образцы».
 * При скролле (body.lt-ph-compact) остальные подписи скрываются, а этот слот
 * превращается в «Ленту»: иконка + короткая подпись.
 * На мобильных остаётся только иконка; в нижней навигации «Образцы» заменены
 * этим же пунктом (разметка в header.php).
 * Удалить этот файл и его addCss — вернётся прежнее поведение.
 */

/* по умолчанию показываем «Образцы», «Лента» скрыта */
.lt-production-header .lt-ph-action--feed { display: none !important; }

/* состояние после скролла: слот образцов уступает место ленте */
body.lt-ph-compact .lt-production-header .lt-ph-action--samples { display: none !important; }

body.lt-ph-compact .lt-production-header .lt-ph-action--feed {
  position: relative !important;
  display: grid !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 2px 0 !important;
  justify-items: center !important;
  gap: 4px !important;
  border-radius: 8px !important;
  color: var(--ls-header-text) !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* общее правило прячет подписи в compact — для ленты подпись оставляем */
body.lt-ph-compact .lt-production-header .lt-ph-action--feed > span {
  display: block !important;
  white-space: nowrap !important;
}

/* мобильные: только иконка */
@media (max-width: 1023px) {
  body.lt-ph-compact .lt-production-header .lt-ph-action--feed > span { display: none !important; }
}

/* Desktop compact state keeps the same action labels as the initial header. */
@media (min-width: 1024px) {
  body.lt-ph-compact .lt-production-header .lt-ph-action--samples {
    display: grid !important;
  }

  body.lt-ph-compact .lt-production-header .lt-ph-action--feed {
    display: none !important;
  }

  body.lt-ph-compact .lt-production-header .lt-ph-action > span:not(.lt-ph-count) {
    display: block !important;
    white-space: nowrap !important;
  }
}

/* ── синяя полоса навигации: приглушённый тон вместо яркого #163074 ─────── */
.lt-production-header .lt-ph-quickbar {
  background: #3C4170 !important;
}

/* В компактной desktop-шапке синяя товарная навигация остаётся целиком
   видимой: базовый файл скрывает её после начала прокрутки. */
@media (min-width: 1024px) {
  body.lt-ph-compact .lt-production-header .lt-ph-quickbar {
    display: block !important;
    min-height: 40px !important;
  }
}

/* Product quick navigation belongs to content pages, not to the catalog. */
body.livego-bitrix-catalog .lt-production-header .lt-ph-quickbar {
  display: none !important;
  min-height: 0 !important;
}

/* The base header reserves 40px for the quickbar through min-height. */
body.livego-bitrix-catalog .lt-production-header {
  height: auto !important;
  min-height: 0 !important;
}

/* Keep every desktop action on the same two-row icon/label grid. */
@media (min-width: 1024px) {
  .lt-production-header .lt-ph-actions .lt-ph-action:not(.lt-ph-action--feed) {
    position: relative !important;
    display: grid !important;
    grid-template-rows: 22px 14px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 4px !important;
    line-height: normal !important;
  }

  .lt-production-header .lt-ph-actions .lt-ph-action:not(.lt-ph-action--feed) > svg {
    display: block !important;
    grid-row: 1 !important;
    align-self: center !important;
    margin: 0 auto !important;
  }

  .lt-production-header .lt-ph-actions .lt-ph-action:not(.lt-ph-action--feed) > span:not(.lt-ph-count) {
    display: block !important;
    grid-row: 2 !important;
    min-height: 14px !important;
    line-height: 14px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}

/* Visible quantity badge for every non-empty basket counter in the header. */
.lt-production-header .lt-ph-basket-count:not(.empted) {
  display: grid !important;
  min-width: 18px !important;
  height: 18px !important;
  padding-inline: 4px !important;
  border: 2px solid #fff !important;
  border-radius: 999px !important;
  background: #DE0D1A !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 14px !important;
  font-variant-numeric: tabular-nums !important;
}

/* ── каталог 3×3 в мобильной шапке: иконка рядом с бургером, живёт до самых
     маленьких экранов (как «Лента» — только иконка) ───────────────────────── */

/* грид шапки рассчитан на 3 колонки (бургер/лого/действия) — расширяем под
   четвёртую. Базовые стили жёстко ставят лого и действия в grid-column 2/3;
   без явного номера колонки для НОВОЙ иконки каталога браузер авто-размещает
   её во 2-ю колонку раньше, чем применится явное правило для лого — из-за
   этого лого и действия целиком уезжали на вторую строку грида. Прописываем
   колонку и строку явно для всех четырёх элементов, чтобы порядок был
   предсказуем независимо от авто-расстановки.
   Порядок: бургер / лого / каталог / действия — иконка каталога стоит
   СПРАВА от лого. */
.lt-production-header .lt-ph-mobile-main {
  grid-template-columns: 36px minmax(0, 1fr) 36px auto !important;
  grid-template-rows: minmax(36px, auto) !important;
  align-items: center !important;
  justify-content: start !important;
}

.lt-production-header .lt-ph-mobile-main .lt-ph-mobile-icon:not(.lt-ph-mobile-catalog) {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.lt-production-header .lt-ph-mobile-main .lt-ph-mobile-catalog {
  grid-column: 3 !important;
  grid-row: 1 !important;
}

.lt-production-header .lt-ph-mobile-main .lt-ph-brand {
  grid-column: 2 !important;
  grid-row: 1 !important;
  /* justify-self не задаём — оставляем браузерный stretch по умолчанию,
     чтобы блок лого получал ЧЁТКУЮ ширину ячейки грида (84–274px в
     зависимости от экрана). Без этого при shrink-to-fit (start) ширина
     считалась через intrinsic-размер картинки, а у процентной ширины
     внутри auto-контейнера это в некоторых браузерах даёт 0 — лого
     пропадало. С явной шириной картинка (width:100%) корректно
     вписывается в отведённое место и не наезжает на иконки действий. */
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.lt-production-header .lt-ph-mobile-main .lt-ph-brand img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.lt-production-header .lt-ph-mobile-main .lt-ph-mobile-actions {
  grid-column: 4 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

.lt-production-header .lt-ph-mobile-catalog {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 8px !important;
  color: var(--ink, #262626) !important;
}

.lt-production-header .lt-ph-mobile-catalog svg { width: 22px !important; height: 22px !important; }
.lt-production-header .lt-ph-mobile-catalog:hover { background: var(--surface, #FAF8F6) !important; }

/* ── бургер-меню: компактный dropdown вместо полноэкранной шторки ──────────
   Раньше .lt-ph-mobile-drawer был fixed-панелью на весь экран (translateX
   от края + тёмный backdrop). По образцу staging.1001tkani.ru делаем его
   узкой карточкой, которая выпадает прямо под шапкой, без затемнения экрана
   и без дублирующего лого/крестика внутри — закрывается повторным тапом по
   бургеру, тапом мимо (backdrop остаётся, но прозрачный) или Esc.
   Список разделов расширен: убрали дубли (Каталог — своя иконка рядом,
   Контакты — вошли в «Контакты и документы»), добавили Журнал и объединили
   контакты с документами (реальная страница /dokumenty/). */
@media (max-width: 1024px) {
  .lt-production-header .lt-ph-mobile-backdrop {
    background: transparent !important;
  }

  .lt-production-header .lt-ph-mobile-drawer {
    position: absolute !important;
    inset: auto auto auto 0 !important;
    top: 100% !important;
    left: 16px !important;
    right: auto !important;
    width: min(320px, calc(100vw - 32px)) !important;
    height: auto !important;
    max-height: calc(100vh - 90px) !important;
    padding: 14px 0 10px !important;
    border-radius: 0 0 16px 16px !important;
    box-shadow: 0 10px 30px rgba(38, 38, 38, 0.08) !important;
    transform: translateY(-6px) !important;
    opacity: 0 !important;
    transition: opacity 0.18s ease, transform 0.18s ease !important;
    overflow-y: auto !important;
  }

  .lt-production-header.is-menu-open .lt-ph-mobile-drawer {
    transform: translateY(0) !important;
    opacity: 1 !important;
  }

  /* лого и крестик внутри панели не нужны — шапка уже показывает лого,
     а закрытие работает через тап мимо/повторный тап по бургеру/Esc */
  .lt-production-header .lt-ph-drawer-head {
    display: none !important;
  }

  .lt-production-header .lt-ph-drawer-nav {
    margin-top: 0 !important;
    gap: 0 !important;
  }

  .lt-production-header .lt-ph-drawer-nav a {
    min-height: auto !important;
    padding: 11px 22px !important;
    border-radius: 0 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
  }

  .lt-production-header .lt-ph-drawer-nav a::after {
    color: var(--lt-color-line, #D5D2CA) !important;
    font-weight: 400 !important;
    font-size: 13px !important;
  }

  .lt-production-header .lt-ph-drawer-contact {
    margin-top: 0 !important;
    padding: 14px 22px 4px !important;
  }

  .lt-production-header .lt-ph-drawer-contact a {
    font-size: 16px !important;
  }

  .lt-production-header .lt-ph-drawer-social {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .lt-production-header .lt-ph-drawer-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    border: 1px solid var(--lt-color-line, #EBE7E4) !important;
    color: var(--ink, #262626) !important;
  }

  .lt-production-header .lt-ph-drawer-social svg {
    width: 18px !important;
    height: 18px !important;
  }
}