/* Shared site shell styles for header/footer behavior that is reused across pages. */

/* Hide the native details marker so the Use Cases dropdown uses the custom icon only. */
.use-cases-summary::-webkit-details-marker {
    display: none;
}

/* Rotate the shared Use Cases chevron when the native details dropdown is open. */
.use-cases-dropdown[open] .use-cases-chevron {
    transform: rotate(180deg);
}

/* Mobile navigation helpers stay scoped to the shared injected header. */
.mobile-menu-button {
    -webkit-tap-highlight-color: transparent;
}

/* The hidden attribute owns the collapsed state for the below-md mobile panel. */
.mobile-nav-panel[hidden] {
    display: none;
}

/* Safety rule: keep mobile controls/panel hidden at desktop widths to preserve the locked desktop nav. */
@media (min-width: 768px) {
    .mobile-menu-button,
    .mobile-nav-panel {
        display: none !important;
    }
}