/* Демо-стенд Ташкента (12.10.2026): шкура KV мероприятия поверх общего stand.css.
 *
 * Механика и разметка — те же, что у стендов МФМ (stand.js, player.js); здесь
 * только визуал, снятый с kv_итог.psd (03_Материалы_экспонентов/Ташкент):
 *
 * - фон — вертикальный градиент KV, цвета сняты с макета пипеткой:
 *   #003c60 сверху → #00b0c4 снизу, перегиб в средней трети; поверх едва
 *   заметные вертикальные полосы, как на макете;
 * - орнамент — икат в форме буквы «A» (слой «A»), стоит справа и уходит за край,
 *   как на KV. На странице звука приглушён: там читают живой текст;
 * - заголовок — Forum (шрифт макета, OFL, есть в Google Fonts);
 * - подзаголовок в макете — eToro Variable Light. Лицензия фирменная, на веб
 *   её не тянем: замена — Montserrat 300 капсом с той же разрядкой.
 *
 * stand.css подключается раньше и задаёт вёрстку; здесь переопределены только
 * цвета, шрифты и декор.
 */

:root{
  --navy:#003c60; --teal:#00b0c4; --cyan:#7fe3f0;
  --ink:#fff; --bg:var(--navy); --muted:rgba(255,255,255,.72); --line:rgba(255,255,255,.16);
  --main:#fff; --deep:#e6f7fa; --mid:#bdf1f8; --soft:rgba(255,255,255,.4);
}

body{
  color:#fff;
  font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:
    repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 46px,rgba(255,255,255,.025) 46px 92px),
    linear-gradient(180deg,#003c60 0%,#003d61 10%,#00486a 28%,#00718e 46%,#00a0b7 65%,#00afc3 83%,#00b0c4 100%);
  background-attachment:fixed;
}

/* Фирменная дуга МФМ здесь не к месту — её место занимает икат. */
body::before{content:"";position:fixed;z-index:-1;pointer-events:none;
  right:-22vw;bottom:-6vh;top:auto;width:78vw;height:auto;aspect-ratio:640/731;
  max-width:440px;max-height:none;border-radius:0;
  background:url(/assets/ikat-a.webp) center/contain no-repeat;opacity:.95}
body.page-audio::before{opacity:.16}

header{padding-top:18px}
header .amway{height:34px;width:auto;flex:none}
header .vidium{height:20px;filter:brightness(0) invert(1);opacity:.75}

/* --- приветствие: заголовок KV --- */
.kv{padding:6vh 0 4vh}
.kv .country{margin:0;font:400 clamp(40px,12.5vw,64px)/1 Forum,Georgia,serif;
  letter-spacing:.05em;text-transform:uppercase}
.kv .motto{margin:12px 0 0;font-weight:300;font-size:clamp(13px,3.7vw,17px);
  letter-spacing:.16em;text-transform:uppercase}
.kv .year{margin:18px 0 0;font-weight:300;font-size:15px;letter-spacing:.2em;opacity:.85}
.kv .lead-text{margin:28px 0 0;max-width:26em;font-weight:400;font-size:15.5px;
  line-height:1.45;color:var(--muted)}

/* Заголовок страницы звука — тем же Forum, что и KV. */
h1{font:400 clamp(28px,8vw,38px)/1.1 Forum,Georgia,serif;letter-spacing:.02em}
.lead p{color:var(--muted)}

/* --- кнопки: белые на градиенте, текст цвета верха KV --- */
.btn{background:#fff;color:var(--navy);font:600 18px/1 Montserrat,sans-serif;
  letter-spacing:.04em;box-shadow:0 8px 24px rgba(0,30,50,.25)}
.btn.on{background:var(--navy);color:#fff;box-shadow:inset 0 0 0 2px #fff}
.btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px rgba(255,255,255,.85)}

.back{color:var(--mid)}
.back:hover{color:#fff}

/* Строки состояния плеера пишутся по-русски на любом языке интерфейса
   (player.js). Для показа заказчику на узбекском и английском это шум:
   оставляем только цветные точки. */
.status{flex-direction:row;gap:14px;padding:14px 2px}
.status .st span:not(.dot){display:none}
#tr-switch{display:none}

/* --- субтитры: белый текст, дописываемый хвост — бирюзой KV --- */
#flow{font-weight:400}
#tail{color:var(--cyan)}
#idle{color:rgba(255,255,255,.55)}
body.subs-on .subs{border-top-color:var(--line)}
.actionbar button{color:#fff;font-family:Montserrat,sans-serif;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55)}
.actionbar button:active{background:rgba(255,255,255,.08)}

/* Подвал ложится на икат, а он местами белый: подпись и переключатель языка
   получают тёмные подложки, иначе белые буквы на белом пропадают. */
footer{color:rgba(255,255,255,.85)}
footer > span:first-child{background:rgba(0,48,78,.55);padding:4px 8px;border-radius:8px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lang{background:rgba(0,48,78,.72);border-radius:12px;padding:3px;
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lang button{font-family:Montserrat,sans-serif;color:rgba(255,255,255,.85)}
.lang button[aria-current="true"]{background:#fff;color:var(--navy)}

/* Широкий экран (ноутбук у заказчика на показе): колонка остаётся колонкой,
   а икат встаёт крупно справа, как на KV. */
@media (min-width:720px){
  body::before{right:-4vw;bottom:-10vh;width:44vw;max-width:720px}
  body.page-audio::before{opacity:.22}
}