/* Палитра — доработки поверх bvi.min.css.
   Подключается после bvi.min.css (см. src/app/layout.tsx). */

/* Патч плагина убирает обёртку body, но класс .bvi-body мы вешаем вручную на wrapper.
   Убираем боковые отступы, которые плагин добавляет этой обёртке. */
body .bvi-body {
  padding: 0 !important;
}

/* Фиксированная шапка сайта не должна заезжать под фиксированную панель BVI. */
body.bvi-active header.scroll-fixed {
  top: var(--bvi-panel-offset, 0px) !important;
}

/* Контент страницы сдвигаем под высоту панели BVI. */
body.bvi-active .page {
  padding-top: calc(163px + var(--bvi-panel-offset, 0px)) !important;
}

@media (max-width: 767.98px) {
  body.bvi-active .page {
    padding-top: calc(90px + var(--bvi-panel-offset, 0px)) !important;
  }
}

/* Кнопка-подарок (.gift) целиком построена на em и масштабируется от
   font-size. BVI форсит font-size:24px на все элементы, из-за чего подарок
   раздувается на пол-экрана. Возвращаем исходную базовую величину, а
   визуальные дочерние элементы наследуют её (тултип не трогаем — иначе текст
   станет микроскопическим). */
html body.bvi-active .gift {
  font-size: calc(70px / 18) !important;
}

html body.bvi-active .gift__bow,
html body.bvi-active .gift__bow-center,
html body.bvi-active .gift__bow-left,
html body.bvi-active .gift__bow-right,
html body.bvi-active .gift__box,
html body.bvi-active .gift__lid,
html body.bvi-active .gift__lid-shadow,
html body.bvi-active .gift__star {
  font-size: inherit !important;
}

@media (max-width: 479.98px) {
  html body.bvi-active .gift {
    font-size: calc(55px / 18) !important;
  }
}

/* Декоративные непрерывные анимации в BVI-режиме выключаем. */
body.bvi-active .btnGlare,
body.bvi-active .circle-rotate,
body.bvi-active .clinic-status,
body.bvi-active .animate-hover-wave {
  animation: none !important;
}

/* Кнопка «Версия для слабовидящих»: иконка без тёмной подложки. */
body.bvi-active .bvi-open svg {
  background-color: transparent !important;
  fill: currentColor !important;
}

/* Контентные изображения (до/после, галереи, фото) должны оставаться видимыми
   даже при выборе «Скрыть изображения». */
body.bvi-active .bvi-body[data-bvi-images='false'] .bvi-content-image img,
body.bvi-active .bvi-body[data-bvi-images='false'] img.bvi-content-image,
body.bvi-active .bvi-body[data-bvi-images='false'] .bvi-content-image .before-after-slider,
body.bvi-active .bvi-body[data-bvi-images='false'] .bvi-content-image .before-after-slider img {
  visibility: visible !important;
  opacity: 1 !important;
  display: block !important;
  max-width: none !important;
}

/* Цветные контентные фото — сбрасываем ч/б фильтр плагина. */
body.bvi-active .bvi-body[data-bvi-images='true'] .bvi-content-image img,
body.bvi-active .bvi-body[data-bvi-images='true'] img.bvi-content-image,
body.bvi-active .bvi-body[data-bvi-images='true'] .bvi-content-image .before-after-slider img {
  visibility: visible !important;
  opacity: 1 !important;
  filter: none !important;
  -webkit-filter: none !important;
}