/* Связь с менеджером: панель, плавающая плашка и починка контраста блока каналов.
   Файл подключается ПОСЛЕ kub-brand.css, поэтому правки контраста здесь и живут —
   общий файл темы не трогаем, его правят соседние задачи.
   Сессия C №4, 14.08.2026. */

/* ── 1. Блок каналов в подвале ─────────────────────────────────────────────
   Было: и заголовок, и подписи кнопок наследовали цвет подвала rgb(44,44,44),
   а сам подвал тёмно-коричневый rgb(76,68,65). Контраст 1.47 — текст читался
   как пятно. Задаём светлый цвет явно; рамки и подложки уже светлые. */
.kub-social__title{
  color:#e8e3df;
  opacity:1;                    /* было .75 — на тёмном фоне это добивало читаемость */
}
.kub-social__btn{
  color:#f2efec;                /* вместо color:inherit */
}
.kub-social__btn:hover,
.kub-social__btn:focus-visible{
  color:#fff;
  border-color:#d98b3a;
  background:rgba(217,139,58,.18);
}
.kub-social__btn:focus-visible{
  outline:2px solid #d98b3a;
  outline-offset:2px;
}
.kub-social__btn:active{
  background:rgba(217,139,58,.26);
}

/* ── 2. Кнопка «Связаться с менеджером» в блоке каналов ───────────────────── */
.kub-mgr-inline{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;border-radius:999px;
  border:1px solid #d98b3a;background:rgba(217,139,58,.16);
  color:#fff;font-size:14px;line-height:1;text-decoration:none;
  cursor:pointer;font-family:inherit;
  transition:background .15s,border-color .15s;
}
.kub-mgr-inline:hover{background:rgba(217,139,58,.3)}
.kub-mgr-inline:focus-visible{outline:2px solid #d98b3a;outline-offset:2px}

/* ── 3. Панель «Связаться с менеджером» ───────────────────────────────────── */
.kub-mgr-ovl{
  position:fixed;inset:0;z-index:9998;
  background:rgba(28,24,22,.55);
  display:flex;align-items:center;justify-content:center;
  padding:20px;
  opacity:0;visibility:hidden;
  transition:opacity .2s ease,visibility .2s ease;
}
.kub-mgr-ovl.on{opacity:1;visibility:visible}

.kub-mgr{
  width:100%;max-width:380px;
  background:#fff;border-radius:16px;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  padding:24px 22px 20px;
  transform:translateY(12px);
  transition:transform .22s ease;
  font-family:inherit;
}
.kub-mgr-ovl.on .kub-mgr{transform:translateY(0)}
/* Когда выезд закончился, трансформацию снимаем совсем. Пока она висит,
   карточка живёт отдельным слоем отрисовки, и мелкий светлый текст на
   оранжевой кнопке местами не дорисовывался — номер телефона выцветал
   к концу строки. Без трансформации текст рисуется обычным путём. */
.kub-mgr-ovl.settled .kub-mgr{transform:none;transition:none}

.kub-mgr__x{
  position:absolute;top:14px;right:14px;
  width:34px;height:34px;border:0;border-radius:50%;
  background:rgba(255,255,255,.9);color:#4c4441;
  font-size:20px;line-height:1;cursor:pointer;
}
.kub-mgr{position:relative}
.kub-mgr__x:hover{background:#fff;color:#000}
.kub-mgr__x:focus-visible{outline:2px solid #d98b3a;outline-offset:2px}

.kub-mgr__ttl{
  margin:0 30px 6px 0;
  font-size:20px;line-height:1.25;font-weight:700;color:#2c2c2c;
}
.kub-mgr__sub{
  margin:0 0 18px;font-size:14px;line-height:1.45;color:#6b6360;
}

.kub-mgr__row{display:flex;flex-direction:column;gap:10px}

.kub-mgr__btn{
  display:flex;align-items:center;gap:12px;
  padding:13px 16px;border-radius:12px;
  text-decoration:none;font-size:15px;line-height:1.2;
  border:1px solid #e2dcd8;background:#faf8f7;color:#2c2c2c;
  transition:border-color .15s,background .15s;
}
.kub-mgr__btn:hover{border-color:#d98b3a;background:#fff6ec}
.kub-mgr__btn:focus-visible{outline:2px solid #d98b3a;outline-offset:2px}
/* Главная кнопка панели. Фирменный оранжевый сайта (#c17225) с белым текстом
   даёт всего 3.65 — для основного действия этого мало. Берём тот же тон на
   пару шагов глубже: цвет читается как фирменный, а белый текст проходит по
   контрасту. Остальные кнопки сайта не трогаем — это правка одного элемента. */
.kub-mgr__btn--call{
  border-color:#a05a14;background:#a05a14;color:#fff;font-weight:600;
}
.kub-mgr__btn--call:hover{background:#8c4e10;border-color:#8c4e10}

.kub-mgr__ico{
  flex:none;width:26px;height:26px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;color:#fff;
}
.kub-mgr__ico--tg{background:#29a9eb}
.kub-mgr__ico--max{background:#5b4bf5}
.kub-mgr__ico--call{background:rgba(255,255,255,.22)}

.kub-mgr__lbl{display:flex;flex-direction:column;gap:2px;min-width:0}
/* Цвет задаём и на b, и на span явно: у сайта есть своё правило для <b>
   (rgb(44,44,44)), и оно перебивало белый прямо на оранжевой кнопке —
   надпись «Позвонить» уходила в тёмное пятно. */
.kub-mgr__lbl b{font-weight:600;color:#2c2c2c}
.kub-mgr__lbl span{font-size:13px;color:#6b6360}
.kub-mgr__btn--call .kub-mgr__lbl b{color:#fff}
/* Номер телефона — главное, что человек должен прочесть с первого взгляда.
   Даём ему целый пиксельный размер и плотное начертание: на дробном 12.5px
   светлые тонкие цифры на оранжевом местами теряли штрихи. */
.kub-mgr__btn--call .kub-mgr__lbl span{
  color:#fff;font-size:15px;font-weight:600;letter-spacing:.2px;
}

.kub-mgr__note{
  margin:16px 0 0;font-size:12.5px;line-height:1.4;color:#8a827e;
}

/* ── 4. Плавающая плашка ──────────────────────────────────────────────────── */
.kub-nudge{
  position:fixed;z-index:9990;
  right:20px;bottom:24px;
  width:268px;
  background:#fff;border-radius:14px;
  box-shadow:0 12px 34px rgba(0,0,0,.2);
  padding:16px 16px 14px;
  transform:translateX(calc(100% + 28px));
  opacity:0;
  transition:transform .38s cubic-bezier(.22,.7,.3,1),opacity .3s ease;
  font-family:inherit;
}
.kub-nudge.on{transform:translateX(0);opacity:1}
.kub-nudge.off{transform:translateX(calc(100% + 28px));opacity:0}

.kub-nudge__x{
  position:absolute;top:8px;right:8px;
  width:28px;height:28px;border:0;border-radius:50%;
  background:transparent;color:#9a918d;
  font-size:17px;line-height:1;cursor:pointer;
}
.kub-nudge__x:hover{background:#f2eeec;color:#4c4441}
.kub-nudge__x:focus-visible{outline:2px solid #d98b3a;outline-offset:2px}

.kub-nudge__ttl{
  margin:0 24px 10px 0;
  font-size:14.5px;line-height:1.35;font-weight:600;color:#2c2c2c;
}
.kub-nudge__go{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;padding:10px 14px;border:0;border-radius:10px;
  background:#d98b3a;color:#fff;font-size:14px;font-weight:600;
  line-height:1.2;cursor:pointer;font-family:inherit;
}
.kub-nudge__go:hover{background:#c17225}
.kub-nudge__go:focus-visible{outline:2px solid #2c2c2c;outline-offset:2px}

/* ── 5. Телефон и мессенджеры на узком экране ─────────────────────────────── */
@media (max-width:560px){
  /* Плашка справа на телефоне занимала бы пол-экрана — превращаем её
     в узкую нижнюю карточку во всю ширину, но невысокую. */
  .kub-nudge{
    right:10px;left:10px;bottom:12px;width:auto;
    padding:14px 14px 12px;
    transform:translateY(calc(100% + 20px));
  }
  .kub-nudge.on{transform:translateY(0)}
  .kub-nudge.off{transform:translateY(calc(100% + 20px))}
  .kub-nudge__ttl{font-size:14px;margin-bottom:9px}
  .kub-mgr{max-width:none;border-radius:14px;padding:20px 16px 16px}
  .kub-mgr__ttl{font-size:18px}
}

/* Экран, где cookie-баннер занимает низ: поднимаем плашку над ним,
   чтобы не перекрывать кнопку «Принять». */
.kub-nudge[data-above-cookie="1"]{bottom:140px}
@media (max-width:560px){
  .kub-nudge[data-above-cookie="1"]{bottom:170px}
}

/* ── 6. Кому анимация мешает ──────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .kub-nudge,.kub-mgr,.kub-mgr-ovl{transition:none}
  .kub-nudge{transform:none}
  .kub-nudge.off{opacity:0;visibility:hidden}
}