/* ============================================================
   ПРОБА 585 — логотип и мобильная панель. 12.09.2026
   Логомарка НЕ перерисовывается: правим только то, что её искажало.
   ============================================================ */

/* --- 1. Никаких фильтров и crisp-edges -----------------------------------
   filter: contrast(1.08) saturate(1.05) менял фирменный тёмно-зелёный,
   image-rendering: crisp-edges рвал края при сжатии 512px -> 56px.        */
.brand-logo,
.brand-logo--dark,
.site-header .brand-logo,
.site-footer .brand-logo{
  filter: none !important;
  -webkit-filter: none !important;
  image-rendering: auto !important;
}

/* --- 2. Логомарка всегда строго квадратная -------------------------------
   На мобиле бокс схлопывался до 60x32 и border-radius:50% давал ОВАЛ.     */
.site-header .brand-logo,
.site-header--green .brand-logo,
.site-header--green.site-header--light .brand-logo,
.site-footer .brand-logo,
.site-footer .brand .brand-logo,
.site-footer .brand-logo.brand-logo--footer{
  aspect-ratio: 1 / 1 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  object-fit: contain !important;
  object-position: center center !important;
  box-sizing: border-box !important;
}

/* Светлая шапка: белый фон — белая подложка с тенью не нужна,
   она давала только грязный ореол. Марка становится крупнее и чище. */
.site-header--green.site-header--light .brand-logo{
  width: 56px !important;  height: 56px !important;
  min-width: 56px !important;  max-width: 56px !important;
  min-height: 56px !important; max-height: 56px !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
/* Зелёная (тёмная) шапка: подложка нужна, но строго круглая. */
.site-header--green:not(.site-header--light) .brand-logo{
  width: 60px !important;  height: 60px !important;
  min-width: 60px !important;  max-width: 60px !important;
  min-height: 60px !important; max-height: 60px !important;
  border-radius: 50% !important;
}
.site-footer .brand-logo,
.site-footer .brand .brand-logo,
.site-footer .brand-logo.brand-logo--footer{
  width: 60px !important;  height: 60px !important;
  min-width: 60px !important;  max-width: 60px !important;
  min-height: 60px !important; max-height: 60px !important;
  border-radius: 50% !important;
}
/* Уменьшённые состояния — тоже квадрат, а не овал. */
.site-header.scrolled.site-header--green .brand-logo{
  width: 48px !important;  height: 48px !important;
  min-width: 48px !important;  max-width: 48px !important;
  min-height: 48px !important; max-height: 48px !important;
}

/* --- 3. Текст логотипа по ТЗ: ПРОБА — чёрный, 585 — #FFB800 -------------- */
.site-header--light .brand-text .name{ color: #131614 !important; }
.brand-text .name .b585{
  font-style: normal !important;
  color: #FFB800 !important;
}
.site-header--green:not(.site-header--light) .brand-text .name,
.site-footer .brand-text .name{ color: #FFF !important; }
.site-header--green:not(.site-header--light) .brand-text .name .b585,
.site-footer .brand-text .name .b585{ color: #FFB800 !important; }

/* --- 4. Мобильная шапка: убираем обрубки кнопок ---------------------------
   «Написать в МАКС» схлопывался в пустую пилюлю, «Оставить заявку» —
   в кружок с обрезанным текстом. Их роль забирает нижняя панель (ТЗ сайт4). */
@media (max-width: 767px){
  html body .site-header .hdr-actions .hdr-max-btn,
  html body .site-header .hdr-actions .btn-callback,
  html body .site-header--light .hdr-actions .btn-callback,
  html body .site-header .hdr-actions{ display: none !important; }
  .site-header--green.site-header--light .brand-logo{
    width: 46px !important;  height: 46px !important;
    min-width: 46px !important;  max-width: 46px !important;
    min-height: 46px !important; max-height: 46px !important;
  }
}

/* --- 5. Нижняя мобильная панель: Позвонить | Оценить | Маршрут (ТЗ сайт4) - */
.mobile-bar{ display: none; }
@media (max-width: 767px){
  .mobile-bar{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    position: fixed; left: 0; right: 0; bottom: 0;
    z-index: 1300;
    background: #FFFFFF;
    border-top: 1px solid #e8ecea;
    box-shadow: 0 -4px 16px rgba(19,22,20,.10);
    padding-bottom: env(safe-area-inset-bottom, 0px);
  }
  .mobile-bar__item{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 4px;
    padding: 9px 4px 8px;
    text-decoration: none !important;
    color: #131614 !important;
    font-size: 12px; font-weight: 600; line-height: 1.1;
    background: none; border: 0;
    -webkit-tap-highlight-color: transparent;
  }
  .mobile-bar__item + .mobile-bar__item{ border-left: 1px solid #eef1ee; }
  .mobile-bar__item svg{ width: 22px; height: 22px; stroke: #0B5033; }
  .mobile-bar__item:active{ background: #f4f7f4; }
  .mobile-bar__item--accent{ color: #0B5033 !important; }
  .mobile-bar__item[href^="tel:"]{ color: #131614 !important; }
  .mobile-bar__item--accent svg{ stroke: #0B5033; }

  /* контент не должен прятаться под панелью */
  body{ padding-bottom: 62px !important; }
  .to-top, .js-to-top, #toTop{ bottom: 74px !important; }
  .cookie-notice, .cookie-banner, .js-cookie{ bottom: 62px !important; }
  /* плавающие виджеты не должны накрывать нижнюю панель */
  .max-widget,
  .max-widget__btn,
  .max-widget__wrap{ bottom: 74px !important; }

}