/* ==================================================
   Управление геофизики ТОО СП "КАТКО"
   Cassiopeia custom styles
   ================================================== */

:root {
    --katko-dark: #17315f;
    --katko-dark-2: #233a72;
    --katko-yellow: #f5c400;
    --katko-light: #f5f6f8;
    --katko-text: #222;
    --katko-border: #d9dde3;
}

/* Общий фон */
body {
    background: var(--katko-light);
    color: var(--katko-text);
}

/* Шапка Cassiopeia */
.container-header {
    background: linear-gradient(
        90deg,
        var(--katko-dark),
        var(--katko-dark-2)
    );
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

/* Логотип и название */
.container-header .navbar-brand {
    color: #fff;
}

/* Главное меню */
.container-header .mod-menu {
    align-items: center;
}

.container-header .mod-menu > li > a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    padding: .75rem 1rem;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a {
    color: var(--katko-yellow);
}

/* Основное содержимое */
.site-grid {
    background: transparent;
}

main {
    background: #fff;
    border-radius: 6px;
    padding: 1.5rem;
    box-shadow: 0 1px 5px rgba(0,0,0,.08);
}

/* Breadcrumbs */
.breadcrumb {
    background: #f3f4f5;
    padding: .6rem 1rem;
    border-radius: 4px;
}

/* Заголовки */
h1,
h2,
h3,
h4 {
    color: #172b4d;
}

/* Ссылки */
a {
    color: #245a8d;
}

a:hover {
    color: #183f66;
}

/* Кнопки */
.btn-primary {
    background: var(--katko-yellow);
    border-color: var(--katko-yellow);
    color: #151515;
    font-weight: 600;
}

.btn-primary:hover {
    background: #ddb100;
    border-color: #ddb100;
    color: #000;
}

/* ==================================================
   АВТОРИЗАЦИЯ В ШАПКЕ
   Joomla 5 / Cassiopeia
   ================================================== */

.container-topbar {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding: 8px 15px;
}

/* Сам модуль */
.container-topbar .katko-login {
    width: 100%;
}

/* Форма */
.container-topbar .mod-login {
    margin: 0;
    width: 100%;
}

/* ВАЖНО:
   именно этот контейнер содержит все элементы формы */
.container-topbar .mod-login__userdata {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: nowrap;
}

/* Логин */
.container-topbar .mod-login__username {
    width: 190px;
    margin: 0 !important;
    flex: 0 0 190px;
}

/* Пароль */
.container-topbar .mod-login__password {
    width: 190px;
    margin: 0 !important;
    flex: 0 0 190px;
}

/* Поля */
.container-topbar .mod-login .form-control {
    height: 38px;
    margin: 0;
}

/* input-group логина и пароля */
.container-topbar .mod-login .input-group {
    width: 100%;
}

/* Запомнить меня */
.container-topbar .mod-login__remember {
    margin: 0 !important;
    flex: 0 0 auto;
    white-space: nowrap;
}

.container-topbar .mod-login__remember .form-check {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Все блоки кнопок */
.container-topbar .mod-login__submit {
    margin: 0 !important;
    flex: 0 0 auto;
}

/* ==================================================
   УБИРАЕМ "ВОЙТИ БЕЗ ПАРОЛЯ"
   ================================================== */

/* Joomla выводит passwordless как дополнительную
   кнопку type="button" внутри mod-login__submit */
.container-topbar .mod-login__submit > button[type="button"] {
    display: none !important;
}

/* Обычная кнопка Войти */
.container-topbar .mod-login__submit > button[type="submit"] {
    width: auto !important;
    min-width: 90px;
    height: 38px;
    padding: 6px 18px;
    margin: 0;
    background: #f5c400;
    border-color: #f5c400;
    color: #111;
    font-weight: 600;
}

/* Убираем "Забыли пароль?" и "Забыли логин?" */
.container-topbar .mod-login__options {
    display: none !important;
}

/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ================================================== */

@media (max-width: 900px) {

    .container-topbar .mod-login__userdata {
        flex-wrap: wrap;
    }

    .container-topbar .mod-login__username,
    .container-topbar .mod-login__password {
        flex: 1 1 180px;
        width: auto;
    }
}

@media (max-width: 600px) {

    .container-topbar .mod-login__userdata {
        flex-direction: column;
        align-items: stretch;
    }

    .container-topbar .mod-login__username,
    .container-topbar .mod-login__password {
        width: 100%;
        flex: none;
    }
}

/* Выравнивание логина и пароля по одной линии */
.container-topbar .mod-login__userdata {
    align-items: center !important;
}

.container-topbar .mod-login__username,
.container-topbar .mod-login__password {
    align-self: center !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Одинаковая высота групп логина и пароля */
.container-topbar .mod-login__username .input-group,
.container-topbar .mod-login__password .input-group {
    height: 38px !important;
    align-items: stretch !important;
    margin: 0 !important;
}

/* Одинаковая высота самих полей */
.container-topbar .mod-login__username input,
.container-topbar .mod-login__password input {
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

/* Кнопки с иконками пользователя и глаза */
.container-topbar .mod-login__username .input-group-text,
.container-topbar .mod-login__password .input-group-text,
.container-topbar .mod-login__username .btn,
.container-topbar .mod-login__password .btn {
    height: 38px !important;
    min-height: 38px !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ==================================================
   ВХОД / ВЫХОД В ШАПКЕ
   ================================================== */

.container-topbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 46px;
}

/* Кнопка входа для гостя */
.katko-login-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 100px;
    height: 38px;

    padding: 6px 20px;

    background: #f5c400;
    border: 1px solid #f5c400;
    border-radius: 4px;

    color: #111 !important;
    font-weight: 600;
    text-decoration: none;

    transition: .2s ease;
}

.katko-login-link:hover {
    background: #ddb100;
    border-color: #ddb100;
    color: #000 !important;
}


/* ==================================================
   АВТОРИЗОВАННЫЙ ПОЛЬЗОВАТЕЛЬ
   ================================================== */

.container-topbar .katko-login .mod-login-logout {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;

    margin: 0;
}

/* Имя пользователя */
.container-topbar .katko-login .mod-login-logout__login-greeting {
    margin: 0;

    color: #fff;
    font-weight: 500;
    white-space: nowrap;
}

/* Блок кнопки выхода */
.container-topbar .katko-login .mod-login-logout__button {
    margin: 0;
}

/* Кнопка Выйти */
.container-topbar .katko-login .mod-login-logout__button .btn {
    min-width: 90px;
    height: 38px;

    padding: 6px 16px;

    background: #f5c400;
    border-color: #f5c400;

    color: #111;
    font-weight: 600;
}

.container-topbar .katko-login .mod-login-logout__button .btn:hover {
    background: #ddb100;
    border-color: #ddb100;
    color: #000;
}

/* =========================================
   Страница авторизации Joomla
   ========================================= */

/* Ограничиваем ширину формы входа */
.com-users-login.login {
    max-width: 620px;
    margin: 0 auto;
}

/* Скрываем вход без пароля / WebAuthn */
.com-users-login .btn-secondary,
.com-users-login button[type="button"] {
    display: none !important;
}

/* Аккуратнее кнопка Войти */
.com-users-login button[type="submit"] {
    min-width: 110px;
    height: 40px;
}

/* Немного воздуха между полями */
.com-users-login .control-group {
    margin-bottom: 16px;
}
/* Скрыть ссылки восстановления доступа на странице входа */
.com-users-login .com-users-login__options {
    display: none !important;
}

.com-users-login .list-group {
    display: none !important;
}

/*Кнопка "Войти" — мобильная версия
@media (max-width: 768px) {

    .katko-login-link {
        background: #f5c400 !important;
        border-color: #f5c400 !important;
        color: #111 !important;

        font-weight: 700;
        text-decoration: none !important;
    }

    .katko-login-link:hover,
    .katko-login-link:focus,
    .katko-login-link:active {
        background: #ddb100 !important;
        border-color: #ddb100 !important;
        color: #000 !important;
    }
}

/* ==================================================
   КНОПКА "ВОЙТИ" — МОБИЛЬНАЯ ВЕРСИЯ
   ================================================== */

@media (max-width: 991.98px) {

    .container-header .container-topbar a.katko-login-link,
    .container-header .container-topbar a.katko-login-link:link,
    .container-header .container-topbar a.katko-login-link:visited,
    .container-header .container-topbar a.btn.katko-login-link {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        background-color: #f5c400 !important;
        background-image: none !important;

        color: #111111 !important;

        border: 1px solid #f5c400 !important;
        border-radius: 5px !important;

        padding: 8px 20px !important;
        min-width: 100px !important;
        min-height: 38px !important;

        font-weight: 700 !important;
        text-decoration: none !important;
        opacity: 1 !important;
    }

    .container-header .container-topbar a.katko-login-link:hover,
    .container-header .container-topbar a.katko-login-link:focus,
    .container-header .container-topbar a.katko-login-link:active {
        background-color: #ddb100 !important;
        color: #000000 !important;
        border-color: #ddb100 !important;
    }
}

/* ==================================================
   ГЛАВНАЯ — НОВОСТИ
   ================================================== */

/* Контейнер блога */
.blog {
    width: 100%;
}

/* Сетка обычных новостей */
.blog .blog-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 24px;
}

/* Карточка */
.blog .blog-item {
    display: flex;
    flex-direction: column;
    overflow: hidden;

    background: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 10px;

    padding: 0;

    box-shadow: 0 2px 8px rgba(0, 0, 0, .06);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.blog .blog-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(0, 0, 0, .10);
}


/* ==================================================
   ИЗОБРАЖЕНИЯ
   ================================================== */

.blog .item-image {
    margin: 0 !important;
    width: 100%;
}

.blog .item-image img {
    display: block;

    width: 100%;
    height: 240px;

    object-fit: cover;

    margin: 0 !important;
    border-radius: 0;
}


/* ==================================================
   ТЕКСТ КАРТОЧКИ
   ================================================== */

.blog .blog-item h2,
.blog .blog-item h3,
.blog .blog-item .item-title {
    margin: 18px 20px 8px;

    font-size: 1.35rem;
    line-height: 1.25;

    color: #17315f;
}

.blog .blog-item h2 a,
.blog .blog-item h3 a,
.blog .blog-item .item-title a {
    color: #17315f;
    text-decoration: none;
}

.blog .blog-item h2 a:hover,
.blog .blog-item h3 a:hover {
    color: #245a8d;
}


/* Информация о публикации */
.blog .article-info {
    margin: 0 20px 12px;

    font-size: .85rem;
    color: #6d7480;
}


/* Текст новости */
.blog .blog-item > p,
.blog .blog-item .item-content {
    margin-left: 20px;
    margin-right: 20px;
}


/* ==================================================
   КНОПКА "ПОДРОБНЕЕ"
   ================================================== */

.blog .readmore {
    margin: auto 20px 20px;
}

.blog .readmore .btn,
.blog .readmore a {
    display: inline-flex;
    align-items: center;

    background: #f5c400;
    border: 1px solid #f5c400;
    border-radius: 5px;

    color: #111 !important;

    padding: 8px 16px;

    font-weight: 600;
    text-decoration: none;
}

.blog .readmore .btn:hover,
.blog .readmore a:hover {
    background: #ddb100;
    border-color: #ddb100;
}


/* ==================================================
   ПЕРВАЯ / ГЛАВНАЯ НОВОСТЬ
   ================================================== */

.blog .items-leading {
    margin-bottom: 24px;
}

.blog .items-leading .blog-item {
    width: 100%;
}

.blog .items-leading .item-image img {
    height: 360px;
}


/* ==================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ================================================== */

@media (max-width: 768px) {

    .blog .blog-items {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .blog .item-image img,
    .blog .items-leading .item-image img {
        height: 220px;
    }

    .blog .blog-item h2,
    .blog .blog-item h3,
    .blog .blog-item .item-title {
        font-size: 1.2rem;
    }
}

/* ==================================================
   ВЕДУЩАЯ НОВОСТЬ — НА ВСЮ ШИРИНУ
   ================================================== */

.blog .blog-items.items-leading {
    grid-template-columns: 1fr !important;
    width: 100%;
}

.blog .blog-items.items-leading .blog-item {
    width: 100%;
    max-width: none;
}

.blog .article-info-term {
    display: none !important;
}

.blog .items-leading {
    margin-bottom: 28px !important;
}

/* Кнопка Подробнее */
.blog .readmore a {
    font-size: 0;
}

.blog .readmore a::after {
    content: "Подробнее";
    font-size: 14px;
}

/* Единый формат изображений новостей */
.blog .item-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin: 0 !important;
}

.blog .item-image img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
}

/* Одинаковая высота карточек */
.blog .blog-items:not(.items-leading) {
    align-items: stretch;
}

.blog .blog-items:not(.items-leading) .blog-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* Текст растягивается, кнопка уходит вниз */
.blog .blog-item .item-content,
.blog .blog-item > p {
    flex-grow: 1;
}

.blog .readmore {
    margin-top: auto;
}

.blog .article-info-term {
    display: none !important;
}

.blog .article-info {
    font-size: 13px;
    color: #7a828c;
    margin-bottom: 12px;
}

.blog .article-info dd {
    margin: 0;
}

.blog .blog-item h2,
.blog .blog-item h3,
.blog .blog-item .item-title {
    font-size: 1.3rem;
    line-height: 1.3;
    margin: 18px 20px 8px;
}

.blog .blog-item h2 a,
.blog .blog-item h3 a,
.blog .blog-item .item-title a {
    color: #17315f;
    text-decoration: none;
    font-weight: 700;
}

.blog .blog-item h2 a:hover,
.blog .blog-item h3 a:hover,
.blog .blog-item .item-title a:hover {
    color: #245a8d;
}

.blog .items-leading .item-image {
    aspect-ratio: 21 / 9;
}

.blog .items-leading .item-image img {
    object-fit: cover;
}


/* ==================================================
   PHOCA DOWNLOAD — БИБЛИОТЕКА ДОКУМЕНТОВ
   ================================================== */

/* Общий контейнер Phoca Download */
#phoca-dl-category-box,
#phoca-dl-categories-box {
    width: 100%;
}


