/* Custom CSS to bridge WP Menu classes with Tailwind styling */

/* Desktop Menu */
.custom-wp-menu ul { display: flex; align-items: center; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }
.custom-wp-menu > ul > li { position: relative; }
.custom-wp-menu li a { 
    display: flex; align-items: center; padding: 0.5rem 0.75rem; 
    font-size: 0.875rem; font-weight: 600; color: #374151; 
    transition: color 0.2s; text-decoration: none; 
}
.custom-wp-menu li a:hover,
.custom-wp-menu li.current-menu-item > a { color: #059669; }

/* Desktop Dropdown */
.custom-wp-menu li ul { 
    position: absolute; top: 100%; left: 0; width: 14rem; 
    background: #ffffff; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1); 
    border-radius: 0.5rem; padding: 0.5rem 0; 
    opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; 
    transform: translateY(0.5rem); z-index: 50; list-style: none;
    border: 1px solid #f3f4f6;
}
.custom-wp-menu li:hover > ul { opacity: 1; visibility: visible; transform: translateY(0); }
.custom-wp-menu li ul li a { padding: 0.5rem 1rem; color: #4b5563; font-weight: 500; }
.custom-wp-menu li ul li a:hover { background-color: #ecfdf5; color: #047857; }
.custom-wp-menu li ul li ul { left: 100%; top: 0; margin-left: 1px; } /* 3rd level */

/* Mobile Menu */
.custom-wp-menu-mobile ul { display: flex; flex-direction: column; list-style: none; padding: 0; margin: 0; }
.custom-wp-menu-mobile li a { 
    display: block; padding: 0.75rem 0; font-size: 1rem; 
    font-weight: 600; color: #1f2937; border-bottom: 1px solid #f9fafb; 
    text-decoration: none; transition: color 0.2s;
}
.custom-wp-menu-mobile li a:hover { color: #059669; }
.custom-wp-menu-mobile li ul { padding-left: 1rem; }
.custom-wp-menu-mobile li ul li a { font-weight: 400; color: #4b5563; border-bottom: none; border-left: 2px solid #e5e7eb; padding-left: 1rem;}

/* Footer Menu */
.custom-footer-menu ul { list-style: none; padding: 0; margin: 0; }
.custom-footer-menu li { margin-bottom: 0.75rem; }
.custom-footer-menu li a { color: #9ca3af; text-decoration: none; transition: color 0.2s; display: flex; align-items: center;}
.custom-footer-menu li a:before { content: '›'; margin-right: 8px; font-size: 1.2rem; color: #059669; font-weight: bold;}
.custom-footer-menu li a:hover { color: #fbbf24; }
.custom-footer-list li a:before { display: none; }