.btn-primary {
    --btn-color: #fff;
    --btn-bg: #2a69b8;
    --btn-border-color: #2a69b8;
    --btn-hover-color: #fff;
    --btn-hover-bg: #396dac;
    --btn-hover-border-color: #396dac;
    --btn-focus-shadow-rgb 39,39,111;
    --btn-active-color: #fff;
    --btn-active-bg: #010145;
    --btn-active-border-color: #010140;
    --btn-active-shadow: inset 0 3px 5px #00000020;
    --btn-disabled-color: #fff;
    --btn-disabled-bg: #010156;
    --btn-disabled-border-color: #010156;
}

/* =========================================
   BTIS Typography v1.0 (Joomla 5 / Cassiopeia)
   Goals:
   - Portal-first (compact UI)
   - Better reading comfort in articles
   - Predictable scaling via clamp()
   ========================================= */

/* Base: keep 1rem = 16px */
html { font-size: 100%; }

/* Global (portal layer) */
body {font-size: clamp(1.15rem, 0.92rem + 0.20vw, 1.02rem); /* ~15.2px → ~16.3px */ line-height: 1.45;  color: #495057; /* BTIS text-dark */}

/* Paragraphs: inherit size, manage spacing */
p { margin-bottom: 1rem; }

/* Links (typography-related; optional) */
a { text-underline-offset: 0.18em; }
a:hover { text-decoration-thickness: 2px; }

/* Headings: compact, portal-friendly */
h1, .h1 {font-size: clamp(1.35rem, 1.15rem + 0.90vw, 2.00rem); /* ~21.6px → 32px */ line-height: 1.20;  margin: 0 0 0.9rem;}
h2, .h2 {font-size: clamp(1.20rem, 1.05rem + 0.70vw, 1.75rem); /* ~19.2px → 28px */ line-height: 1.25;  margin: 0 0 0.85rem;}
h3, .h3 {font-size: clamp(1.05rem, 0.98rem + 0.50vw, 1.45rem); /* ~16.8px → 23.2px */ line-height: 1.35;  margin: 0 0 0.7rem;}
h4, .h4 {font-size: clamp(0.98rem, 0.95rem + 0.30vw, 1.20rem); /* ~15.7px → 19.2px */ line-height: 1.45; margin: 0 0 0.6rem;}
h5, .h5 {font-size: clamp(0.95rem, 0.93rem + 0.20vw, 1.10rem); /* ~15.2px → 17.6px */ line-height: 1.50;  margin: 0 0 0.5rem;}
h6, .h6 {font-size: clamp(0.90rem, 0.88rem + 0.15vw, 1.00rem); /* ~14.4px → 16px */ line-height: 1.50;  margin: 0 0 0.5rem;}

/* Compact UI helpers */
.small, small { font-size: 0.875em; } /* Bootstrap-friendly */
.lead { font-size: clamp(1.02rem, 0.98rem + 0.25vw, 1.12rem); line-height: 1.55; }

/* =========================================
   Reading mode (knowledge base articles)
   Improves long-form readability without making the whole portal "loose"
   ========================================= */
/* Article containers (covers most Cassiopeia layouts) */
.com-content-article, .com-content-category-blog, .item-page, .blog, .article-body, .article-content {  line-height: 1.65;}

/* Slightly increase spacing inside long text areas */
.com-content-article p, .item-page p, .article-body p, .article-content p {margin-bottom: 1.05rem;}

/* Lists in articles */
.com-content-article ul, .com-content-article ol, .item-page ul, .item-page ol { margin-bottom: 1.05rem;  padding-left: 1.2rem;}
.com-content-article li, .item-page li {margin-bottom: 0.35rem;}

/* Blockquotes in articles */
.com-content-article blockquote, .item-page blockquote {margin: 1.2rem 0; padding: 0.75rem 1rem; border-left: 3px solid rgba(42,105,184,0.35); background: rgba(240,244,251,0.8);}

/* =========================================
   Optional: limit text measure for readability
   (Use only if your article layout is full-width)
   ========================================= */
/* .com-content-article .container, .item-page .container {max-width: 960px;}
.com-content-article .page-header, .item-page .page-header, .com-content-article .com-content-article__body, .item-page .com-content-article__body {max-width: 860px;}*/

/** бренд **/ 
.btis-bg-accent  { background-color:#2a69b8 !important; }
/** верхнее меню **/  
.container-header {z-index: 10; background-color: #FCFCFE; background-image: linear-gradient(135deg, #FCFCFE 0%, #FCFCFE 100%); position: relative; box-shadow: 0px 3px 5px rgba(0,0,0,0.04);}
.container-header .mod-menu>li>a, .container-header .mod-menu>li>span {color: var(--link-color); } 
.container-header .mod-menu>li>a:hover {color:#1F3A8A; } 
.container-header .mod-menu>li>span:hover {color:#fff; } 
.item-106 .btn:hover, .item-106 .btn:focus {color: #fff !important;}
.container-header .container-below-top {display: flex; align-items: center;}
.container-header .container-below-top > ul:first-child {flex: 0 0 auto; width: auto;}
.container-header .container-below-top > ul:last-child {flex: 1 1 auto; justify-content: flex-end;}
.metismenu.mod-menu .mm-toggler {color: #495057;}
.category-name {font-size: 0.85rem}


/** подвал **/
.footer {color: #000; background-color: #FCFCFE; background-image: linear-gradient(135deg, #FCFCFE 0%, #FCFCFE 100%); box-shadow: 0px -3px 5px rgba(0,0,0,0.04);}  
.footer .grid-child {justify-content: space-between; align-items: center; padding: 1rem .5em;}
footer a:hover, .footer a:hover, .mod-footer a:hover {color: rgba(0, 0, 0, 0.8) !important; text-decoration: none;}






/* Выравнивание заголовков в карточках блога */
.com-content-category-blog__item.blog-item {display: flex; flex-direction: column; height: 100%;}
.com-content-category-blog__item .item-content.bg-white {display: flex; flex-direction: column; height: 100%; padding: 1rem; /* Оставляем стандартный padding */}
.com-content-category-blog__item .page-header {min-height: 100px; display: flex; align-items: flex-start; margin-bottom: 0.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 0.5rem;}
.com-content-category-blog__item .page-header h2.h3 {margin: 0; width: 100%;}
.com-content-category-blog__item .page-header h2.h3 a {color: #495057; text-decoration: none;   transition: color 0.2s; display: block; /* Чтобы ссылка занимала всю ширину */}
.com-content-category-blog__item .page-header h2.h3 a:hover {color: #2a2a2a;}
/* Адаптация для планшетов */
@media (min-width: 768px) and (max-width: 991px) {.com-content-category-blog__item .page-header {min-height: 140px; /* Чуть больше на планшетах */}}
/* Мобильные устройства */
@media (max-width: 767px) {.com-content-category-blog__item .page-header {min-height: auto; /* втоматическая высота */ align-items: flex-start;}}

/* Основной контейнер карточки */
.com-content-category-blog__item.blog-item {display: flex; flex-direction: column; height: 100%;}
.com-content-category-blog__item .item-content.bg-white {display: flex; flex-direction: column; height: 100%; padding: 1rem; /* Оставляем стандартный padding */}
/* Заголовок */
.com-content-category-blog__item .page-header {flex: 0 0 auto; /* Не растягивается */ min-height: 100px;   margin-bottom: 0.75rem;}
.com-content-category-blog__item .page-header h2.h3 {margin: 0;}
/* Информация о статье (автор, дата и т.д.) */
.com-content-category-blog__item dl.article-info {flex: 0 0 auto; margin-bottom: 0.75rem;}
/* Вводный текст - занимает всё свободное место */
.com-content-category-blog__item p:not(.readmore) {flex: 1 0 auto; margin-bottom: 1rem;}
/* Кнопка "Подробнее" - всегда внизу */
.com-content-category-blog__item p.readmore {flex: 0 0 auto; margin-top: auto; margin-bottom: 0;}

/* Улучшение видимости ссылок в выпадающем меню */
.mod-menu .metismenu-item.level-2 > a {transition: color 0.2s ease;}
.mod-menu .metismenu-item.level-2 > a:hover {color: #212529 !important;}
/* Для активного пункта в выпадающем меню */
.mod-menu .metismenu-item.level-2.current > a {color: #396dac; /* Синий для активного */ font-weight: 500;}