/* Заголовок раздела */
#phoca-dl-category-box h1,
#phoca-dl-category-box h2,
#phoca-dl-categories-box h1,
#phoca-dl-categories-box h2 {
    color: #17315f;
    font-weight: 700;
}


/* --------------------------------------------------
   ПОДКАТЕГОРИИ
   -------------------------------------------------- */

#phoca-dl-category-box .pd-category,
#phoca-dl-categories-box .pd-category {
    background: #ffffff;

    border: 1px solid #dde2e8;
    border-radius: 8px;

    padding: 18px;
    margin-bottom: 14px;

    box-shadow: 0 2px 7px rgba(0,0,0,.05);

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

#phoca-dl-category-box .pd-category:hover,
#phoca-dl-categories-box .pd-category:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(0,0,0,.09);
}


/* Название категории */
#phoca-dl-category-box .pd-category a,
#phoca-dl-categories-box .pd-category a {
    color: #17315f;
    font-weight: 700;
    text-decoration: none;
}

#phoca-dl-category-box .pd-category a:hover,
#phoca-dl-categories-box .pd-category a:hover {
    color: #245a8d;
}


/* --------------------------------------------------
   СПИСОК ФАЙЛОВ
   -------------------------------------------------- */

#phoca-dl-category-box .pd-filebox {
    background: #ffffff;

    border: 1px solid #dde2e8;
    border-radius: 7px;

    padding: 14px 16px;
    margin-bottom: 12px;

    box-shadow: 0 1px 5px rgba(0,0,0,.05);
}


