/* Стили для белых иконок в футере и на всех страницах */

/* Все иконки Font Awesome - белый цвет */
i.fa,
i.fas,
i.far,
i.fab,
i.fal,
.fa,
.fas,
.far,
.fab,
.fal,
[class*="fa-"],
[class^="fa-"] {
    color: #FFFFFF !important; /* Белый цвет */
}

/* SVG иконки - белый цвет */
svg,
svg path,
svg circle,
svg rect,
svg polygon,
svg polyline,
svg line,
svg ellipse {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Иконки в футере */
footer i,
footer .fa,
footer .fas,
footer .far,
footer .fab,
footer .fal,
footer svg,
footer svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Иконки в мобильном меню */
.footer-fix-nav i,
.footer-fix-nav .fa,
.footer-fix-nav .fas,
.footer-fix-nav .far,
.footer-fix-nav .fab,
.footer-fix-nav .fal,
.footer-fix-nav svg,
.footer-fix-nav svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Иконки в контактах футера */
footer .footer__email svg,
footer .footer__email svg path,
footer .footer__phones svg,
footer .footer__phones svg path,
footer .footer__address svg,
footer .footer__address svg path {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Иконки в виджетах футера */
footer .widget i,
footer .widget .fa,
footer .widget svg,
footer .widget svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Иконки в header */
header i,
header .fa,
header .fas,
header .far,
header .fab,
header .fal,
header svg,
header svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Иконки в навигации */
nav i,
nav .fa,
nav .fas,
nav .far,
nav .fab,
nav .fal,
nav svg,
nav svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
}

/* Все иконки на странице */
body i.fa,
body i.fas,
body i.far,
body i.fab,
body i.fal,
body .fa,
body .fas,
body .far,
body .fab,
body .fal,
body [class*="fa-"] {
    color: #FFFFFF !important;
}

body svg,
body svg path,
body svg circle,
body svg rect {
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    color: #FFFFFF !important;
}

/* Кнопка прокрутки вверх - иконка белого цвета и видимая */
#scrollUp {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #4e97fd !important;
    color: #FFFFFF !important;
}

/* Все элементы внутри кнопки - белый цвет и видимы */
#scrollUp *,
#scrollUp i,
#scrollUp .fa,
#scrollUp .fas,
#scrollUp .far,
#scrollUp .fal,
#scrollUp .fa-angle-up,
#scrollUp svg,
#scrollUp svg path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    stroke: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
}

/* Иконка Font Awesome */
#scrollUp i,
#scrollUp i.fa,
#scrollUp i.fas,
#scrollUp i.far,
#scrollUp i.fal,
#scrollUp .fa,
#scrollUp .fas,
#scrollUp .far,
#scrollUp .fal,
#scrollUp .fa-angle-up {
    color: #FFFFFF !important;
    font-size: 20px !important;
    line-height: 50px !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
}

/* Если иконка не загружается, добавляем стрелку через псевдоэлемент */
#scrollUp:empty::before,
#scrollUp:not(:has(i))::before {
    content: '↑' !important;
    color: #FFFFFF !important;
    font-size: 24px !important;
    line-height: 50px !important;
    display: block !important;
    font-weight: bold !important;
}