/* chrome.css — общий CSS всех страниц сайта (шрифты, base, i18n, навигация, футер).
 * Подключается в <head> каждой страницы как render-blocking — стили применяются
 * до первой отрисовки (нет мигания топбара), а файл кешируется браузером 30 дней.
 * Специфичные правила страниц остаются в их инлайн-<style>.
 * Обновления файла версионируются при деплое: chrome.css?v=<stamp> (deploy.yml).
 */
@font-face{font-family:'Raleway';src:url('uploads/Raleway/Raleway-VariableFont_wght.ttf') format('truetype-variations');font-weight:100 900;font-style:normal;font-display:block}
@font-face{font-family:'Raleway';src:url('uploads/Raleway/Raleway-Italic-VariableFont_wght.ttf') format('truetype-variations');font-weight:100 900;font-style:italic;font-display:block}
@font-face{font-family:'RalewayFallback';src:local('Arial'),local('Helvetica'),local('Liberation Sans');size-adjust:96%;ascent-override:95%;descent-override:24%;line-gap-override:0%}
html{scroll-behavior:smooth;scrollbar-gutter:stable;background:#e9e9e9}
body{margin:0;background:#e9e9e9;transition:opacity .15s ease;color:#141414;font-family:'Raleway','RalewayFallback',system-ui,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:hover{color:#ee1111}
::selection{background:#ee1111;color:#fff}
.text-md{font-size:var(--fs-base);line-height:1.5;font-weight:500}
.text-sm{font-size:var(--fs-sm);line-height:1.45}
.text-btn{font-size:var(--fs-base);font-weight:600}
/* --- i18n: show only the active language --- */
.i18n-en,.i18n-ru{transition:opacity .22s ease}
.i18n-ru{display:none}
html[data-lang="ru"] .i18n-en{display:none}
html[data-lang="ru"] .i18n-ru{display:inline}
/* During a language switch, fade the language-dependent text out only.
   Photos, logo and other non-text elements stay untouched → no flicker. */
html.lang-switching .i18n-en,
html.lang-switching .i18n-ru{opacity:0}
.lang-switch{background:none;border:0;font:inherit;font-weight:600;cursor:pointer;padding:0;color:inherit}
.lang-switch:hover{color:#ee1111}
/* --- Navigation: checkbox-hack burger; horizontal bar on desktop --- */
.nav-toggle{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.nav-burger{display:none}
/* desktop: logo bar overlays the menu row; menu items start after the logo */
.nav{position:relative}
.nav-bar{position:absolute;top:0;left:0;right:0;height:52px;z-index:2;pointer-events:none}
.nav-bar .nav-logo{position:absolute;left:28px;top:50%;transform:translateY(-50%);pointer-events:auto}
.nav-bar .nav-burger{pointer-events:auto}
.nav-inner{padding-left:108px!important}
/* ============================ MOBILE ≤720px ============================ */
@media (max-width:720px){
  /* Navigation → logo left, burger right, both always visible */
  .nav-bar{position:static!important;display:flex!important;align-items:center;pointer-events:auto!important}
  .nav-bar .nav-logo{position:static!important;left:auto;top:auto;transform:none}
  .nav-inner{padding-left:16px!important}
  .nav-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:52px;margin-left:auto;padding:0 12px;box-sizing:border-box;cursor:pointer}
  .nav-burger>span{display:block;width:22px;height:2px;background:#141414;transition:.2s}
  .nav-toggle:checked~.nav-bar .nav-burger>span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle:checked~.nav-bar .nav-burger>span:nth-child(2){opacity:0}
  .nav-toggle:checked~.nav-bar .nav-burger>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-inner{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;height:auto!important;max-height:0;padding:0 16px!important;border-top:0 solid rgba(0,0,0,.09);overflow:hidden;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease,border-top-width .35s ease}
  .nav-toggle:checked~.nav-inner{max-height:400px;opacity:1;padding:6px 16px 14px!important;border-top-width:1px}
  .nav-inner>a,.nav-inner>span{padding:11px 0;width:100%;font-size:var(--fs-base)}
  .nav-inner>a[href="#"]{margin-left:0!important;border-top:1px solid rgba(0,0,0,.09);margin-top:4px}

  /* Page-wide side padding + generic side-label grids → single column */
  .m-pad{padding-left:16px!important;padding-right:16px!important}
  .m-stack{grid-template-columns:1fr!important;gap:16px!important}

  /* Headings */
  .m-h1{line-height:1.08!important}
  .m-cta{width:100%!important}

  /* Footer */
  .footer-cols{grid-template-columns:1fr!important;gap:28px!important;padding-left:16px!important;padding-right:16px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:8px!important;padding-left:16px!important;padding-right:16px!important}
  .footer-logo{height:90px!important}
}
