/* =============================================
   Dark & Modern Navigation + Scroll
   ============================================= */

/* Navigation bar - full width */
nav.wp-block-navigation {
    background-color: #1a1a1a !important;
    padding: 0 20px !important;
    box-shadow: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    box-sizing: border-box !important;
}

/* Remove duplicate styling from inner container */
.wp-block-navigation__container {
    background-color: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Menu items */
.wp-block-navigation-item__content {
    padding: 16px 20px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    transition: color 0.2s ease !important;
}

.wp-block-navigation-item__content:hover {
    color: #ccc !important;
}

/* Current page highlight */
.current-menu-item .wp-block-navigation-item__content {
    color: #fff !important;
}

/* Dropdown arrow */
.wp-block-navigation__submenu-icon svg path {
    stroke: #ffffff !important;
}

/* Ensure parent doesn't clip scrollbar */
.wp-block-navigation-item.has-child {
    overflow: visible !important;
}

/* Dropdown container with scroll */
ul.wp-block-navigation__submenu-container,
.wp-block-navigation-submenu > ul.wp-block-navigation__submenu-container {
    background-color: #252525 !important;
    border-radius: 4px !important;
    box-shadow: 0 8px 30px rgba(0,0,0,0.3) !important;
    border: none !important;
    max-height: 400px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 0 !important;
    margin-top: 4px !important;
}

/* Dropdown items */
.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: 12px 24px !important;
    font-size: 14px !important;
    text-transform: none !important;
    font-weight: 500 !important;
    color: #ccc !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
    background-color: #333 !important;
    color: #fff !important;
}

/* Scrollbar styling */
ul.wp-block-navigation__submenu-container::-webkit-scrollbar {
    width: 8px;
}

ul.wp-block-navigation__submenu-container::-webkit-scrollbar-track {
    background: #333;
    border-radius: 4px;
}

ul.wp-block-navigation__submenu-container::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 4px;
}

ul.wp-block-navigation__submenu-container::-webkit-scrollbar-thumb:hover {
    background: #777;
}

/* Mobile full width */
@media (max-width: 768px) {
    nav.wp-block-navigation {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        margin-right: calc(-50vw + 50%) !important;
        padding: 0 15px !important;
    }
}