/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: May 23 2026 | 12:48:09 */
@media only screen and (max-width: 991px) {
.theme-offcanvas-active .main-navigation-inner {
            padding: 1.5rem 1.25rem !important;
        }

        #menu-primary-menu {
            list-style: none !important;
            margin: 0 !important;
            padding: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 4px !important;
        }

        #menu-primary-menu > .menu-item > a {
            display: flex !important;
            align-items: center !important;
            padding: 13px 16px !important;
            border-radius: 10px !important;
            font-size: 15px !important;
            font-weight: 500 !important;
            color: #1e293b !important;
            text-decoration: none !important;
            letter-spacing: 0.01em !important;
            transition: background 0.18s, color 0.18s !important;
            border-left: 3px solid transparent !important;
        }

        #menu-primary-menu > .menu-item > a:hover {
            background: #eff6ff !important;
            color: #2563eb !important;
            border-left-color: #2563eb !important;
        }

        #menu-primary-menu > .current-menu-item > a,
        #menu-primary-menu > .current_page_item > a {
            background: #eff6ff !important;
            color: #2563eb !important;
            border-left-color: #2563eb !important;
        }

        /* Parent item highlighted when theme opens submenu */
        #menu-primary-menu > .theme-submenu-open > a {
            background: #eff6ff !important;
            color: #2563eb !important;
            border-left-color: #2563eb !important;
        }

        #menu-primary-menu > .menu-item + .menu-item {
            border-top: none !important;
        }

        /* Submenu styling — theme controls display via inline style */
        .menu-item-has-children .sub-menu {
            list-style: none !important;
            margin: 4px 0 6px 16px !important;
            padding: 0 !important;
            border-left: 2px solid #bfdbfe !important;
            flex-direction: column !important;
            gap: 2px !important;
        }

        .menu-item-has-children .sub-menu .menu-item a {
            display: block !important;
            padding: 9px 14px !important;
            font-size: 13.5px !important;
            font-weight: 400 !important;
            color: #475569 !important;
            text-decoration: none !important;
            border-radius: 6px !important;
            transition: background 0.15s, color 0.15s !important;
        }

        .menu-item-has-children .sub-menu .menu-item a:hover {
            background: #eff6ff !important;
            color: #2563eb !important;
        }

        .menu-primary-menu-container {
            padding: 10px !important;
        }
}