/**
 * Buddha Mind — визуальная унификация шапки (header).
 * Только CSS: структура, порядок элементов и логика не меняются.
 */
:root {
  --bm-ds-radius-pill: 999px;
  --bm-ds-radius-card: 22px;
  --bm-ds-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  --bm-ds-shadow-hover: 0 12px 28px rgba(0, 0, 0, 0.1);
  --bm-ds-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --bm-ds-dur: 0.25s;

  --bm-h-action-h: 44px;
  --bm-h-search-h: 48px;
  --bm-h-pad-x: 18px;
  --bm-h-gap: 14px;
  --bm-h-border: rgba(255, 255, 255, 0.14);
  --bm-h-border-hover: rgba(193, 154, 75, 0.5);
  --bm-h-surface: rgba(255, 255, 255, 0.05);
  --bm-h-surface-hover: rgba(255, 255, 255, 0.09);
}

/* ── Верхняя utility-плашка ── */
header > #top.top-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
}

header > #top.top-menu > .container {
  min-height: 40px !important;
  gap: 20px !important;
}

header > #top.top-menu .top-menu__buttons {
  gap: 20px !important;
}

header > #top.top-menu .top-menu__btn {
  transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header > #top.top-menu .top-menu__buttons .dropdown-menu {
  border-radius: var(--bm-ds-radius-card) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--bm-ds-shadow) !important;
  margin-top: 8px !important;
  background: var(--color-bg-warm, #f5f1e8) !important;
  padding: 6px 0 !important;
}

