/**
 * Custom CSS to hide the unwanted menu items in the header navigation
 * Based on the HTML structure found in the page source
 */

/* Target the specific menu items by their text content using attribute selectors */
a.wp-block-navigation-item__content[href="#"] span.wp-block-navigation-item__label:first-child {
    display: none !important;
}

/* Hide the first 4 menu items in the top navigation */
.wp-block-navigation__container.is-responsive.items-justified-right > li:nth-child(-n+4) {
    display: none !important;
}

/* Hide by direct parent selector */
.wp-block-navigation-item__content:has(> span:contains("Eves")),
.wp-block-navigation-item__content:has(> span:contains("Shp")),
.wp-block-navigation-item__content:has(> span:contains("Pattes")),
.wp-block-navigation-item__content:has(> span:contains("Thems")) {
    display: none !important;
}

/* Hide the container if it only has these items */
.wp-block-navigation__container:has(li:first-child a span:contains("Eves")):has(li:nth-child(2) a span:contains("Shp")):has(li:nth-child(3) a span:contains("Pattes")):has(li:nth-child(4) a span:contains("Thems")) {
    display: none !important;
}