/* ЛеснойГрупп — устранение наложений в родной сервисной строке, 2026-11-06.
   Портал находится вне React root, React DOM не перестраивается. */
#lg-trust-header,
#lg-trust-header *,
#lg-trust-header *::before,
#lg-trust-header *::after { box-sizing:border-box; }

/* Реальный DOM: #root -> .bg-timber-950.hidden -> .mx-auto -> span.
   Ранее применялся неверный селектор #root > div..., поэтому слоган остался видимым. */
#root .bg-timber-950.hidden > .mx-auto > span:first-child {
  visibility:hidden !important;
}

#lg-trust-header {
  position:relative;
  z-index:45;
  width:100%;
  height:0;
  min-height:0;
  border:0;
  background:transparent;
  color:#edf7f1;
  font-family:'Onest','Golos Text',system-ui,Arial,sans-serif;
  pointer-events:none;
}

/* Рейтинг и обе кнопки идут рядом СЛЕВА, а не по двум краям строки.
   Нативные часы и кабинет остаются на своем месте справа. */
#lg-trust-header .lg-trust-inner {
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:100%;
  max-width:1440px;
  height:36px;
  margin:0;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:17px;
  white-space:nowrap;
  pointer-events:none;
}
#lg-trust-header .lg-trust-rating {
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:2px 0;
  border-radius:6px;
  color:#edf7f1;
  font-size:12px;
  text-decoration:none;
  pointer-events:auto;
}
#lg-trust-header .lg-trust-y {
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:0 0 24px;
  border-radius:6px;
  background:#e94d45;
  color:#fff;
  font-size:14px;
  font-weight:850;
  line-height:1;
}
#lg-trust-header .lg-trust-score {
  font-size:17px;
  font-weight:850;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
#lg-trust-header .lg-trust-rating-copy {
  display:flex;
  flex-direction:column;
  gap:1px;
}
#lg-trust-header .lg-trust-rating-top { display:flex; align-items:center; }
#lg-trust-header .lg-trust-stars {
  color:#f5c25c;
  font-size:12px;
  letter-spacing:.25px;
  line-height:1.1;
}
#lg-trust-header .lg-trust-sub {
  color:#cbdcd3;
  font-size:10px;
  line-height:1.1;
}
#lg-trust-header .lg-trust-sub strong { color:#ebf5ef; font-weight:700; }
#lg-trust-header .lg-trust-review-word {
  text-decoration:underline;
  text-decoration-color:#7e9689;
  text-underline-offset:2px;
}
#lg-trust-header .lg-trust-rating:hover .lg-trust-review-word { text-decoration-color:#f5c25c; }
#lg-trust-header .lg-trust-votes { display:none; }

#lg-trust-header .lg-trust-links {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  flex:0 0 auto;
  pointer-events:auto;
}
#lg-trust-header .lg-trust-prompt,
#lg-trust-header .lg-trust-link-label { display:none; }
#lg-trust-header .lg-trust-link {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  border:1px solid rgba(220,244,229,.25);
  border-radius:7px;
  background:rgba(255,255,255,.085);
  color:white;
  text-decoration:none;
  font-size:11px;
  font-family:inherit;
  cursor:pointer;
  transition:background-color .15s ease;
}
#lg-trust-header .lg-trust-link:hover { background:rgba(255,255,255,.2); }
#lg-trust-header .lg-trust-rating:focus-visible,
#lg-trust-header .lg-trust-link:focus-visible {
  outline:2px solid #f5c25c;
  outline-offset:2px;
}
#lg-trust-header .lg-trust-icon {
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  flex:0 0 21px;
  border-radius:5px;
  color:#fff;
}
#lg-trust-header .lg-trust-icon svg {
  display:block;
  width:16px;
  height:16px;
  fill:currentColor;
}
#lg-trust-header .lg-trust-icon--wa { background:#27b760; }
#lg-trust-header .lg-trust-icon--max {
  background:#2883f1;
  font-size:7px;
  font-weight:900;
  letter-spacing:-.05em;
}
#lg-trust-header .lg-trust-toast {
  position:absolute;
  top:41px;
  left:24px;
  z-index:100;
  display:none;
  max-width:min(350px,calc(100vw - 24px));
  padding:10px 13px;
  border-radius:10px;
  background:#15382e;
  color:#fff;
  box-shadow:0 10px 28px rgba(8,28,20,.26);
  font-size:12px;
  line-height:1.4;
  pointer-events:auto;
}
#lg-trust-header .lg-trust-toast.is-visible {display:block;}

/* В узком десктопе место справа отдаём кнопке кабинета.
   Рабочее время остаётся доступным через страницу контактов. */
@media (min-width:768px) and (max-width:1100px) {
  #root .bg-timber-950.hidden > .mx-auto > div > span:first-child { display:none !important; }
}
@media (max-width:767px) {
  /* На мобильных нативная тёмная строка Tailwind скрыта (md:block).
     Отображаем компактную строку только один раз, над главным меню. */
  #lg-trust-header {
    height:36px;
    background:#071f19;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
  #lg-trust-header .lg-trust-inner {
    position:relative;
    left:auto;
    top:auto;
    transform:none;
    max-width:none;
    height:35px;
    padding:0 13px;
    gap:12px;
  }
  #lg-trust-header .lg-trust-score {font-size:15px;}
  #lg-trust-header .lg-trust-y {width:22px;height:22px;flex-basis:22px;}
  #lg-trust-header .lg-trust-sub {font-size:9px;}
  #lg-trust-header .lg-trust-links {margin-left:auto;gap:6px;}
  #lg-trust-header .lg-trust-toast {left:12px;top:40px;}
}
@media (max-width:350px) {
  #lg-trust-header .lg-trust-y {display:none;}
  #lg-trust-header .lg-trust-rating {gap:5px;}
  #lg-trust-header .lg-trust-stars {letter-spacing:0;font-size:11px;}
}
@media (prefers-reduced-motion:reduce) {
  #lg-trust-header .lg-trust-link {transition:none;}
}