/**
 * Product page tab fixes — loads after product.css on catalog_product_view only.
 */
.catalog-product-view .product.data.items > .data.item.content {
    display: none !important;
}

.catalog-product-view .product.data.items > .data.item.content[aria-hidden="false"] {
    display: block !important;
}

/* Active tab content before / without full JS */
.catalog-product-view .product.data.items > .data.item.title.active + .data.item.content {
    display: block !important;
}

/* Dotted IDs break Magento inline hide styles — force hide unless active */
#product\.attributes:not([aria-hidden="false"]),
#itoris\.product\.info\.pm:not([aria-hidden="false"]),
#reviews\.tab:not([aria-hidden="false"]),
#related\.post\.tab:not([aria-hidden="false"]) {
    display: none !important;
}

/* Legacy live product.css rule that breaks tabs */
#related\.post\.tab > div {
    display: none !important;
}

#related\.post\.tab[aria-hidden="false"] > div {
    display: block !important;
}

/* === Magento 2.4.9 header menu (PDP tabs JS conflict) === */
body .nav-sections-item-content > .navigation {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: transparent;
}

@media (min-width: 768px) {
    body .nav-sections #store\.menu {
        display: block !important;
        float: none !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        width: 100% !important;
        padding: 0 !important;
    }
    body .nav-sections #store\.links {
        display: none !important;
    }
}

@media (max-width: 767px) {
    body .nav-sections-item-content:not(.active) {
        display: none !important;
    }
    body .nav-sections-item-content.active {
        display: block !important;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    html.nav-open body .nav-sections-items:not(:has(#store\.links.active)) #store\.menu {
        display: block !important;
        float: none;
        margin-left: 0;
        width: 100%;
    }
    html.nav-open body .nav-sections-items:has(#store\.links.active) #store\.menu {
        display: none !important;
    }
}