/* Header V2 Styles - Minimal CSS, using Tailwind classes primarily */

/* Only add custom styles if absolutely necessary */
/* Most styling should be done via Tailwind utility classes in the Blade template */

/* Search Input Placeholder - Ensure not bold and proper padding */
#organic-search-v2::placeholder,
#organic-search-v2-suggestion::placeholder {
    font-weight: normal !important;
    color: #6b7280;
    padding-left: 0;
}

/* Ensure sidebar doesn't interfere with main content on mobile */
@media (max-width: 768px) {
    .header-v2-sidebar-layout {
        flex-direction: column;
    }
}

/* Desktop Menu Link Styles */
.desktop-menu-link {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    color: #303030;
}

/* Submenu cấp 2 (second-level submenu) */

/* Submenu cấp 1 */
.header-v2-submenu-1 {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
    display: block;
    margin-left: 0;
}

/* Submenu cấp 2 */
.header-v2-submenu-2 {
    font-size: 14px !important;
    font-weight: 400 !important;
    text-align: left !important;
    display: block;
    padding-left: 10px;
}