@media (max-width: 1200px) {

/*==Mobile Menu==*/
.wp-block-navigation__responsive-container-open svg {
    width: 35px;
    height: 35px;
}

/* Hide submenu by default */
ul.wp-block-navigation__submenu-container {
    display: none !important;
}

/* Show submenu when open */
li.wp-block-navigation-submenu.open ul.wp-block-navigation__submenu-container {
    display: block !important;
}

/* Full width navigation */
.wp-block-navigation ul {
    width: 100%;
}

/* Submenu icon */
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon {
    display: inline-block !important;
    margin-left: 5px !important;
    position: absolute;
    right: 3%;
    top: 5px;
    width: 2em;
    height: 2em;
}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
    width: 1em;
    fill: #000 !important;
}

/* MAIN CONTAINER (hidden from LEFT) */
.wp-block-navigation__responsive-container {
    background: #ffffff !important;
    color: #252525  !important;
    transform: translateX(-100%);
    width: 100% !important;
    height: 100vh;
    transition: transform 0.5s ease-in-out; /* smooth slow */
}

/* When menu opens */
.wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    flex-direction: column !important;
    padding: 0px !important;
    transform: translateX(0);
    transition: transform 0.5s ease-in-out;
    animation: none !important;
}

/* When menu closes */
.wp-block-navigation__responsive-container:not(.is-menu-open) {
    transform: translateX(-100%);
    transition: transform 0.5s ease-in-out;
    animation: none !important;
}

/* Keep container fixed */
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
    width: 100%;
    position: fixed;
    background: #ffffff !important;
}

/* Menu toggle button */
.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
}

/* Menu items full width */
.wp-block-navigation-item {
    width: 100%;
}

/* Menu links */
.wp-block-navigation .wp-block-navigation-item__content {
    display: block;
    padding: 0 5% !important;
    line-height: 40px;
    width: 100%;
    color: #252525  !important;
}

/* Default link color */
.wp-block-navigation a {
    color: #252525  !important;
}

/* Hover → BLACK BG + WHITE TEXT */
header .wp-block-navigation a:hover {
    background-color: #252525  !important;
    color: #ffffff !important;
    transition: 0.3s ease;
}

/* Active menu item */
ul.wp-block-navigation li.current-menu-item > a,
ul.wp-block-navigation li li.current-menu-item > a {
    background-color: #252525  !important;
    color: #ffffff !important;
    transition: background-color .3s;
}

/* Submenu spacing */
.wp-block-navigation__responsive-container.is-menu-open 
.wp-block-navigation__responsive-container-content 
.wp-block-navigation__submenu-container,
.wp-block-navigation__responsive-container.is-menu-open 
.wp-block-navigation__responsive-container-content 
.has-child 
.wp-block-navigation__submenu-container {
    padding-top: 0;
    width: 100%;
    padding: 0 5%;
}

/* Content spacing */
.wp-block-navigation__responsive-container-content {
    gap: 10px;
    padding-top: calc(2rem + 24px);
}

/* Close button */
.wp-block-navigation__responsive-container-close {
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 2;
    cursor: pointer;
    color: #000 !important;
}

/* Hide close when closed */
.wp-block-navigation__responsive-container.is-menu-closed 
.wp-block-navigation__responsive-container-close {
    display: none;
}

}