/**
 * Click-to-toggle styles for the SM MegaMenu vertical panel.
 *
 * These mirror the theme's existing ":hover" rules onto a ".open" class that
 * the companion JS adds/removes on click. Keep this loaded after the theme CSS.
 *
 * If you want the panel to open ONLY on click (no hover at all), see the note
 * at the bottom of this file.
 */

/* Show the panel when the wrapper is pinned open via click. */
.sm_megamenu_wrapper_vertical_menu.open .sambar-inner {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}

/* Match the hover state of the title bar (white text) when pinned open. */
.sm_megamenu_wrapper_vertical_menu.open .block-title {
    color: #fff;
}

/* ------------------------------------------------------------------
 * OPTIONAL: click-only mode (disable hover-to-open).
 *
 * The theme opens the panel on ":hover". If you would rather the panel
 * ONLY respond to clicks, uncomment the block below. It cancels the
 * hover-open by forcing the panel hidden unless ".open" is present.
 * ------------------------------------------------------------------ */
/*
.sm_megamenu_wrapper_vertical_menu:hover .sambar-inner {
    opacity: 0;
    visibility: hidden;
    margin-top: 30px;
}
.sm_megamenu_wrapper_vertical_menu:hover .block-title {
    color: #282828;
}
.sm_megamenu_wrapper_vertical_menu.open .sambar-inner {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.sm_megamenu_wrapper_vertical_menu.open .block-title {
    color: #fff;
}
*/