/*
Theme Name: Twenty Twenty-Four
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.0
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfour
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

main {
    wp-block-group;
}

/* =================================================================== */
/* MODERN HAMBURGER MENU STYLING - GLASS MORPHISM */
/* =================================================================== */

/* Container của hamburger menu */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

/* Căn giữa hamburger menu hoàn hảo */
@media (max-width: 768px) {
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
        width: 50px !important;
        height: 50px !important;
        padding: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }
    
    /* Căn giữa tất cả các blocks */
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-left,
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-center,
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-blocks-right {
        justify-content: center !important;
        flex: none !important;
    }
    
    /* Xóa margin gây lệch */
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block {
        margin: 0 !important;
    }
    
    /* Hamburger lines căn giữa */
    #mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
}

/* Hover effect cho hamburger */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:hover {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 40px rgba(31, 38, 135, 0.5) !important;
}

/* Hamburger lines - Modern animated với gradient */
#mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) !important;
    height: 3px !important;
    width: 28px !important;
    border-radius: 2px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Active state - X animation khi menu mở */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open {
    background: rgba(255, 107, 53, 0.15) !important;
    border-color: rgba(255, 154, 86, 0.4) !important;
    box-shadow: 0 8px 32px rgba(255, 107, 53, 0.4) !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-animated-inner {
    background: transparent !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-animated-inner::before {
    transform: rotate(45deg) translate(6px, 6px) !important;
    background: linear-gradient(135deg, #ff6b35 0%, #e74c3c 100%) !important;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle.mega-menu-open .mega-toggle-animated-inner::after {
    transform: rotate(-45deg) translate(6px, -6px) !important;
    background: linear-gradient(135deg, #ff6b35 0%, #e74c3c 100%) !important;
}

/* Shimmer effect khi hover */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    transition: left 0.5s;
    z-index: 1;
}

#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:hover::before {
    left: 100%;
}

/* Mobile responsive hamburger */
@media (max-width: 768px) {
    #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle {
        padding: 10px 12px !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.1) !important;
        backdrop-filter: blur(15px) !important;
        -webkit-backdrop-filter: blur(15px) !important;
    }
    
    /* Hamburger lines căn giữa và cân đối */
    #mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-max_mega_menu_1 .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        width: 22px !important;
        height: 2px !important;
        margin: 0 auto !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    /* Mobile menu backdrop */
    #mega-menu-wrap-max_mega_menu_1.mega-menu-open::after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, 0.6);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        z-index: 999998;
        pointer-events: auto;
    }
}

/* Pulse animation cho hamburger */
@keyframes pulseGlow {
    0%, 100% { 
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37);
    }
    50% { 
        box-shadow: 0 8px 32px rgba(255, 154, 86, 0.4);
    }
}

/* Apply pulse animation chỉ khi trang vừa load */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:not(.mega-menu-open):not(:hover) {
    animation: pulseGlow 4s infinite;
}

/* Smooth line thickness animation khi hover */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:hover .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:hover .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:hover .mega-toggle-animated-inner::after {
    height: 4px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Focus state cho accessibility */
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle:focus {
    outline: 2px solid rgba(255, 154, 86, 0.6) !important;
    outline-offset: 2px !important;
}

/* =================================================================== */
/* MEGA MENU FULL REDESIGN - GLASS MORPHISM & MODERN DESIGN */
/* =================================================================== */

/* Main menu container */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25) !important;
    margin: 0 !important;
    padding: 20px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: auto !important;
    max-width: 90vw !important;
    min-width: 300px !important;
    height: 100vh !important;
    z-index: 999999 !important;
    overflow-y: auto !important;
    font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Smooth scrolling for menu */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
    scroll-behavior: smooth !important;
}

/* Custom scrollbar */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1::-webkit-scrollbar {
    width: 6px !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 3px !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) !important;
    border-radius: 3px !important;
}

/* Menu items */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border-radius: 12px !important;
    overflow: visible !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    min-height: auto !important;
    height: auto !important;
    position: relative !important;
}

/* Menu item hover */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:hover {
    background: transparent !important;
    border: none !important;
    transform: translateX(4px) !important;
    box-shadow: 0 8px 25px rgba(255, 154, 86, 0.15) !important;
}

/* Menu links */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
    color: #f8fafc !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    font-family: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-underline-offset: unset !important;
    padding: 14px 20px !important;
    display: block !important;
    line-height: 1.4 !important;
    border-radius: 12px !important;
    position: relative !important;
    overflow: visible !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
    max-width: 100% !important;
    width: 100% !important;
    height: fit-content !important;
    box-sizing: border-box !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border-left: 3px solid transparent !important;
    background: rgba(255, 255, 255, 0.08) !important;
    min-height: auto !important;
}

/* Menu link hover */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:hover {
    color: #ff9a56 !important;
    background: linear-gradient(135deg, rgba(255, 154, 86, 0.1) 0%, rgba(255, 107, 53, 0.05) 100%) !important;
    border-left-color: #ff9a56 !important;
    padding-left: 24px !important;
    text-decoration: none !important;
    text-decoration-line: none !important;
}

/* Active/current menu item */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-current-menu-item a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.mega-current-menu-ancestor a.mega-menu-link {
    color: #ff9a56 !important;
    background: linear-gradient(135deg, rgba(255, 154, 86, 0.15) 0%, rgba(255, 107, 53, 0.1) 100%) !important;
    border-left-color: #ff9a56 !important;
    font-weight: 600 !important;
}

/* Long menu items - special handling */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item[id*="76"] a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.long a.mega-menu-link {
    white-space: normal !important;
    line-height: 1.3 !important;
    padding: 14px 20px !important;
    font-size: 15px !important;
    max-height: 60px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
}

