@charset "UTF-8";
/* ==========================================================================
   repo.iabg.org.ua — пользовательские стили
   Шаблон: cassiopeia_extended (дочерний)
   Путь: media/templates/site/cassiopeia_extended/css/user.css

   Подключается автоматически (useStyle('template.user')), последним.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Логотип в шапке
   -------------------------------------------------------------------------- */
.header .navbar-brand img,
.container-header .navbar-brand img {
    max-height: 110px;
    width: auto;
    height: auto;
}

@media (max-width: 991.98px) {
    .header .navbar-brand img,
    .container-header .navbar-brand img {
        max-height: 80px;
    }
}

@media (max-width: 575.98px) {
    .header .navbar-brand img,
    .container-header .navbar-brand img {
        max-height: 60px;
    }
}

/* --------------------------------------------------------------------------
   2. Шапка: логотип и название в одну строку
   -------------------------------------------------------------------------- */
.header .navbar-brand {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 0;
}

/* Название организации — крупнее и заметнее */
.header .site-description {
    font-size: 1.45rem;
    font-weight: 600;
    line-height: 1.25;
    max-width: 56ch;      /* не даём строке растягиваться на весь экран */
    opacity: 1;
}

@media (max-width: 991.98px) {
    .header .site-description {
        font-size: 1.2rem;
    }
}

@media (max-width: 575.98px) {
    .header .site-description {
        font-size: 1rem;
        max-width: 100%;
    }
}

/* --------------------------------------------------------------------------
   3. Цвета шапки
   Дублируют настройки шаблона (Colours) — если задашь цвета там,
   эту секцию можно удалить. Оставлена на случай, если удобнее править файлом.
   -------------------------------------------------------------------------- */
.container-header {
    background-color: #1b4b73;   /* тёмно-синий с обода эмблемы */
    color: #ffffff;
}

.container-header .site-description,
.container-header a {
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   4. Главное меню в шапке
   -------------------------------------------------------------------------- */
.container-header .mod-menu > li > a {
    font-size: 1.05rem;
    padding: 0.6rem 1rem;
    color: #ffffff;
}

.container-header .mod-menu > li > a:hover,
.container-header .mod-menu > li.active > a {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.12);
    border-radius: 0.25rem;
}

/* --------------------------------------------------------------------------
   5. Футер: в тон шапке, бирюза только акцентом
   background-image: none обязателен — Cassiopeia рисует футер градиентом
   -------------------------------------------------------------------------- */
/* Переопределяем переменную шаблона прямо на футере — сработает при любом
   селекторе, которым Cassiopeia Extended красит футер через var(--footerbg) */
.container-footer {
    --footerbg: rgb(22, 62, 96);
    --footercolor: rgb(230, 238, 245);
}

footer.container-footer.footer {
    background-color: rgb(22, 62, 96);   /* чуть темнее шапки */
    background-image: none;
    border-top: 4px solid rgb(29, 121, 137);
    color: rgb(230, 238, 245);
}

.container-footer .grid-child {
    padding: 1.5rem 1rem;        /* выравниваем с контентом */
}

.container-footer a {
    color: #9fd3dc;
}

.container-footer a:hover {
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   6. Заготовки — раскомментируй при необходимости
   -------------------------------------------------------------------------- */

/* Скрыть хлебные крошки на главной
.home .mod-breadcrumbs__wrapper {
    display: none;
}
*/

/* Шире контентная область
.container-component {
    max-width: 1400px;
}
*/