#header_social_actions .dropdown-menu {
    background: linear-gradient(rgb(121 116 116 / 50%), rgb(141 137 137 / 50%));
    padding: 20px 19px 20px 14px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-15%);
}

#header_social_actions .dropdown-item {
    padding: 0 6px 14px 6px;
    display: flex;
    gap: 10px;
    font-size: 16px;
    cursor: pointer;
    color: #fff;
}

#header_social_actions .dropdown-item:last-child {
    padding: 0 6px 0 6px;
    display: flex;
    gap: 10px;
}

#header_social_actions span {
    border-radius: 50%;
    border: 1px solid white;
    background-color: #fff;
    padding: 0 6px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 23%;
}

#header_social_actions span img {
    width: 14px;
    height: 14px;
}


#header_social_actions .dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

#header_social_actions:hover,
#header_social_actions.show {
    padding-bottom: 40px;
    margin-top: 40px;
}

.social_ui_mb_view .flex_mb {
    display: flex;
    justify-content: center;
    gap: 40px;
}

.tabs_view .nav-item {
    list-style: none;
}

.tabs_view {
    display: none;
}

#header_social_actions .dropdown-item:hover span svg path {
    fill: var(--default-background-dark-color);
    font-weight: bold;
}

#header_social_actions .dropdown-item:hover span {
    background-color: white;
}

/* Desktop More can remain visible in the compact header layout. Its menu must never inherit white text on a pale surface. */
.desktop-more-item .dropdown-menu {
    padding: 8px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 14px;
    background: #06452f !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
}

.desktop-more-item .dropdown-menu .dropdown-item {
    display: block;
    padding: 13px 14px;
    border-radius: 8px;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 600;
    line-height: 1.25;
}

.desktop-more-item .dropdown-menu .dropdown-item:hover,
.desktop-more-item .dropdown-menu .dropdown-item:focus {
    background: rgba(255, 255, 255, .14);
    color: #ffffff !important;
}

/* Shared mobile More menu. The header is used across the site, so its expanded links need their own high-contrast surface. */
@media (max-width: 991.98px) {
    .mobile-more-item details {
        position: relative;
        z-index: 1202;
        width: min(100%, 280px);
        margin: 0 auto;
    }

    .navbar {
        z-index: 1300 !important;
    }

    #navbarNav {
        position: relative;
        z-index: 1200;
    }

    .mobile-more-item {
        position: relative;
        z-index: 1201;
    }

    .mobile-more-item summary.nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
    }

    .mobile-more-item .mobile-more-links {
        position: relative;
        z-index: 1203;
        margin: 4px auto 12px;
        padding: 8px !important;
        border: 1px solid rgba(255, 255, 255, .24);
        border-radius: 14px;
        background: #06452f !important;
        box-shadow: 0 16px 36px rgba(0, 0, 0, .24);
    }

    .mobile-more-item .mobile-more-links .nav-link {
        display: block;
        padding: 13px 14px !important;
        border-radius: 8px;
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important;
        font-weight: 600;
        line-height: 1.25;
        text-align: left !important;
    }

    .mobile-more-item .mobile-more-links .nav-link:hover,
    .mobile-more-item .mobile-more-links .nav-link:focus {
        background: rgba(255, 255, 255, .14);
        color: #ffffff !important;
        text-decoration: none;
    }
}

#darker_navigtaion #header_social_actions .dropdown-item:hover span svg path {
    fill: #fff;
    font-weight: bold;
}

.darker_navigtaion #header_social_actions .dropdown-item:hover span svg path {
    fill: #fff;
    font-weight: bold;
}

/* Sitewide contrast contract: the homepage may remain transparent over its hero; all other shared-header routes start readable on a white surface. */
#navbar.darker_navigtaion {
    background-color: #ffffff !important;
}

#navbar.darker_navigtaion .nav-link,
#navbar.darker_navigtaion .nav-link:visited,
#navbar.darker_navigtaion .nav_border_parent .nav-link,
#navbar.darker_navigtaion #header_social_actions > .nav-link {
    color: #003b20 !important;
    -webkit-text-fill-color: #003b20 !important;
}

#navbar.darker_navigtaion .nav-link.active,
#navbar.darker_navigtaion .nav-link:hover,
#navbar.darker_navigtaion .nav-link:focus {
    color: #00a95a !important;
    -webkit-text-fill-color: #00a95a !important;
}

#navbar.darker_navigtaion .border_right_nav {
    background-color: #003b20 !important;
}


/* IBRE_MORE_VISIBILITY_FIX_20260928 */
/* Exactly one More control per viewport. This protects Bootstrap utility classes from legacy display overrides. */
@media (min-width: 992px) {
  #navbar .mobile-more-item { display: none !important; }
  #navbar .desktop-more-item { display: list-item !important; }
  #navbar .navbar-nav > .nav-item:empty { display: none !important; }
}
@media (max-width: 991.98px) {
  #navbar .desktop-more-item { display: none !important; }
  #navbar .mobile-more-item { display: list-item !important; }
  #navbar .navbar-nav > .nav-item:empty { display: none !important; }
}