/* Sub menu container */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu {
    background: rgba(26, 26, 46, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 16px !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
    margin: 8px 0 0 20px !important;
    padding: 12px !important;
    position: static !important;
    width: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

/* Sub menu items */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu li.mega-menu-item {
    background: rgba(255, 255, 255, 0.02) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    margin: 0 0 4px 0 !important;
    border-radius: 8px !important;
    display: block !important;
    width: 100% !important;
    float: none !important;
}

/* Sub menu links */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link {
    color: #cbd5e1 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 12px 16px !important;
    border-radius: 8px !important;
    border-left: 2px solid transparent !important;
}

/* Sub menu link hover */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link:hover {
    color: #a855f7 !important;
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(236, 72, 153, 0.05) 100%) !important;
    border-left-color: #a855f7 !important;
    padding-left: 20px !important;
}

/* Remove close button */
#mega-menu-wrap-max_mega_menu_1 button.mega-close {
    display: none !important;
}

/* Menu badges */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 span.mega-menu-badge {
    background: linear-gradient(135deg, #ff9a56 0%, #ff6b35 100%) !important;
    color: #fff !important;
    border-radius: 12px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Responsive refinements */
@media (max-width: 768px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
        padding: 16px !important;
        border-radius: 0 !important;
        border: none !important;
        width: 60% !important;
        max-width: 320px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
        font-size: 15px !important;
        padding: 14px 16px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu {
        margin-left: 16px !important;
    }
}

@media (max-width: 480px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
        padding: 12px !important;
        width: 75% !important;
        max-width: 280px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
        font-size: 14px !important;
        padding: 12px 14px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item[id*="76"] a.mega-menu-link,
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item.long a.mega-menu-link {
        font-size: 13px !important;
        padding: 10px 14px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu {
        margin-left: 12px !important;
        padding: 8px !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link {
        font-size: 13px !important;
        padding: 10px 12px !important;
    }
}

/* Focus states for accessibility */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:focus {
    outline: 2px solid rgba(255, 154, 86, 0.6) !important;
    outline-offset: 2px !important;
    background: rgba(255, 154, 86, 0.1) !important;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu a.mega-menu-link:focus {
    outline: 2px solid rgba(168, 85, 247, 0.6) !important;
    outline-offset: 2px !important;
    background: rgba(168, 85, 247, 0.1) !important;
}

/* Menu entrance animation */
@keyframes menuSlideIn {
    from {
        opacity: 0;
        transform: translateX(-100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#mega-menu-wrap-max_mega_menu_1.mega-menu-open #mega-menu-max_mega_menu_1 {
    animation: menuSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Staggered item animation */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {
    opacity: 0;
    transform: translateX(-20px);
    animation: itemSlideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

@keyframes itemSlideIn {
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(1) { animation-delay: 0.1s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(2) { animation-delay: 0.15s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(3) { animation-delay: 0.2s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(4) { animation-delay: 0.25s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(5) { animation-delay: 0.3s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(6) { animation-delay: 0.35s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(7) { animation-delay: 0.4s !important; }
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:nth-child(8) { animation-delay: 0.45s !important; }

/* Desktop horizontal menu (when not mobile) */
@media (min-width: 769px) {
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 {
        position: static !important;
        height: auto !important;
        width: auto !important;
        backdrop-filter: blur(15px) !important;
        border-radius: 16px !important;
        padding: 12px 20px !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        box-shadow: 0 8px 32px rgba(31, 38, 135, 0.37) !important;
        margin: 0 !important;
        overflow: visible !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item {
        margin: 0 4px !important;
        background: transparent !important;
        border: none !important;
        display: inline-block !important;
        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link {
        padding: 10px 16px !important;
        border-radius: 10px !important;
        font-size: 15px !important;
        border-left: none !important;
        white-space: nowrap !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:hover {
        padding-left: 16px !important;
        background: rgba(255, 154, 86, 0.1) !important;
        transform: translateY(-2px) !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 ul.mega-sub-menu {
        position: absolute !important;
        top: 100% !important;
        left: 0 !important;
        margin: 8px 0 0 0 !important;
        min-width: 220px !important;
        opacity: 0 !important;
        visibility: hidden !important;
        transform: translateY(-10px) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }
    
    #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:hover > ul.mega-sub-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
}

/* Dropdown arrow styling - make it inline */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link:after,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 .mega-indicator {
    display: inline !important;
    float: right !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    line-height: inherit !important;
}

/* Ensure text and arrow flow naturally together */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 a.mega-menu-link .mega-menu-title {
    display: inline !important;
    word-wrap: break-word !important;
    word-break: break-word !important;
}

/* Override any absolute positioning of dropdown indicators */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item .mega-indicator,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 li.mega-menu-item:after {
    position: static !important;
    float: right !important;
    margin: 0 0 0 auto !important;
    display: block !important;
}

/* =================================================================== */
/* CRITICAL DEBUG - ENSURE BOTH MENUS HAVE SAME STYLING */
/* =================================================================== */

/* Force styling cho TẤT CẢ mega menu links - Specificity cao nhất */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 ul[id*="mega-menu"] > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 .mega-menu > li > a {
    background: linear-gradient(135deg, rgba(255, 154, 86, 0.15) 0%, rgba(255, 107, 53, 0.1) 100%) !important; /* Màu cam rõ ràng để test */
    color: #ff9a56 !important;
    padding: 12px 16px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 154, 86, 0.3) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin: 0 4px !important;
    transition: all 0.3s ease !important;
}

/* Hover cho debug */
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-max_mega_menu_1 ul[id*="mega-menu"] > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-max_mega_menu_1 .mega-menu > li > a:hover {
    background: rgba(255, 154, 86, 0.4) !important;
    transform: translateY(-2px) !important;
}