/* Название документа */
#phoca-dl-category-box .pd-filebox a {
    color: #17315f;
    font-weight: 600;
}


/* --------------------------------------------------
   КНОПКА СКАЧАТЬ
   -------------------------------------------------- */

#phoca-dl-category-box .btn,
#phoca-dl-category-box a.btn {
    background: #f5c400;
    border-color: #f5c400;

    color: #111 !important;

    font-weight: 600;

    border-radius: 5px;

    padding: 7px 14px;
}

#phoca-dl-category-box .btn:hover,
#phoca-dl-category-box a.btn:hover {
    background: #ddb100;
    border-color: #ddb100;

    color: #000 !important;
}


/* --------------------------------------------------
   ОПИСАНИЕ
   -------------------------------------------------- */

#phoca-dl-category-box .pd-description,
#phoca-dl-categories-box .pd-description {
    color: #68717c;

    font-size: .92rem;

    margin-top: 5px;
}


/* --------------------------------------------------
   МОБИЛЬНАЯ ВЕРСИЯ
   -------------------------------------------------- */

@media (max-width: 768px) {

    #phoca-dl-category-box .pd-filebox {
        padding: 12px;
    }

    #phoca-dl-category-box .btn {
        width: 100%;
        margin-top: 8px;
    }
}

/* ==================================================
   PHOCA DOWNLOAD — ПОДКАТЕГОРИИ
   ================================================== */

