/* Direct CSS fixes for menu issues - No JavaScript */

/* 1. Color fixes for navigation and currency */
.navigation__right .menu > li > a,
.navigation__extra > li > a,
.navigation__extra .ps-dropdown > a {
    color: #fff !important; /* White text for ALL navigation links and currency selector */
}

/* Black text for currency dropdown items */
.ps-dropdown .ps-dropdown-menu li a {
    color: #000 !important;
}

/* Blue hover for links */
.ps-dropdown > a:hover,
.navigation__extra > li > a:hover,
.navigation__right .menu > li > a:hover {
    color: #007bff !important;
}

/* 2. Remove ALL transitions/animations to prevent vibration */
.menu--product-categories,
.menu--product-categories *,
.menu--dropdown,
.menu--dropdown *,
.mega-menu,
.mega-menu *,
.menu__content,
.menu__content *,
.header--sticky .menu--product-categories,
.header--sticky .menu--product-categories *,
.header--sticky .menu--dropdown,
.header--sticky .menu--dropdown * {
    transition: none !important;
    animation: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}

/* 3. Make regular menu dropdown appear on hover */
.menu--product-categories:hover .menu__content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* 4. Make sticky menu dropdown appear on hover - SAME AS REGULAR MENU */
.header--sticky .menu--product-categories:hover .menu__content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
}

/* 5. Make submenus appear on hover - regular menu */
.menu--dropdown > li.menu-item-has-children:hover > .mega-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 100% !important;
    top: 0 !important;
}

/* 6. Make submenus appear on hover - sticky menu */
.header--sticky .menu--dropdown > li.menu-item-has-children:hover > .mega-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    left: 100% !important;
    top: 0 !important;
}

/* 7. Match menu widths and remove scrollbars */
.menu--product-categories .menu__content,
.header--sticky .menu--product-categories .menu__content,
.menu--dropdown,
.mega-menu {
    min-width: 220px !important;
    max-width: 280px !important;
    overflow: visible !important;
    max-height: none !important;
}