/* Bait·Direct — стили общего модуля входа (auth.js): чип, модалки, компактная шапка.
   Подключается в <head> КАЖДОЙ страницы с auth.js — последним, после стилей страницы:
   так шапка отрисована финальной с первого кадра и эти правила, как и раньше, побеждают
   в каскаде. Если страница забыла подключить — auth.js подгрузит файл сам (позже).
   ⚠️ Правка этого файла → поднять ?v= в ссылках страниц и в PRECACHE sw.js. */
/* чип использует класс .lang-toggle страницы → выглядит точно как выбор языка.
   здесь только отступ слева (он стоит справа от переключателя языка). */
#bdAuthChip{margin-inline-start:8px;white-space:nowrap;cursor:pointer}
#bdAuthChip.fixed{position:fixed;inset-block-start:14px;inset-inline-end:14px;z-index:4000;margin:0}
.bd-backdrop{position:fixed;inset:0;z-index:5000;background:rgba(17,32,28,.55);
  display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(2px)}
.bd-backdrop.open{display:flex}
.bd-modal{background:var(--paper,#f7f4ee);color:var(--ink,#11201c);width:100%;max-width:400px;
  border-radius:18px;padding:26px 24px 20px;position:relative;
  font-family:system-ui,Segoe UI,Roboto,sans-serif;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.bd-modal h3{margin:0 0 4px;font-size:22px}
.bd-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:30px;height:30px;border:0;
  border-radius:50%;background:rgba(17,32,28,.08);color:var(--ink,#11201c);cursor:pointer;font-size:15px}
.bd-close:hover{background:rgba(17,32,28,.16)}
.bd-reason{font-size:14px;color:var(--olive,#55672f);font-weight:700;margin-bottom:14px}
.bd-tabs{display:flex;gap:6px;background:rgba(17,32,28,.06);border-radius:12px;padding:4px;margin-bottom:14px}
.bd-tab{flex:1;border:0;background:transparent;padding:9px;border-radius:9px;cursor:pointer;
  font-weight:700;color:var(--muted,#6b7167);font-size:14px}
.bd-tab.on{background:#fff;color:var(--ink,#11201c);box-shadow:0 1px 3px rgba(0,0,0,.1)}
.bd-modal input{width:100%;box-sizing:border-box;margin-bottom:10px;padding:12px 14px;
  border:1.5px solid rgba(17,32,28,.15);border-radius:11px;font-size:15px;background:#fff;color:inherit}
.bd-modal input:focus{outline:none;border-color:var(--olive,#55672f)}
.bd-err{color:var(--clay,#bc4b35);font-size:13px;font-weight:700;min-height:18px;margin:2px 2px 8px}
.bd-submit{width:100%;border:0;border-radius:11px;padding:13px;background:var(--olive,#55672f);
  color:#fff;font-size:15.5px;font-weight:800;cursor:pointer}
.bd-submit:hover{filter:brightness(1.07)}
.bd-submit:disabled{opacity:.6;cursor:default}
.bd-switch{text-align:center;font-size:13.5px;color:var(--muted,#6b7167);margin-top:12px}
.bd-switch button{border:0;background:none;color:var(--olive,#55672f);font-weight:800;cursor:pointer;font-size:13.5px}
.bd-app{margin-top:16px;padding-top:14px;border-top:1px solid rgba(17,32,28,.1);text-align:center}
.bd-app span{display:block;font-size:13px;color:var(--muted,#6b7167);margin-bottom:8px}
.bd-app-btn{border:1.5px solid var(--ink,#11201c);background:#fff;color:var(--ink,#11201c);
  border-radius:11px;padding:10px 18px;font-weight:800;cursor:pointer;font-size:14px}
.bd-app-btn:hover{background:var(--ink,#11201c);color:#fff}
.bd-app-sub{font-size:13.5px;color:var(--muted,#6b7167);margin:0 0 16px}
.bd-plat{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;margin-bottom:10px;
  border:1.5px solid rgba(17,32,28,.15);background:#fff;color:var(--ink,#11201c);border-radius:13px;
  padding:14px 16px;cursor:pointer;text-align:start;font-family:inherit;transition:.15s}
.bd-plat:hover{border-color:var(--olive,#55672f);box-shadow:0 4px 14px rgba(17,32,28,.1)}
.bd-plat-ic{display:flex;flex-shrink:0}
.bd-plat-tx{display:flex;flex-direction:column;line-height:1.25}
.bd-plat-tx b{font-size:16px;font-weight:800}
.bd-plat-tx small{font-size:12.5px;color:var(--muted,#6b7167)}
.bd-ios-steps{margin:8px 0 16px;padding-inline-start:20px;font-size:14.5px;line-height:1.75}
.bd-ios-steps li{margin-bottom:4px}
.bd-app-soon{text-align:center;font-size:13.5px;color:var(--muted,#6b7167);
  background:rgba(17,32,28,.05);border-radius:11px;padding:11px;font-weight:700}
.bd-back{display:block;margin:12px auto 0;border:0;background:none;color:var(--olive,#55672f);
  font-weight:800;cursor:pointer;font-size:14px}
.bd-hi{font-size:15px;margin:6px 0 16px}
.bd-toast{position:fixed;inset-block-end:70px;left:50%;transform:translateX(-50%);
  z-index:6000;background:var(--ink,#11201c);color:#fff;padding:11px 18px;border-radius:999px;
  font:600 14px system-ui;box-shadow:0 6px 20px rgba(0,0,0,.25);opacity:0;transition:opacity .25s}
.bd-toast.show{opacity:1}
/* ---- WS-3: способы входа (Google/SMS первыми, e-mail последним) ---- */
.bd-opt{display:block;margin:0 0 10px}
.bd-or{display:flex;align-items:center;gap:10px;margin:14px 0 12px;color:var(--muted,#6b7167);font-size:12.5px;font-weight:700}
.bd-or::before,.bd-or::after{content:"";flex:1;height:1px;background:rgba(17,32,28,.14)}
.bd-alt{display:block;width:100%;border:0;background:none;color:var(--olive,#55672f);font-weight:800;
  font-size:13.5px;cursor:pointer;padding:6px 0 10px;text-decoration:underline;font-family:inherit}
/* постоянный баннер ошибок (вместо тоста на 2 с): закрывается только крестиком */
.bd-banner{display:none;position:fixed;inset-block-start:10px;inset-inline:12px;margin-inline:auto;max-width:560px;
  z-index:5600;box-sizing:border-box;background:#fff4f1;color:#6b2113;border:1.5px solid var(--clay,#bc4b35);
  border-radius:14px;padding:12px 14px;padding-inline-end:44px;box-shadow:0 10px 30px rgba(0,0,0,.22);
  font-family:system-ui,Segoe UI,Roboto,sans-serif}
.bd-banner.show{display:block}
.bd-banner-msg{font-size:14.5px;font-weight:700;line-height:1.5}
.bd-banner-x{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:30px;height:30px;border:0;border-radius:50%;
  background:rgba(107,33,19,.1);color:#6b2113;cursor:pointer;font-size:14px;line-height:1}
.bd-banner-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.bd-banner-acts button{border:0;border-radius:10px;padding:9px 14px;background:var(--olive,#55672f);color:#fff;
  font-weight:800;font-size:13.5px;cursor:pointer;font-family:inherit}
.bd-banner-acts button:disabled{opacity:.6;cursor:default}
/* ---- чип логина: иконка + текст раздельно ---- */
#bdAuthChip .bd-chip-ic{margin-inline-end:6px}
/* ---- компактная шапка на телефоне ----
   язык = флаг + стрелка (круглый pill), логин = иконка → одна строка, низкая шапка */
@media(max-width:600px){
  #curName{display:none}
  #bdAuthChip .bd-chip-txt{display:none}
  #bdAuthChip .bd-chip-ic{margin-inline-end:0}
  .lang-toggle{border-radius:999px;padding-inline:9px;gap:5px}
  /* одна низкая строка: spacer больше не ломает на 2 ряда */
  header .bar{flex-wrap:nowrap;gap:7px;padding-top:9px;padding-bottom:9px}
  .logo{font-size:18px;flex-shrink:0}
  /* CTA «разместить» на мобиле = круглая «+» (текст остаётся для a11y/SEO) */
  .btn-host{flex-shrink:0;width:40px;height:40px;padding:0;border-radius:50%;font-size:0;
    display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
  .btn-host::before{content:"+";font-size:23px;font-weight:800;line-height:1}
  .lang-wrap,#langWrap,#bdAuthChip,.lang-toggle{flex-shrink:0}
}

/* iPhone (Safari и WKWebView) увеличивает страницу при фокусе на поле со шрифтом меньше 16px и потом не возвращает масштаб.
   Правило действует только на iOS-WebKit (-webkit-touch-callout есть только там) и не меняет вид на других платформах. */
@supports (-webkit-touch-callout: none) {
  input, select, textarea { font-size: 16px !important; }
}