.header .container {
    max-width: 100%;
}

.header-main {
    .header-nav-main {
        justify-content: center;
    }
}

#billing_first_name_field {
    display: none !important;
}

.checkout-sidebar-product-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.header .header-nav-main > .menu-item > a {
    font-size: 1rem;
    color: #111;
    text-transform: none;

    &:hover {
        color: var(--primary-medium);
    }
}

.header-nav.header-nav-main.nav.nav-right.nav-uppercase {
    font-weight: 900;
    font-size: 1.12em;
}

.wpb_column.column_container.col-md-3 {
    margin-top: 1em;
}

.header.header {
    container: inline-size;

    .nav-dropdown:has(.gpw-mega-menu) {
        border: none;

        .gpw-mega-menu__sub-menu {
            margin-block: .5rem;
            margin-left: .5rem;
        }
    }
}

.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after {
    display: none;
}

.nav-dropdown:has(.gpw-mega-menu) {
    background-color: transparent;
}

.gpw-mega-menu {
    --_text-color: var(--primary-lighter);
    padding-block: 1.875rem;
    padding-inline: 2.5rem;
    background-color: oklch(from #000 l c h / .8);
    backdrop-filter: blur(.25rem);

    .section__inner {
        display: grid;
        grid-template-columns: 1fr;

        &:has(.gpw-mega-menu__featured-image) {
            grid-template-columns: 60% 1fr;
        }
    }

    .gpw-mega-menu__list, .gpw-mega-menu__sub-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .gpw-mega-menu__list {
        padding-block: 1.25rem 0;
        display: grid;
        grid-template-columns: repeat(var(--_menu-cols, 3), 1fr);
        justify-content: space-evenly;
        gap: 1.25rem;
    }

    .gpw-mega-menu__item {
        margin: 0;
        white-space: nowrap !important;

        &:not(:last-child) {
            margin-bottom: .125rem;
        }

        a {
            color: var(--_text-color);

            transition: color 200ms;

            &:hover {
                color: oklch(from var(--_text-color) calc(l - l * .15) c h / 1);
            }
        }

        &:has(> .gpw-mega-menu__sub-menu) > a {
            font-weight: 700;
        }
    }

    .gpw-mega-menu__featured-image {
        align-self: stretch;
        width: 100%;

        img {
            object-fit: cover;
            width: 100%;
            height: 100%;
        }
    }

    .gpw-mega-menu__sub-menu {
        .gpw-mega-menu__item {
            a {
                --_text-color: #f1f1f1;
            }
        }
    }

    @container (width < 1250px) {
        .section__inner {
            padding-inline: .625rem;
        }
    }
}

/* Style for datepicker */
.daterangepicker .drp-buttons .btn {
    color: #fff;
    border-color: var(--primary-medium);
    background-color: var(--primary-medium);
}

.daterangepicker .drp-buttons .btn:disabled {
    opacity: .25;
}