#phoca-dl-category-box .pd-subcategory {
    display: inline-flex;
    align-items: center;

    width: calc(33.333% - 16px);
    min-height: 74px;

    margin: 8px 12px 8px 0;
    padding: 16px 18px;

    background: #ffffff;

    border: 1px solid #dde3ea;
    border-radius: 8px;

    box-shadow: 0 2px 7px rgba(0, 0, 0, .06);

    vertical-align: top;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

#phoca-dl-category-box .pd-subcategory:hover {
    transform: translateY(-2px);

    border-color: #f5c400;

    box-shadow: 0 5px 14px rgba(0, 0, 0, .10);
}

/* Название раздела */
#phoca-dl-category-box .pd-subcategory a {
    color: #17315f !important;

    font-size: 1.05rem;
    font-weight: 700;

    text-decoration: none;
}

/* Количество файлов (0), (2) и т.п. */
#phoca-dl-category-box .pd-subcategory small {
    margin-left: 5px;
    color: #7b8490;
    font-weight: 400;
}


/* Планшет */
@media (max-width: 1000px) {

    #phoca-dl-category-box .pd-subcategory {
        width: calc(50% - 14px);
    }
}


/* Телефон */
@media (max-width: 600px) {

    #phoca-dl-category-box .pd-subcategory {
        width: 100%;
        margin-right: 0;
    }
}

