@charset "UTF-8";
/* ============================================================
   ЛВФ — Фирменная система (brand.css). Источник: брендборд 2026.
   Загружается ПОСЛЕДНЕЙ, поэтому её :root переопределяет цвета шаблона.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Carlito:wght@400;700&family=Oswald:wght@500;600;700&display=swap');

/* ---- фирменный дисплейный шрифт: настоящий Gunplay (stencil, с кириллицей) ---- */
@font-face{
  font-family:'Gunplay';
  src:url('../fonts/gunplay-rus.otf') format('opentype');
  font-weight:400 700;font-style:normal;font-display:swap;
}


:root{
  /* ---- BRAND TOKENS (SSOT) ---- */
  --brand-yellow:#E9C801;
  --brand-yellow-soft:#E4D060;
  --brand-yellow-deep:#8A7300;   /* читаемый жёлтый для текста на белом */
  --brand-grey:#C7C5C0;
  --brand-grey-dark:#8B877D;     /* Pantone 462 */
  --brand-black:#000000;
  --brand-white:#FFFFFF;
  --brand-ink:#17170F;

  /* ---- surfaces (переопределяют шаблон) ---- */
  --body-bg:#FFFFFF;
  --body-color:#17170F;
  --cassiopeia-color-primary:#0E0E0E;
  --cassiopeia-color-link:#0E0E0E;
  --cassiopeia-color-hover:#8A7300;
  --headerbg:#0E0E0E;  --headercolor:#FFFFFF;
  --btnbg:#E9C801;     --btnbgh:#E4D060;  --btncolor:#0E0E0E; --btncolorh:#0E0E0E;
  --footerbg:#0E0E0E;  --footercolor:#FFFFFF;
  --link-color:#0E0E0E;--link-hover-color:#8A7300;

  /* ---- типографика ---- */
  --brand-font-display:'Gunplay','Oswald','Calibri','Carlito','Arial Narrow','Helvetica Neue',sans-serif;
  --brand-font-text:'Calibri','Carlito','Segoe UI',system-ui,sans-serif;

  /* ---- стекло ---- */
  --brand-glass-dark:rgba(20,20,20,.6);
  --brand-glass-light:rgba(0,0,0,.035);
  --brand-glass-yellow:rgba(233,200,1,.14);
  --brand-glass-border:rgba(0,0,0,.09);
}

body{font-family:var(--brand-font-text);color:var(--body-color)}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3{
  font-family:var(--brand-font-display);font-weight:700;
  text-transform:uppercase;letter-spacing:.015em;color:var(--brand-ink);
}
h2::after,h3::after{ /* фирменный жёлтый подчёрк под заголовком */
  content:"";display:block;width:54px;height:3px;background:var(--brand-yellow);margin-top:.45em;
}

/* ---- ссылки ---- */
a{color:var(--link-color)}
a:hover{color:var(--link-hover-color)}

/* ---- шапка: тёмное стекло ---- */
.container-header{
  background:var(--brand-glass-dark)!important;
  background-image:none!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:2px solid var(--brand-yellow);
}
.container-header .navbar-brand a,
.container-header .navbar-brand,
.container-header .mod-menu,
.container-header .metismenu > li > a,
.container-header .metismenu > li > button{color:var(--brand-white)}
.container-header .metismenu > li > a:hover,
.container-header .metismenu > li > button:hover,
.container-header .metismenu > li.active > a,
.container-header .metismenu > li.active > button{color:var(--brand-yellow)}
.metismenu-item.active > a::before,
.container-header .metismenu > li.active > a::before{background:var(--brand-yellow)!important}

/* ---- кнопки ---- */
.btn-primary,.button,.readmore a{
  --btn-color:var(--btncolor);--btn-bg:var(--btnbg);--btn-border-color:var(--btnbg);
  --btn-hover-color:var(--btncolorh);--btn-hover-bg:var(--btnbgh);--btn-hover-border-color:var(--btnbgh);
  --btn-active-color:var(--btncolorh);--btn-active-bg:var(--btnbgh);--btn-active-border-color:var(--btnbgh);
  background-color:var(--btnbg)!important;border-color:var(--btnbg)!important;color:var(--btncolor)!important;
  font-family:var(--brand-font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  border-radius:8px;
}
.btn-primary:hover,.button:hover,.readmore a:hover{background-color:var(--btnbgh)!important;border-color:var(--btnbgh)!important}

/* ---- акцентные (стеклянные) блоки ---- */
.card,.blog-item,.com-content-article__body,.moduletable,.item-page{
  border-radius:12px;
}
.card,.blog-item,.moduletable{
  background:var(--brand-glass-light);
  border:1px solid var(--brand-glass-border);
}
blockquote,.com-content-article__body > p:first-of-type.lead{
  border-left:5px solid var(--brand-yellow);padding-left:16px;
}
.mod-custom.lvf-accent,.grey-box{
  background:var(--brand-glass-yellow);border:1px solid rgba(233,200,1,.45);border-radius:12px;padding:16px;
}

/* ---- футер ---- */
.container-footer{background:var(--brand-black)!important;color:var(--brand-white)}
/* футер всегда на чёрном — весь текст и все ссылки белые (меню, подменю, списки) */
.container-footer,.container-footer *{color:var(--brand-white)}
.container-footer a,.container-footer .mod-menu a,.container-footer ul a,
.container-footer .metismenu a,.container-footer li a{color:var(--brand-white)!important}
.container-footer a:hover,.container-footer a:focus,.container-footer .mod-menu a:hover{color:var(--brand-yellow)!important}

/* ---- офлайн-страница / карточки ---- */
.offline-card .header{background:var(--brand-black);color:var(--brand-white)}
.offline-card .header h1{color:var(--brand-yellow)}

/* ---- мобильная читаемость ---- */
@media(max-width:720px){
  .container-header{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
}