/* ============================================================
   xt-chrome.css — ЕДИНАЯ дизайн-система шапки/подвала.
   Один источник правды для ОБЕИХ систем рендера:
     - Jinja-страницы (base.html → {% include %} партиалов);
     - DC-SPA (app.dc.html → партиалы инжектятся spa_response в маркеры,
       этот файл подключается <link> внутри <helmet>).
   Самодостаточно: только литеральные цвета, без зависимости от
   токенов :root какой-либо из систем. Префикс .xtc-* — чтобы не
   конфликтовать ни с .xt-* (xt.css / helmet SPA), ни с инлайн-стилями.
   ============================================================ */

/* ---------- ШАПКА ---------- */
.xtc-nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(250,250,247,.8);border-bottom:1px solid #E6E6E0;}
.xtc-nav-inner{width:min(100% - 36px,1240px);margin-inline:auto;display:flex;align-items:center;gap:18px;padding:14px 0;}
.xtc-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.03em;color:#0E1116;text-decoration:none;}
.xtc-logo-mark{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(225,29,42,.4));transition:transform .4s cubic-bezier(.2,.7,.3,1);}
.xtc-logo:hover .xtc-logo-mark{transform:rotate(-6deg) scale(1.06);}
.xtc-nav-links{margin-left:auto;display:flex;align-items:center;gap:26px;}
.xtc-nav-link{position:relative;font-size:14.5px;font-weight:600;color:#2A2F3A;text-decoration:none;padding-bottom:3px;}
.xtc-nav-link::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;border-radius:2px;background:linear-gradient(90deg,#E11D2A,#FF6B1A);transform:scaleX(0);transform-origin:left center;transition:transform .26s cubic-bezier(.2,.7,.3,1);}
.xtc-nav-link:hover::after,.xtc-nav-link.is-active::after{transform:scaleX(1);}
.xtc-nav-actions{display:flex;align-items:center;gap:10px;}
.xtc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .2s ease,filter .2s ease;}
.xtc-btn:hover{transform:translateY(-2px);filter:brightness(1.05);}
.xtc-btn:active{transform:translateY(0);filter:brightness(.97);}
.xtc-login{background:rgba(255,255,255,.7);border:1px solid #E6E6E0;padding:11px 18px;color:#0E1116;}
.xtc-cta{background:linear-gradient(135deg,#E11D2A,#FF6B1A);color:#fff;border:none;padding:11px 20px;box-shadow:0 14px 28px -14px rgba(225,29,42,.55);}

/* бургер (моб.) */
.xtc-burger{display:none;position:relative;}
.xtc-burger>summary{list-style:none;cursor:pointer;width:40px;height:40px;border-radius:11px;border:1px solid #E6E6E0;background:#fff;display:grid;place-items:center;color:#0E1116;}
.xtc-burger>summary::-webkit-details-marker{display:none;}
.xtc-burger[open]>summary{background:#F4F4F2;}
.xtc-burger-menu{position:absolute;right:0;top:50px;min-width:215px;background:#fff;border:1px solid #E6E6E0;border-radius:16px;box-shadow:0 22px 48px -18px rgba(14,17,22,.32);padding:8px;display:flex;flex-direction:column;gap:2px;z-index:70;}
.xtc-burger-menu a{padding:12px 14px;border-radius:10px;color:#2A2F3A;text-decoration:none;font-weight:600;font-size:15px;}
.xtc-burger-menu a:hover{background:#F4F4F2;}

/* ---------- ПОДВАЛ ---------- */
.xtc-footer{position:relative;z-index:2;border-top:1px solid #E6E6E0;background:rgba(255,255,255,.5);}
.xtc-footer-cols{width:min(100% - 36px,1240px);margin-inline:auto;padding:48px 0 28px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;}
.xtc-footer-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:18px;letter-spacing:-.03em;}
.xtc-footer-brand-mark{width:32px;height:32px;display:grid;place-items:center;}
.xtc-footer-tagline{font-size:13.5px;color:#6B7280;margin:14px 0 0;max-width:34ch;line-height:1.5;}
.xtc-footer-legal{margin-top:18px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#5A6273;line-height:1.9;}
.xtc-footer-legal a{color:#5A6273;text-decoration:none;}
.xtc-footer-head{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#5A6273;margin-bottom:14px;}
.xtc-footer-list{display:flex;flex-direction:column;gap:10px;font-size:14px;}
.xtc-footer-list a{color:#2A2F3A;text-decoration:none;}
.xtc-footer-list a:hover{color:#E11D2A;}
.xtc-footer-bottom{width:min(100% - 36px,1240px);margin-inline:auto;padding:18px 0 32px;border-top:1px solid #E6E6E0;font-size:12.5px;color:#5A6273;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

/* ---------- АДАПТИВ ---------- */
@media (max-width:760px){
  .xtc-nav-links{display:none;}
  .xtc-nav-actions{margin-left:auto;} /* nav-links (носитель margin-left:auto) скрыт → толкаем группу кнопок вправо сами */
  .xtc-login{display:none;}      /* «Войти» уезжает в бургер */
  .xtc-burger{display:block;}
  .xtc-footer-cols{grid-template-columns:repeat(2,1fr);gap:24px;}
}
@media (max-width:480px){
  .xtc-footer-cols{grid-template-columns:1fr;}
}
/* ---------- SKIP-LINK ----------
   «К содержимому» — скрыт за верхней кромкой, появляется только при фокусе с клавиатуры.
   Дублируется тут, т.к. DC-SPA (app.dc.html) грузит только xt-chrome.css, не xt.css —
   без этого правила ссылка рендерилась видимой в левом верхнем углу (баг). */
.xt-skip{position:absolute;left:12px;top:-56px;z-index:1000;background:#0E1116;color:#fff;padding:10px 16px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none;transition:top .15s ease;}
.xt-skip:focus{top:12px;}