/* ==================================================
   PHOCA DOWNLOAD — ДОКУМЕНТЫ
   ================================================== */

#phoca-dl-category-box .pd-filebox {
    padding: 16px 18px !important;
    margin-bottom: 10px;

    background: #fff;

    border: 1px solid #e1e5ea;
    border-radius: 7px;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}

#phoca-dl-category-box .pd-filebox:hover {
    border-color: #c8d0da;
    box-shadow: 0 3px 10px rgba(0,0,0,.06);
}

/* Название документа */
#phoca-dl-category-box .pd-filebox strong,
#phoca-dl-category-box .pd-filebox .pd-title {
    color: #172b4d;
    font-weight: 700;
}

/* Ссылка на физическое имя файла */
#phoca-dl-category-box .pd-filebox a {
    color: #245a8d;
}

/* Кнопка скачивания */
#phoca-dl-category-box .pd-filebox .btn {
    background: #f5c400 !important;
    border-color: #f5c400 !important;

    color: #111 !important;

    font-weight: 600;

    border-radius: 5px;
}

#phoca-dl-category-box .pd-filebox .btn:hover {
    background: #ddb100 !important;
    border-color: #ddb100 !important;
}

#phoca-dl-category-box .pagination-toolbar,
#phoca-dl-category-box .pd-pagination {
    display: none !important;
}

/* Скрыть подпись Powered by Phoca Download */
#phoca-dl-category-box .pd-copyright,
#phoca-dl-categories-box .pd-copyright {
    display: none !important;
}
/* =========================================================
   ЭТАП 13
   ФИНАЛЬНАЯ ШАПКА УПРАВЛЕНИЯ ГЕОФИЗИКИ
   ========================================================= */

.container-header {
    background: #1d3b70 !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
}


/* ---------------------------------------------------------
   Общая ширина содержимого шапки
   --------------------------------------------------------- */

