/*
 * ModernFeed — theme adjustments.
 *
 * Loads last. Holds only what differs from the Neve/Otter stylesheets, so the
 * vendor files can be re-pulled from the reference site without losing changes.
 */

/* The logo is a wide banner image (1600x492); cap it so it does not dominate. */
.site-logo .neve-site-logo {
    max-height: 90px;
    width: auto;
    height: auto;
}

/*
 * Mobile drawer.
 *
 * Neve's stylesheet positions the panel (fixed, translateX(-100%), hidden) and
 * styles the open state via `body.is-menu-sidebar`, but it never makes the
 * panel itself visible again — WordPress applies that inline from PHP. Supply
 * only that missing step, and let Neve's transform drive the animation.
 */
body.is-menu-sidebar .header-menu-sidebar {
    visibility: visible;
    transform: translateX(0);
}

.header-menu-sidebar {
    transition: transform .3s ease, visibility .3s ease;
    width: 360px;
}

body.is-menu-sidebar {
    overflow: hidden;
}

/*
 * Neve's toggle handler reads `e.target.parentElement`, so the click must land
 * on the button itself. Without this, clicking the bars reports the <span> as
 * the target and the open/closed state is read from the wrong element.
 */
.menu-mobile-toggle .navbar-toggle > * {
    pointer-events: none;
}

/*
 * Neve ships no width breakpoints of its own for these helper classes — the
 * WordPress build emits them per-site from the customizer. 960px matches the
 * reference site's desktop breakpoint.
 */
@media (min-width: 960px) {
    .hide-on-desktop { display: none !important; }
}

@media (max-width: 959px) {
    .hide-on-mobile { display: none !important; }
}