/* Оформление демонстрационной копии сайта в портфолио Лекало.
   Подключается ко всем страницам копии; оригинал сайта не трогается. */

.lk-demo-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:2147483000;
  background:#0F1B2D; color:#F6F3EA;
  font:14px/1.45 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  padding:10px 16px;
  display:flex; align-items:center; justify-content:center; gap:10px 18px;
  flex-wrap:wrap; text-align:center;
  border-top:2px solid #5FC2E3;
  box-shadow:0 -6px 24px rgba(0,0,0,0.25);
}
.lk-demo-bar b{color:#5FC2E3; font-weight:600;}
.lk-demo-bar span{opacity:0.85;}

/* Чтобы полоса не закрывала конец страницы */
body{padding-bottom:64px !important;}

/* Всплывающее пояснение при попытке связаться */
.lk-demo-note{
  position:fixed; left:50%; bottom:74px; transform:translateX(-50%);
  z-index:2147483001;
  background:#0F1B2D; color:#F6F3EA; border:1px solid #5FC2E3;
  border-radius:10px; padding:13px 18px; max-width:min(420px, 90vw);
  font:14px/1.45 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow:0 10px 34px rgba(0,0,0,0.35);
  opacity:0; pointer-events:none; transition:opacity .18s;
}
.lk-demo-note.on{opacity:1;}

/* Карта в демоверсии не грузится — вместо неё заглушка */
.lk-demo-map{
  display:flex; align-items:center; justify-content:center;
  min-height:220px; padding:24px; text-align:center;
  background:#EFEADC; color:#5B5F6B; border:1px dashed #9aa3b2;
  border-radius:10px;
  font:14px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* Служебные пометки «ЗАПОЛНИТЬ: …» из исходников примеров. Основную работу
   делает demo.js; эти классы прячем сразу стилями, чтобы пометка не мелькала
   до запуска скрипта. Классы взяты из самих сайтов: так помечены только
   подсказки владельцу, обычный текст под них не попадает. */
.fill-note, .fill-inline, .form__warn-todo, [data-lk-fill="hidden"]{display:none !important;}

/* Строка на странице, где после скрытия пометок почти не осталось содержимого */
.lk-demo-empty{
  max-width:720px; margin:48px auto; padding:18px 22px;
  border:1px dashed #9aa3b2; border-radius:10px;
  color:#5B5F6B; background:rgba(239,234,220,0.6);
  font:15px/1.55 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; text-align:center;
}

@media (max-width:600px){
  .lk-demo-bar{font-size:13px; padding:9px 12px;}
  body{padding-bottom:78px !important;}
}