.container-header .grid-child,
.container-header .container-topbar,
.container-header .container-nav {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------------------------------------------------------
   ЛОГОТИП
   --------------------------------------------------------- */

.container-header .navbar-brand {
    margin: 0;
    padding: 18px 0 10px 0;
}

.container-header .navbar-brand img {
    display: block;
    width: auto;
    max-height: 82px;
}


/* Название под/рядом с логотипом */
.container-header .site-description {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-top: 4px;
}


/* ---------------------------------------------------------
   ВХОД / ВЫХОД СПРАВА
   --------------------------------------------------------- */

.container-header .container-topbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;

    min-height: 48px;

    padding-top: 6px;
    padding-bottom: 6px;
}


/* Кнопка Войти */
.container-header .katko-login-link {
    background: #f5c400 !important;
    border: 1px solid #f5c400 !important;

    color: #111 !important;

    padding: 8px 22px !important;

    border-radius: 5px;

    font-weight: 700;
    text-decoration: none !important;
}


/* Кнопка Выйти */
.container-header .mod-login-logout__button .btn {
    background: #f5c400 !important;
    border-color: #f5c400 !important;

    color: #111 !important;

    font-weight: 700;

    border-radius: 5px;

    padding: 8px 20px;
}


.container-header .katko-login-link:hover,
.container-header .mod-login-logout__button .btn:hover {
    background: #ddb100 !important;
    border-color: #ddb100 !important;

    color: #000 !important;
}


/* Имя вошедшего пользователя */
.container-header .mod-login-logout__login-greeting {
    color: #fff;
    font-weight: 500;
}


/* ---------------------------------------------------------
   ГЛАВНОЕ МЕНЮ
   --------------------------------------------------------- */

.container-header .container-nav {
    padding-top: 5px;
    padding-bottom: 14px;
}

.container-header .mod-menu {
    display: flex;
    align-items: center;

    gap: 12px;

    margin: 0;
}


/* Пункты */
.container-header .mod-menu > li > a {
    display: block;

    padding: 10px 17px;

    color: #fff !important;

    font-size: 16px;
    font-weight: 600;

    text-decoration: none;

    border-radius: 4px;

    transition:
        color .2s ease,
        background-color .2s ease;
}


/* Наведение */
.container-header .mod-menu > li > a:hover {
    color: #f5c400 !important;

    background: rgba(255,255,255,.06);
}


/* Активный раздел */
.container-header .mod-menu > li.active > a,
.container-header .mod-menu > li.current > a {
    color: #f5c400 !important;

    border-bottom: 2px solid #f5c400;

    border-radius: 0;
}


/* =========================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   ========================================================= */

@media (max-width: 991.98px) {

    .container-header .grid-child,
    .container-header .container-topbar,
    .container-header .container-nav {
        padding-left: 16px;
        padding-right: 16px;
    }

    .container-header .navbar-brand {
        padding-top: 10px;
        padding-bottom: 8px;
    }

    .container-header .navbar-brand img {
        max-height: 65px;
    }

    /* Кнопка-гамбургер */
    .container-header .navbar-toggler {
        border: 1px solid rgba(255,255,255,.7) !important;
        color: #fff !important;

        margin-bottom: 8px;
    }

    /* Меню после раскрытия */
    .container-header .mod-menu {
        flex-direction: column;
        align-items: stretch;

        gap: 2px;

        width: 100%;
    }

    .container-header .mod-menu > li {
        width: 100%;
    }

    .container-header .mod-menu > li > a {
        width: 100%;

        padding: 11px 12px;

        border-bottom: 1px solid rgba(255,255,255,.12);
    }

    .container-header .mod-menu > li.active > a,
    .container-header .mod-menu > li.current > a {
        border-bottom: 1px solid #f5c400;

        background: rgba(255,255,255,.06);
    }

    /* Вход/выход */
    .container-header .container-topbar {
        justify-content: flex-end;
        min-height: 44px;
    }
}


/* Очень маленькие экраны */
@media (max-width: 480px) {

    .container-header .navbar-brand img {
        max-height: 58px;
    }

    .container-header .site-description {
        font-size: 13px;
    }

    .container-header .katko-login-link,
    .container-header .mod-login-logout__button .btn {
        padding: 7px 15px !important;
        font-size: 14px;
    }
}
/* Phoca Download footer */
a[href*="phoca.cz"] {
    font-size: 12px;
    color: #9aa3ad !important;
    text-decoration: none;
}

a[href*="phoca.cz"]:hover {
    color: #6f7882 !important;
}