/**
 * Mobile Menu Styles
 * Uses theme.json color variables for consistency
 */

/* Mobile menu panel animations */
.mobile-menu-panel {
    transform: translateX(100%);
    background-color: var(--wp--preset--color--tour-neutral-white) !important;
    width: 100% !important;
}

.mobile-menu-panel.opening {
    transform: translateX(0);
}

.mobile-menu-panel.closing {
    transform: translateX(100%);
}

/* Mobile menu item styles */
.mobile-menu-item {
    color: var(--wp--preset--color--tour-neutral-darkest) !important;
    text-align: center !important;
    font-family: var(--wp--preset--font-family--open-sans) !important;
    font-size: var(--wp--preset--font-size--body-m) !important;
    font-style: normal !important;
    font-weight: normal;
    line-height: 150%; /* 150% */
    margin-bottom: 28px !important;
    padding: 0 !important;
}

.mobile-menu-item:last-of-type {
    margin-bottom: 40px !important;
}

/* Hover styles */
.mobile-menu-item:hover {
    background-color: var(--wp--preset--color--tour-neutral-light) !important;
    color: var(--wp--preset--color--tour-neutral-darkest) !important;
}

.mobile-menu-item:hover .mobile-menu-arrow {
    color: var(--wp--preset--color--tour-neutral-darkest) !important;
    opacity: 0.7;
}

/* Mobile menu content container */
.mobile-menu-content {
    padding-top: 24px;
    padding-bottom: 24px;
}

/* Mobile menu logo styles */
.mobile-menu-logo {
    height: 24px ;
    width: auto ;
    -o-object-fit: contain;
       object-fit: contain;
    max-width: 123px ;
}

/* Mobile menu close button styles */
.mobile-menu-close svg {
   
    flex-shrink: 0;
    stroke-width: 2px !important;
    stroke: var(--wp--preset--color--tour-neutral-darkest) !important;
}

/* Mobile menu button spacing */
.mobile-menu-button-container {
    margin-top: 0;
    padding-top: 0;
}


.header-button.header-button-mobile {
    height: 44px !important;
    font-size: 16px !important;
  
}