/* ============================================================
   theom.show — мобильные правки
   1. Плашка cookie: кнопки в ряд, меньше отступов
   2. Бургер: зона нажатия 44x44 без смещения иконки
   ============================================================ */

/* ---------- 1. Плашка cookie ---------- */
@media screen and (max-width: 560px) {

  #rec4465000601 .t972__banner {
    padding: 14px 16px 16px !important;
  }

  #rec4465000601 .t972__text {
    line-height: 1.4 !important;
  }

  #rec4465000601 .t972__buttons {
    margin-top: 14px !important;
  }

  /* обе кнопки лежат в одной обёртке стопкой — кладём их в ряд */
  #rec4465000601 .t972__buttons-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  #rec4465000601 .t972__buttons-wrap > * {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  #rec4465000601 .t972__buttons-wrap .t-btn {
    width: 100% !important;
    margin: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: normal !important;
  }
}

/* ---------- 2. Зона нажатия бургера ---------- */
/* Псевдоэлемент на самой иконке: клик по нему попадает в неё же
   и всплывает к обработчику выше по дереву. */
.t-menuburger {
  position: relative;
}

.t-menuburger::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 44px;
  height: 44px;
  transform: translate(-50%, -50%);
}

/* чтобы увеличенная зона не обрезалась контейнерами бургера */
.t3112__menu__content,
.t3112__burger_container,
.t3112__burger_bg {
  overflow: visible !important;
}

/* ---------- 3. Хлебные крошки: контейнер не перехватывает мышь ---------- */
/* HTML-элемент с кодом крошек в шапке занимает 412x242 px и ложился поверх
   плиток «Артисты» и «Мероприятия» на главной и карточки The OM на /artists:
   там не срабатывал ховер. Сама плашка крошек остаётся кликабельной. */
.tn-elem[data-elem-id="1786042328650"] {
  pointer-events: none;
}

.breadcrumbs-wrapper {
  pointer-events: auto;
}

/* ---------- 4. iPhone: сплошная плашка внизу экрана ---------- */
/* Safari на iOS 26 закрашивает область под нижней панелью браузера цветом
   фона элемента, закреплённого у нижнего края экрана. Псевдоэлементы
   (::before/::after) Safari при этом не учитывает, поэтому полосой служит
   настоящий элемент, который есть на каждой странице и уже закреплён внизу, —
   контейнер плашки cookie. Пока плашка cookie или её настройки на экране,
   правило не действует. После «Принять» контейнер становится полосой цвета
   фона высотой 12px. Правило только для iPhone. */
@supports (-webkit-touch-callout: none) {
  html {
    background-color: #121212;
  }

  @media screen and (max-width: 500px) {
    .t972:not(:has(.t972__banner_show)):not(:has(.t972__settings_show)) {
      display: block !important;
      position: fixed !important;
      top: auto !important;
      bottom: 0 !important;
      left: 0 !important;
      right: 0 !important;
      height: 12px !important;
      overflow: hidden !important;
      background-color: #121212 !important;
      pointer-events: none !important;
    }
  }
}