/* Dropdown top bar: тёмный текст на светлом фоне (перебивает header > #top.top-menu a) */
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a,
header > #top.top-menu .top-menu__buttons .dropdown-menu a {
  color: var(--color-primary, #14182a) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  padding: 10px 16px !important;
  line-height: 1.35 !important;
  white-space: nowrap;
  transition:
    background var(--bm-ds-dur) var(--bm-ds-ease),
    color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a:hover,
header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a:focus,
header > #top.top-menu .top-menu__buttons .dropdown-menu a:hover,
header > #top.top-menu .top-menu__buttons .dropdown-menu a:focus {
  color: var(--color-gold-deep, #8c6a3b) !important;
  background: rgba(193, 154, 75, 0.12) !important;
}

header > #top.top-menu .top-menu__buttons .dropdown-menu > li > a i,
header > #top.top-menu .top-menu__buttons .dropdown-menu a i {
  color: var(--color-text-muted, #6b6e80) !important;
}

header > #top.top-menu .top-menu__buttons .dropdown-menu hr {
  border-color: var(--color-border, #e6dfd0) !important;
  margin: 4px 0 !important;
}

/* ── Основная полоса header-block ── */
@media (min-width: 992px) {
  header .header-block.bm-header-bar {
    padding: 16px 0 !important;
    border-top-color: rgba(255, 255, 255, 0.06) !important;
  }

  header .bm-header-bar .header-block__item {
    display: flex !important;
    align-items: center !important;
  }
}

/* ── Каталог (кнопка меню) ── */
@media (min-width: 992px) {
  .bm-header-bar .header-block__item-menu .header-menu__btn {
    height: var(--bm-h-action-h) !important;
    min-height: var(--bm-h-action-h) !important;
    padding: 0 var(--bm-h-pad-x) !important;
    gap: 9px !important;
    background: var(--bm-h-surface) !important;
    border: 1px solid var(--bm-h-border) !important;
    border-radius: var(--bm-ds-radius-pill) !important;
    color: var(--color-on-primary) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em !important;
    line-height: 1 !important;
    box-shadow: none !important;
    transition:
      background var(--bm-ds-dur) var(--bm-ds-ease),
      border-color var(--bm-ds-dur) var(--bm-ds-ease),
      color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-header-bar .header-menu__btn:hover,
  .bm-header-bar .header-menu__btn:focus {
    background: var(--bm-h-surface-hover) !important;
    border-color: var(--bm-h-border-hover) !important;
    color: var(--color-on-primary) !important;
  }
}

/* ── Поиск (hero-элемент шапки) ── */
header .header-search {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--bm-ds-radius-pill) !important;
  box-shadow: 0 2px 14px rgba(20, 24, 42, 0.1) !important;
  transition:
    border-color var(--bm-ds-dur) var(--bm-ds-ease),
    box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header .header-search:focus-within {
  border-color: rgba(193, 154, 75, 0.42) !important;
  box-shadow:
    0 4px 20px rgba(20, 24, 42, 0.12),
    0 0 0 1px rgba(193, 154, 75, 0.18) !important;
}

header .header-search__form {
  min-height: var(--bm-h-search-h) !important;
  border-radius: var(--bm-ds-radius-pill) !important;
}

header .header-search__input.form-control,
header .header-search__input {
  height: var(--bm-h-search-h) !important;
  min-height: var(--bm-h-search-h) !important;
  line-height: var(--bm-h-search-h) !important;
  padding: 0 54px 0 20px !important;
  font-size: 15px !important;
}

header .header-search .search-btn-clear {
  border-radius: var(--bm-ds-radius-pill) !important;
  background: var(--color-gold-soft) !important;
  transition: background var(--bm-ds-dur) var(--bm-ds-ease), color var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header .header-search .search-btn-clear:hover {
  background: rgba(193, 154, 75, 0.22) !important;
  color: var(--color-gold-deep) !important;
}

header .header-search__btn.search-btn,
header .header-search .header-search__btn {
  top: 4px !important;
  right: 4px !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  border-radius: var(--bm-ds-radius-pill) !important;
  background: var(--color-gold) !important;
  color: var(--color-primary) !important;
  box-shadow: none !important;
  transition: background var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header .header-search__btn.search-btn:hover,
header .header-search .header-search__btn:hover {
  background: var(--color-gold-hover) !important;
  color: var(--color-primary) !important;
}

header .header-search__btn i,
header .header-search .header-search__btn i {
  color: var(--color-primary) !important;
}

/* ── Телефон ── */
@media (min-width: 992px) {
  .bm-header-bar .header-phones {
    align-items: center !important;
    min-height: var(--bm-h-action-h) !important;
    gap: 8px 10px !important;
  }

  .bm-header-bar .header-phones::before {
    font-size: 15px !important;
    opacity: 0.92;
  }

  .bm-header-bar .header-phones__main {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
    letter-spacing: 0.02em !important;
    transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-header-bar .header-phones__main:hover {
    color: var(--color-gold) !important;
  }

  .bm-header-bar .header-phones__show-phone {
    font-size: 11px !important;
    line-height: 1 !important;
    opacity: 0.75;
    transition: color var(--bm-ds-dur) var(--bm-ds-ease), opacity var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-header-bar .header-phones__show-phone:hover {
    opacity: 1;
    color: var(--color-gold) !important;
  }
}

header .header-phones .dropdown-menu {
  border-radius: var(--bm-ds-radius-card) !important;
  border: 1px solid var(--color-border) !important;
  box-shadow: var(--bm-ds-shadow) !important;
}

/* ── Корзина: solid gold (перебивает transparent + псевдоэлементы из redesign) ── */
header .bm-header-bar .header-cart__btn::before,
header .bm-header-bar .header-cart__btn::after,
.bm-header-bar .header-cart__btn::before,
.bm-header-bar .header-cart__btn::after {
  display: none !important;
  opacity: 0 !important;
  content: none !important;
}

header .bm-header-bar .header-cart__btn,
header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn {
  background: var(--color-gold) !important;
  color: var(--color-primary) !important;
  transition:
    background var(--bm-ds-dur) var(--bm-ds-ease),
    box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
}

header .bm-header-bar .header-cart__btn:hover,
header .bm-header-bar .header-cart__btn:active,
.bm-header-bar .header-cart__btn:hover,
.bm-header-bar .header-cart__btn:active {
  background: var(--color-gold-hover) !important;
  color: var(--color-primary) !important;
}

@media (min-width: 992px) {
  header .bm-header-bar .header-cart__btn,
  .bm-header-bar .header-cart__btn {
    height: var(--bm-h-action-h) !important;
    min-height: var(--bm-h-action-h) !important;
    padding: 0 18px 0 14px !important;
    gap: 9px !important;
    border: 0 !important;
    border-radius: var(--bm-ds-radius-pill) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
    box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
  }

  header .bm-header-bar .header-cart__btn:hover,
  header .bm-header-bar .header-cart__btn:active,
  .bm-header-bar .header-cart__btn:hover,
  .bm-header-bar .header-cart__btn:active {
    box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
  }

  header .bm-header-bar .header-cart__total-items,
  .bm-header-bar .header-cart__total-items {
    background: var(--color-primary) !important;
    color: var(--color-on-primary) !important;
    border-radius: var(--bm-ds-radius-pill) !important;
    min-width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 6px !important;
    font-size: 10px !important;
  }
}

header .header-cart__btn .header-cart__icon svg,
header .header-cart__btn .header-cart__icon svg path {
  stroke: var(--color-primary) !important;
}

/* ── Горизонтальное меню категорий (bm-cat-nav) ── */
@media (min-width: 992px) {
  .bm-cat-nav {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }

  .bm-cat-nav__inner {
    min-height: 46px !important;
  }

  .bm-cat-nav__list a {
    padding: 10px 6px !important;
    font-size: 13.5px !important;
    font-weight: 450 !important;
    line-height: 1.35 !important;
    color: rgba(245, 241, 232, 0.84) !important;
    transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-cat-nav__list a:hover,
  .bm-cat-nav__list a:focus {
    color: var(--color-gold) !important;
    text-decoration: none !important;
  }

  a.bm-cat-nav__label,
  .bm-cat-nav__label {
    line-height: 1.35 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }
}

@media (max-width: 991px) {
  .bm-cat-nav__list a {
    padding: 9px 12px !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    transition: color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-cat-nav__list a:hover {
    color: var(--color-gold) !important;
  }
}

/* ── Flyout каталога ── */
@media (min-width: 992px) {
  .menu-wrapper.new.show {
    border-radius: var(--bm-ds-radius-card) !important;
    box-shadow: var(--bm-ds-shadow) !important;
    border-color: var(--color-border) !important;
  }

  .menu1.new .menu__level-1-a {
    padding: 10px 18px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    transition: background var(--bm-ds-dur) var(--bm-ds-ease), color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .menu1.new .menu__level-1-li:hover > .menu__level-1-a,
  .menu1.new .menu__level-1-li.open > .menu__level-1-a {
    color: var(--color-primary) !important;
  }
}

/* ── Live search dropdown ── */
.bm-ls__list,
.live-search.bm-ls .live-search__ul {
  border-radius: var(--bm-ds-radius-card) !important;
  box-shadow: var(--bm-ds-shadow-hover) !important;
  border-color: var(--color-border) !important;
}

.bm-ls__more {
  border-radius: var(--bm-ds-radius-pill) !important;
}

/* ── Mobile: единые action-кнопки 44px ── */
@media (max-width: 991px) {
  /* Не перебивать Bootstrap hidden-xs / hidden-sm и сетку redesign */
  header .bm-header-bar .header-block__item-menu,
  header .bm-header-bar .header-block__item-search,
  header .bm-header-bar .header-block__item-telephone,
  header .bm-header-bar .header-block__item-account,
  header .bm-header-bar .header-block__item-wishlist,
  header .bm-header-bar .header-block__item-compare,
  header .bm-header-bar .hidden-xs,
  header .bm-header-bar .hidden-sm {
    display: none !important;
  }

  .bm-header-shell .header-block.bm-header-bar {
    gap: 10px !important;
    padding: 12px 0 14px !important;
  }

  .bm-header-bar__menu-slot .menu-open {
    border-radius: var(--bm-ds-radius-pill) !important;
    border: 1px solid var(--bm-h-border) !important;
    background: var(--bm-h-surface) !important;
    transition:
      background var(--bm-ds-dur) var(--bm-ds-ease),
      border-color var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-header-bar__menu-slot .menu-open:hover,
  .bm-header-bar__menu-slot .menu-open:focus {
    background: var(--bm-h-surface-hover) !important;
    border-color: var(--bm-h-border-hover) !important;
  }

  .bm-header-bar__search-btn {
    border-radius: var(--bm-ds-radius-pill) !important;
    background: var(--color-gold) !important;
    color: var(--color-primary) !important;
    box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
    transition: background var(--bm-ds-dur) var(--bm-ds-ease), box-shadow var(--bm-ds-dur) var(--bm-ds-ease) !important;
  }

  .bm-header-bar__search-btn:hover,
  .bm-header-bar__search-btn.is-active {
    background: var(--color-gold-hover) !important;
    color: var(--color-primary) !important;
    box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
  }

  header .bm-header-bar .header-cart__btn,
  .bm-header-bar .header-cart__btn {
    border-radius: var(--bm-ds-radius-pill) !important;
    background: var(--color-gold) !important;
    color: var(--color-primary) !important;
    box-shadow: 0 2px 10px rgba(20, 24, 42, 0.12) !important;
  }

  header .bm-header-bar .header-cart__btn:hover,
  header .bm-header-bar .header-cart__btn:active,
  .bm-header-bar .header-cart__btn:hover,
  .bm-header-bar .header-cart__btn:active {
    background: var(--color-gold-hover) !important;
    box-shadow: 0 4px 14px rgba(20, 24, 42, 0.14) !important;
  }

  #search2.bm-mobile-search-panel.is-open {
    padding: 0 12px 12px !important;
  }

  #search2.bm-mobile-search-panel .header-search {
    box-shadow: 0 2px 14px rgba(20, 24, 42, 0.1) !important;
  }

  #search2.bm-mobile-search-panel .header-search__btn {
    top: 4px !important;
    right: 4px !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: var(--bm-ds-radius-pill) !important;
  }
}

/* ── Плавающие кнопки (fly-block + fly-menu) ── */
.fly-block {
  z-index: 1065 !important;
  pointer-events: none;
}

.fly-block__item {
  pointer-events: auto;
}

.fly-block__scrollup.visible {
  transform: scale(1) !important;
}

.fly-block__scrollup:not(.visible) {
  margin: -66px 0 0;
  pointer-events: none;
}

.fly-menu {
  z-index: 1040 !important;
}

/* ── reduced motion ── */
@media (prefers-reduced-motion: reduce) {
  header .header-search,
  header .header-search__btn,
  .bm-header-bar .header-cart__btn,
  .bm-header-bar .header-menu__btn,
  .bm-cat-nav__list a {
    transition: none !important;
  }
}
