/* HEADER */

.header {
    background-color: var(--grey-light);
    color: var(--primary);
}

.header__navbar {
    padding-block: var(--space-xs);
}

.header__logo {
    display: block;
    flex-shrink: 0;
    line-height: 0;
}

.header__logo img {
    display: block;
    width: auto;
    height: 2.1875rem;
}

.header__actions {
    flex-shrink: 0;
}

.header__menu .nav-link,
.header__menu .dropdown-item {
    color: var(--primary);
    font-size: 1.25rem;
    padding-inline: var(--space-s);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.header__menu .active .nav-link,
.header__menu .active .dropdown-item {
    font-weight: bold;
}

.header__menu .nav-link:hover,
.header__menu .nav-link:focus,
.header__menu .dropdown-item:hover,
.header__menu .dropdown-item:focus,
.header__menu .dropdown-item.active {
    color: var(--primary);
    opacity: 0.75;
}

.header__menu .dropdown-menu {
    border: none;
    border-radius: 0;
    box-shadow: 0 0.25rem 1rem rgba(32, 32, 32, 0.08);
    padding: var(--space-xxs);
    background-color: var(--grey-light);
}

.header__menu .dropdown-item {
    border-radius: calc(var(--radius) - 0.125rem);
    padding: var(--space-xs) var(--space-s);
    background-color: var(--grey-light);
}

.header__toggle {
    border: 1px solid var(--primary);
    padding: var(--space-xxs);
    border-radius: var(--radius);
    letter-spacing: 0.05em;
}

.header__toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 59, 242, 0.25);
}

.header__toggle .navbar-toggler-icon {
    width: 1.2rem;
    height: 1.2rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%231B3BF2' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.header__cta {
    background-color: var(--primary);
    border: 1px solid var(--primary);
    border-radius: var(--radius);
    color: var(--white);
    font-size: 1.25rem;
    padding: 0 var(--space-s);
    white-space: nowrap;
    text-transform: uppercase;
}

.header__cta:hover,
.header__cta:focus {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--white);
    opacity: 0.85;
}

.header__offcanvas {
    background-color: var(--grey-light);
    color: var(--primary);
}

.header__offcanvas .offcanvas-title {
    color: var(--primary);
}

.header__offcanvas .btn-close {
    filter: none;
    opacity: 1;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231B3BF2'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
}

.header__menu--mobile .nav-link {
    padding-inline: 0;
    padding-block: var(--space-xs);
}

.header__menu--mobile .dropdown-menu {
    position: static !important;
    transform: none !important;
    box-shadow: none;
    background-color: transparent;
    border: none;
    padding: 0 0 0 var(--space-s);
    margin-top: 0;
}

.header__menu--mobile .dropdown-item {
    padding-inline: 0;
}

.nav-link:focus-visible {
    outline: none;
    box-shadow: none;
}

@media (max-width: 992px) {
    .header__logo img {
        padding-block: var(--space-xxs);
    }
}


/* BCN BANNER */
#brand.v2025 .bcnbrand-logo-main img {
    max-width: 125px !important;
    margin:.5rem 0 .7rem 0;
}

#brand.v2025 .bcnbrand-logo-main a {
    height: auto !important;
}

#brand.v2025 .bcnbrand-logo-main {
    margin: 0 !important;
}

#brand.v2025 .bcnbrand-navs-container {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

#brand.v2025 .bcnbrand-navs-container .bcnbrand-navs-wrapper nav {
    max-height: auto !important;
    margin: 0 !important;
}