/* === ПЛАВНЫЙ СДВИГ ПРАВОЙ КОЛОНКИ ПРИ НАВЕДЕНИИ === */
#footer-2 .col-12.col-md-4.pe-0 {
    transition: padding-left 0.75s ease;
    padding-left: 5rem !important;
}

#footer-2 .col-12.col-md-4.pe-0:hover {
    padding-left: 0 !important;
}

/* === ССЫЛКИ В ПРАВОЙ КОЛОНКЕ (контакты, логотип, соцсети) === */
#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand) {
    position: relative;
    color: white;
    opacity: 0.5;
    text-decoration: none;
    transition: color 0.3s ease, opacity 0.3s ease;
}

#footer-2 .col-12.col-md-4.pe-4 a:not(.navbar-brand)::after,
#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background-color: white;
    transition: width 0.3s ease;
}

#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover,
#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus {
    opacity: 1;
    color: white;
}

#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand):hover::after,
#footer-2 .col-12.col-md-4.pe-0 a:not(.navbar-brand):focus::after {
    width: 100%;
}

/* === ЛЕВОЕ МЕНЮ (стиль pills) === */
#footer-2 .nav-link {
    color: white;
    opacity: 0.5;
    transition: letter-spacing 0.5s ease-out;
}

#footer-2 .nav-link.active,
#footer-2 .nav-link:hover,
#footer-2 .nav-link:focus {
    color: white;
    opacity: 1;
}

#footer-2 .nav-link:hover,
#footer-2 .nav-link:focus {
    letter-spacing: 0.05em;
}

/* === ПРАВОЕ МЕНЮ (новая структура — плоский список) === */



#footer-2 .list-unstyled > li:first-child > a.h4 i.bi-arrow-right::before {
    border-radius: 50% !important;
    border: 2px solid var(--bs-primary) !important;
    padding: 0.5rem;
    margin-left: 1em;
    transition: all 0.3s ease;
    display: inline-block;
}

#footer-2 .list-unstyled > li:first-child > a.h4:hover i.bi-arrow-right::before {
    transform: rotate(-45deg);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
}


/* === АДАПТИВНОСТЬ (мобильные устройства) === */
@media (max-width: 767.98px) {
    #footer-2 .col-12.col-md-4.pe-0 {
        padding-left: 0 !important;
    }

    #footer-2 .list-unstyled > li:first-child > a.h4 {
        font-size: 1rem;
    }

    #footer-2 .list-unstyled > li:first-child > a.h4 i.bi-arrow-right::before {
        padding: 0.4rem;
        margin-left: 0.8em;
    }
}