/* ========================================
   Bank of America — Brand Override CSS
   Применяется последним, перекрывает всё
   ======================================== */

/* === CSS переменные BOFA === */
:root {
    --color-primary: #c41230;
    --color-primary-light: #e8394f;
    --color-accent: #c41230;
    --color-primary-dark: #8c0d22;
    --bofa-red: #c41230;
    --bofa-dark: #1a1a1a;
    --bofa-white: #ffffff;
}

/* === Точечная замена синих акцентов на красные === */

/* Кнопки — убираем синий, ставим красный BOFA */
.button.apply,
.primary.button,
a.button,
.button.info {
    background: #c41230 !important;
    background-color: #c41230 !important;
    border-color: #c41230 !important;
    color: #ffffff !important;
}

.button.apply:hover,
.primary.button:hover,
a.button:hover,
.button.info:hover {
    background: #8c0d22 !important;
    background-color: #8c0d22 !important;
    border-color: #8c0d22 !important;
}

/* Search filter active */
#cludo-search-results .cludo-r .search-filters ul li.facet-list-item.active {
    border-right-color: #c41230 !important;
}

/* Search results titles */
#cludo-search-results .cludo-r .search-results ul li.search-results-item h2,
#cludo-search-results .cludo-r .search-results ul li.search-results-item a .search-result-data > h2,
#cludo-search-results .cludo-r .search-results ul li.search-results-item a > h2 {
    color: #c41230 !important;
}

/* Search banner button */
#cludo-search-results .cludo-r .search-results .cludo-banner .search-results-banner a.button,
#cludo-search-results .cludo-r .search-results .cludo-banner .alertMessage__cta a.button {
    background: #c41230 !important;
    background-color: #c41230 !important;
}

/* Mobile filter button */
#cludo-search-results .cludo-r .search-filters .search-filters-mobile-button {
    background: #c41230 !important;
    background-color: #c41230 !important;
}

/* Load more button */
#cludo-search-results .cludo-search-modal-body #cludo-load-more button {
    background: linear-gradient(180deg, #e8394f 0, #c41230) !important;
}

#cludo-search-results .cludo-search-modal-body #cludo-load-more button:hover {
    background: linear-gradient(180deg, #c41230 0, #8c0d22) !important;
}

/* Search modal search button */
#cludo-search-modal-inner #cludo-search-form-content .search-button {
    background: linear-gradient(180deg, #e8394f 0, #c41230) !important;
}

#cludo-search-modal-inner #cludo-search-form-content .search-button:hover {
    background: linear-gradient(180deg, #c41230 0, #8c0d22) !important;
}

/* File type color */
#cludo-search-results .file-type {
    color: #c41230 !important;
}

/* Cludo loading spinner */
#cludo-loading:before {
    border-left-color: #e8394f !important;
    border-bottom-color: #e8394f !important;
    border-top-color: #c41230 !important;
}

/* Search filters active link */
#cludo-search-results .search-filters ul a.active {
    background-color: #c41230 !important;
    color: #ffffff !important;
}

/* Nav link */
.button.link,
.button.link.arrow-right {
    color: #c41230 !important;
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.button.link:hover {
    color: #8c0d22 !important;
}

/* Логотипы: сохраняем пропорции и аккуратный размер */
.Header__logo img,
.footer__col1 img {
    width: auto !important;
    height: 56px !important;
    max-width: 220px;
    object-fit: contain;
}

/* Небольшой контраст с шапкой */
.hero {
    background-color: #e9ebef !important;
    min-height: 220px !important;
}

.hero__content {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.hero__image {
    min-height: 220px !important;
}

