diff --git a/CLAUDE.md b/CLAUDE.md
deleted file mode 100644
index 5a51b02..0000000
--- a/CLAUDE.md
+++ /dev/null
@@ -1,483 +0,0 @@
-# Priority+ Navigation Plugin - Technical Documentation
-
-## Overview
-
-This WordPress plugin implements the Priority+ navigation pattern as a **block variation** of the core WordPress Navigation block. It automatically moves navigation items that don't fit the available viewport width into a "More" dropdown menu, ensuring responsive navigation without requiring a hamburger menu.
-
-## Architecture
-
-### Block Variation Approach
-
-The plugin extends `core/navigation` as a variation rather than creating a custom block:
-
-**Benefits:**
-- Leverages core navigation functionality (menu management, styling, block supports)
-- Future-proof - benefits from WordPress core updates
-- Seamless integration with block themes
-- Users can convert between standard and Priority+ navigation easily
-
-### File Structure
-
-```
-priority-plus-nav/
-├── priority-plus-nav.php          # Main plugin file, bootstraps autoloader
-├── classes/
-│   ├── class-plugin-module.php    # Abstract base class for modules
-│   ├── class-plugin-paths.php     # Path/URL resolution utilities
-│   └── class-enqueues.php         # Asset enqueueing & block rendering
-├── src/
-│   ├── priority-editor.js         # Editor entry point
-│   ├── priority-plus-nav.js       # Frontend entry point
-│   ├── variation/
-│   │   ├── block.js              # Block variation registration & attributes
-│   │   └── controls.js           # Editor sidebar controls (settings panel)
-│   ├── core/
-│   │   └── PriorityNav.js        # Main class - priority nav logic
-│   ├── dom/
-│   │   ├── dom-builder.js        # Build More button, dropdown, accordion HTML
-│   │   └── dom-extractor.js      # Extract data from nav items
-│   ├── events/
-│   │   ├── event-handlers.js     # Setup click/keyboard event listeners
-│   │   └── accordion-handler.js  # Accordion open/close logic
-│   ├── layout/
-│   │   └── width-calculator.js   # Width caching & gap calculations
-│   ├── utils/
-│   │   ├── constants.js          # Default values (labels, icons)
-│   │   ├── dom-utils.js          # DOM utility functions
-│   │   └── html-utils.js         # HTML escaping utilities
-│   └── styles/
-│       ├── style.scss            # Frontend styles
-│       └── editor.scss           # Editor styles
-└── build/                         # Compiled assets (generated)
-```
-
-## How It Works
-
-### 1. Block Registration (Editor)
-
-**File:** `src/variation/block.js`
-
-- Registers a block variation named `priority-nav` on `core/navigation`
-- Sets default attributes:
-  - `className`: `is-style-priority-nav` (CSS class for styling & detection)
-  - `overlayMenu`: `never` (disable core hamburger menu)
-  - `priorityNavEnabled`: `true`
-  - `priorityNavMoreLabel`: `'Browse'`
-  - `priorityNavMoreIcon`: `'none'`
-- Adds `isActive` check to detect when variation is active based on className
-- Extends core/navigation with custom attributes via WordPress hooks filter
-
-**File:** `src/variation/controls.js`
-
-- Adds InspectorControls (sidebar panel) to core/navigation when Priority+ is enabled
-- Provides settings:
-  - Text input for "More Button Label"
-  - Select control for icon (None, Chevron, Plus, Menu)
-- Wraps editor preview in `.priority-nav-editor-wrapper` for editor-specific styling
-
-### 2. Asset Enqueueing (PHP)
-
-**File:** `classes/class-enqueues.php`
-
-**Editor Assets:**
-- Enqueues `priority-editor.js` and styles on `enqueue_block_editor_assets` hook
-- Loaded in WordPress editor for variation registration and controls
-
-**Frontend Assets:**
-- Hooks into `render_block` filter for `core/navigation` blocks
-- Checks if Priority+ is enabled via:
-  1. `priorityNavEnabled` attribute
-  2. `is-style-priority-nav` class in className
-- If enabled:
-  - Enqueues `priority-plus-nav.js` and styles (once per page)
-  - Injects `data-more-label` and `data-more-icon` attributes into `<nav>` element
-  - Passes configuration from block attributes to frontend via data attributes
-
-### 3. Frontend Initialization
-
-**File:** `src/priority-plus-nav.js`
-
-- On DOM ready, finds all `.wp-block-navigation.is-style-priority-nav` elements
-- Instantiates a new `PriorityNav` class for each element
-
-### 4. PriorityNav Class
-
-**File:** `src/core/PriorityNav.js`
-
-This is the main class that handles all Priority+ behavior.
-
-#### Initialization
-
-```javascript
-constructor(element) {
-  // Generate unique instance ID (for multiple navs on page)
-  this.instanceId = `priority-nav-${instanceCounter++}`;
-
-  // Get references
-  this.nav = element;
-  this.list = element.querySelector('.wp-block-navigation__container');
-
-  // Get configuration from data attributes
-  this.moreLabel = nav.getAttribute('data-more-label') || 'Browse';
-  this.moreIcon = nav.getAttribute('data-more-icon') || 'none';
-
-  // Detect WordPress "Open submenus on click" setting
-  this.openSubmenusOnClick = this.detectOpenSubmenusOnClick();
-
-  // Create More button and dropdown
-  const { moreContainer, moreButton, dropdown } = createMoreButton(...);
-
-  // Initialize state
-  this.items = Array.from(this.list.children);
-  this.itemWidths = []; // Cached widths
-  this.isOpen = false;
-  this.openAccordions = [];
-  this.isEnabled = true;
-
-  this.init();
-}
-```
-
-#### Key Methods
-
-**`detectOpenSubmenusOnClick()`**
-- Detects WordPress core navigation "Open submenus on click" setting
-- Checks data attributes, classes on nav element and list items
-- Returns boolean used to determine accordion behavior
-
-**`init()`**
-- Sets up event listeners (click, keyboard, outside click)
-- Sets up ResizeObserver to detect viewport changes
-- Sets up MutationObserver to detect hamburger mode transitions
-- Checks if in hamburger mode and enables/disables accordingly
-
-**`isInHamburgerMode()`**
-- Detects if WordPress core navigation is in responsive/hamburger mode
-- Checks if `.wp-block-navigation__responsive-container` is visible
-- Returns true if in hamburger mode (Priority+ should be disabled)
-
-**`enablePriorityNav()`**
-- Enables Priority+ behavior (called when exiting hamburger mode)
-- Caches item widths if not already cached
-- Triggers `checkOverflow()` to calculate visible items
-
-**`disablePriorityNav()`**
-- Disables Priority+ behavior (called when entering hamburger mode)
-- Shows all navigation items
-- Hides More button
-- Closes dropdown
-- Prevents conflicts with WordPress hamburger menu
-
-**`checkOverflow()`**
-- Main calculation method - runs on resize and initialization
-- Guards:
-  - Skips if disabled (hamburger mode)
-  - Skips if element not measurable
-  - Skips if element detached from DOM
-- Caches widths if not cached or invalid
-- Calculates available width (nav width - padding)
-- Calculates how many items fit with More button visible
-- Updates display:
-  - If all items fit: show all, hide More button
-  - If overflow: hide overflow items, show More button, build dropdown
-
-**`calculateVisibleItems(availableWidth, moreButtonWidth, gap)`**
-- Calculates how many items can fit in available width
-- Accounts for:
-  - Item widths (cached)
-  - Gap between items (from CSS)
-  - More button width (cached)
-  - Gap before More button
-- Always shows at least 1 item
-- Returns number of visible items
-
-**`toggleDropdown()` / `openDropdown()` / `closeDropdown()`**
-- Controls dropdown visibility
-- Updates ARIA attributes (`aria-expanded`)
-- Adds/removes `is-open` class
-- Closes all accordions when dropdown closes
-
-**`destroy()`**
-- Cleanup method
-- Disconnects ResizeObserver and MutationObserver
-- Removes event listeners
-- Clears timeouts
-
-### 5. DOM Building
-
-**File:** `src/dom/dom-builder.js`
-
-**`createMoreButton(list, moreLabel, moreIcon)`**
-- Creates More button with proper ARIA attributes
-- Adds icon HTML based on icon type
-- Creates dropdown `<ul>` container
-- Appends to navigation
-- Returns references to elements
-
-**`buildDropdownFromOverflow(dropdown, items, visibleCount, ...)`**
-- Clears dropdown
-- Iterates through overflow items (from `visibleCount` to end)
-- Extracts data from each item (text, URL, children)
-- Builds accordion HTML for each item
-- Handles nested submenus
-
-**`buildAccordionHTML(data, level, instanceId, submenuCounter, openSubmenusOnClick)`**
-- Recursively builds accordion HTML
-- Two modes based on `openSubmenusOnClick`:
-  1. **Click mode (true):** Entire item is a `<button>` that toggles submenu
-  2. **Arrow mode (false):** `<a>` link + separate `<button>` arrow toggle
-- Generates unique IDs for ARIA relationships (`aria-controls`)
-- Returns HTML string
-
-### 6. Event Handling
-
-**File:** `src/events/event-handlers.js`
-
-**`setupEventListeners(elements, instance, callbacks)`**
-- Sets up click handler on More button (toggle dropdown)
-- Sets up outside click handler (close dropdown when clicking outside)
-- Sets up keyboard handler (Escape key closes dropdown)
-- Sets up delegation for accordion toggles in dropdown
-- Returns handler references for cleanup
-
-**File:** `src/events/accordion-handler.js`
-
-**`toggleAccordionItem(button, submenu, instance, dropdown)`**
-- Toggles accordion open/closed
-- Updates ARIA attributes
-- Uses inline styles with `!important` to override WordPress core styles
-- Closes nested accordions when closing parent
-- Tracks open accordions in instance
-
-**`closeAllAccordions(instance)`**
-- Closes all open accordions in the instance
-- Clears `openAccordions` array
-
-### 7. Width Calculations
-
-**File:** `src/layout/width-calculator.js`
-
-**`cacheItemWidths(list, items, onRetry)`**
-- Measures and caches width of each navigation item
-- Temporarily shows all items to get accurate measurements
-- Uses `getBoundingClientRect()` for sub-pixel accuracy
-- Schedules retry if elements not yet measurable
-- Returns array of widths
-
-**`cacheMoreButtonWidth(moreButton, moreContainer, cachedWidth)`**
-- Caches More button width
-- Temporarily shows button to measure if not yet cached
-- Returns cached or measured width
-
-**`getGap(list, nav)`**
-- Calculates gap between flex items
-- Falls back to checking nav element if list doesn't have gap
-- Returns gap in pixels
-
-**`hasValidWidthCache(widths, expectedCount)`**
-- Validates width cache
-- Checks if cache exists, has correct length, and no zero values
-- Returns boolean
-
-### 8. DOM Extraction
-
-**File:** `src/dom/dom-extractor.js`
-
-**`extractNavItemData(item)`**
-- Extracts data from a navigation list item
-- Recursively processes child items (submenus)
-- Returns object with:
-  - `text`: Link text
-  - `url`: Link URL
-  - `hasSubmenu`: Boolean
-  - `children`: Array of child item data
-
-## Key Features
-
-### Responsive Behavior
-
-1. **Desktop Mode:** Priority+ is active
-   - Items overflow to More dropdown based on available width
-   - ResizeObserver triggers recalculation on viewport changes
-
-2. **Mobile/Hamburger Mode:** Priority+ is disabled
-   - WordPress core hamburger menu takes over
-   - All items shown in native WordPress responsive menu
-   - More button hidden to avoid conflicts
-
-### Hamburger Mode Detection
-
-The plugin automatically detects when WordPress core navigation is in responsive/hamburger mode:
-
-- Checks if `.wp-block-navigation__responsive-container` exists and is visible
-- Uses MutationObserver to watch for attribute changes (`aria-hidden`, `class`)
-- Disables Priority+ when in hamburger mode to prevent conflicts
-
-### Submenu Handling (Accordions)
-
-Items with submenus in the dropdown become accessible accordions:
-
-- Respects WordPress "Open submenus on click" setting
-- **Click mode:** Entire item is clickable toggle
-- **Arrow mode:** Link functional + separate arrow toggle button
-- Proper ARIA attributes (`aria-expanded`, `aria-controls`, `aria-hidden`)
-- Nested accordions supported
-- Closes all accordions when dropdown closes
-
-### Width Caching
-
-To avoid layout thrashing and improve performance:
-
-1. **Item widths** are cached on first calculation
-2. **More button width** is cached after first measure
-3. Cache invalidated when transitioning from hamburger mode (items may have been hidden)
-4. Uses `getBoundingClientRect()` for sub-pixel accuracy
-
-### Multiple Instances
-
-Supports multiple Priority+ navigation blocks on the same page:
-
-- Each instance gets unique ID (`priority-nav-0`, `priority-nav-1`, etc.)
-- Unique IDs used for ARIA relationships (submenu accordions)
-- Event listeners scoped to instance
-- No cross-instance conflicts
-
-### Accessibility
-
-- **ARIA attributes:** `aria-expanded`, `aria-haspopup`, `aria-controls`, `aria-hidden`, `aria-label`
-- **Keyboard navigation:** Escape key closes dropdown and accordions
-- **Semantic HTML:** Proper button/link/list structure
-- **Screen reader support:** Proper ARIA relationships and labels
-
-### Performance
-
-- **ResizeObserver:** Efficient viewport change detection (no polling)
-- **requestAnimationFrame:** Smooth calculations without blocking main thread
-- **Width caching:** Minimizes layout recalculations
-- **Debounced recalculation:** `isCalculating` flag prevents excessive computation
-- **Early returns:** Guards prevent unnecessary work when disabled or unmeasurable
-
-## Block Attributes
-
-The plugin extends `core/navigation` with these custom attributes:
-
-| Attribute | Type | Default | Description |
-|-----------|------|---------|-------------|
-| `priorityNavEnabled` | boolean | false | Enables Priority+ behavior |
-| `priorityNavMoreLabel` | string | 'Browse' | Text label for More button |
-| `priorityNavMoreIcon` | string | 'none' | Icon type (none, chevron, plus, menu) |
-
-These are stored in block attributes and passed to frontend via data attributes on the `<nav>` element.
-
-## CSS Classes
-
-| Class | Purpose |
-|-------|---------|
-| `.is-style-priority-nav` | Identifies Priority+ navigation (variation marker) |
-| `.priority-nav-more` | Container for More button and dropdown |
-| `.priority-nav-more-button` | More button |
-| `.priority-nav-dropdown` | Dropdown menu container |
-| `.priority-nav-icon` | Icon span in More button |
-| `.priority-nav-accordion-toggle` | Accordion toggle button |
-| `.priority-nav-accordion-toggle-full` | Full-width toggle (click mode) |
-| `.priority-nav-accordion-toggle-arrow` | Arrow-only toggle (arrow mode) |
-| `.priority-nav-accordion-content` | Accordion submenu container |
-| `.priority-nav-accordion-wrapper` | Wrapper for link + arrow button |
-| `.priority-nav-accordion-link` | Link in arrow mode |
-| `.priority-nav-accordion-text` | Text in click mode |
-| `.priority-nav-accordion-arrow` | Arrow icon |
-| `.is-open` | Active state for dropdown/accordion |
-
-## Data Attributes
-
-| Attribute | Purpose |
-|-----------|---------|
-| `data-more-label` | More button label (injected by PHP) |
-| `data-more-icon` | More button icon type (injected by PHP) |
-| `data-priority-nav-initialized` | Prevents double initialization |
-
-## Development Workflow
-
-### Build Commands
-
-```bash
-npm run start    # Development mode with hot reload
-npm run build    # Production build
-npm run lint     # Lint JS, CSS, and PHP
-npm run format   # Format JS, CSS, and PHP
-npm run plugin-zip # Create distributable plugin zip
-```
-
-### File Watching
-
-The `npm run start` command watches for changes in:
-- `src/**/*.js` - JavaScript files
-- `src/**/*.scss` - Stylesheet files
-
-And outputs to `build/` directory.
-
-### WordPress @wordpress/scripts
-
-The plugin uses `@wordpress/scripts` which provides:
-- Webpack configuration
-- Babel transpilation (modern JS → browser-compatible)
-- SASS compilation
-- ESLint configuration (WordPress coding standards)
-- Stylelint configuration
-- Asset dependency extraction (for `wp_enqueue_script` dependencies)
-
-## Edge Cases Handled
-
-1. **Hamburger mode transitions:** Disables Priority+ to avoid conflicts
-2. **Hidden menus:** Retries measurement when menu becomes visible
-3. **Zero widths:** Invalidates cache and remeasures
-4. **Detached DOM elements:** Guards prevent errors when elements removed
-5. **More button larger than container:** Hides all items, shows only More button
-6. **Multiple instances:** Unique IDs prevent conflicts
-7. **Nested accordions:** Closes children when closing parent
-8. **Sub-pixel rendering:** Uses `getBoundingClientRect()` for accuracy
-
-## Known Limitations
-
-1. **Multiple Priority+ blocks with "Open on click":** May have ID conflicts if blocks have identical navigation content (use unique menus per block)
-2. **Legacy wrapper blocks:** Old plugin versions used wrapper block approach - these still work on frontend but can't be inserted in editor
-3. **Automatic disabling in hamburger mode:** This is intentional to work with WordPress responsive navigation - not a bug
-
-## Testing Scenarios
-
-When testing changes, verify:
-
-1. **Basic functionality:**
-   - Items overflow to More dropdown on narrow screens
-   - Items return to main nav on wider screens
-   - More button shows/hides appropriately
-
-2. **Multiple instances:**
-   - Multiple Priority+ navs on same page
-   - Each instance operates independently
-   - No ID conflicts
-
-3. **Hamburger mode:**
-   - Priority+ disables when entering hamburger mode
-   - WordPress native hamburger menu takes over
-   - Priority+ re-enables when exiting hamburger mode
-
-4. **Accordions:**
-   - Submenus in dropdown work as accordions
-   - "Open on click" setting respected
-   - Nested accordions work correctly
-   - All close when dropdown closes
-
-5. **Accessibility:**
-   - Keyboard navigation (Escape key)
-   - ARIA attributes correct
-   - Screen reader compatibility
-
-6. **Performance:**
-   - No layout thrashing on resize
-   - Smooth transitions
-   - No console errors
-
-## Questions?
-
-Let me know if you have any questions or need clarification on how the plugin works!
diff --git a/README.md b/README.md
index d445e89..4b5b2a4 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 A WordPress block plugin that adds Priority+ pattern functionality to core WordPress navigation block. It automatically moves navigation items that don't fit into a responsive "More" dropdown menu as the viewport narrows.
 
-<img src="assets/informational.png" alt="About the priority+ navigation" style="width: 100%; height: auto;">
+<img src="assets/informational.png" alt="A graphical representation of a navigation before and after enabling the priority plus navigation functionality" style="width: 100%; height: auto;">
 
 ## What is Priority+?
 
@@ -94,6 +94,11 @@ The plugin automatically detects and respects settings from the Core Navigation
 
 - **Open submenus on click** - When enabled in Core Navigation, submenus in the "More" dropdown become clickable accordions. When disabled, the link remains functional with a separate arrow button to toggle the submenu.
 
+- **Overlay Menu** - Controls when the responsive overlay/hamburger menu appears:
+  - **Never**: No overlay menu (Priority+ works at all screen sizes)
+  - **Mobile**: Overlay menu appears at mobile breakpoints (Priority+ works on desktop, disables when hamburger menu activates)
+  - **Always**: Always shows overlay menu (Priority+ is automatically disabled and the "Always" option is visually disabled in the editor)
+
 ### Block Supports
 
 The block supports all standard WordPress block features:
@@ -205,14 +210,36 @@ priority-nav/
 - **Width caching**: Minimizes layout recalculations
 - **Debounced recalculation**: Prevents excessive computation
 
+## Overlay Menu Compatibility
+
+Priority+ Navigation intelligently works with WordPress core navigation overlay menu settings:
+
+### How It Works
+
+- **Never**: Priority+ is always active, providing responsive navigation through the "More" dropdown
+- **Mobile**: Priority+ works on desktop viewports and automatically disables when the hamburger menu becomes active
+- **Always**: Priority+ is completely disabled (not compatible), and the "Always" option appears greyed out and crossed out in the editor
+
+### Technical Details
+
+The plugin detects when WordPress's overlay/hamburger menu is active by checking for the `is-menu-open` class on the responsive container. When this class is present, Priority+ temporarily disables itself to avoid conflicts with the native hamburger menu.
+
 ## Known Limitations
 
 - When using multiple Priority+ Navigation blocks on the same page with "Open submenus on click" enabled, ensure each block has unique navigation content to avoid potential ID conflicts
-- The plugin automatically disables on mobile/hamburger mode - this is intentional to work seamlessly with WordPress responsive navigation
+- Priority+ Navigation is not compatible with the "Always" overlay menu setting - it will automatically prevent usage and switch to "Mobile" mode
 - Legacy wrapper blocks (from previous plugin versions) are no longer insertable in the editor, but will continue to function on the frontend for backward compatibility
 
 ## Changelog
 
+### 0.3.0 - Overlay Menu Compatibility
+- Added intelligent overlay menu detection and compatibility
+- Priority+ now properly disables when hamburger menu is active (overlayMenu: 'mobile')
+- "Always" overlay option is automatically prevented and visually disabled in editor
+- Improved hamburger mode detection using `is-menu-open` class
+- Added overlay menu data attribute for frontend detection
+- Enhanced documentation with overlay menu compatibility details
+
 ### 0.2.0 - Variation-Only Approach
 - Refactored to use block variation instead of wrapper block
 - Namespaced variation name (`lumen-priority-nav`) for better compatibility
diff --git a/assets/informational.png b/assets/informational.png
index 88a346c..4a1bb05 100644
Binary files a/assets/informational.png and b/assets/informational.png differ
diff --git a/build/priority-editor-rtl.css b/build/priority-editor-rtl.css
new file mode 100644
index 0000000..ef70bd5
--- /dev/null
+++ b/build/priority-editor-rtl.css
@@ -0,0 +1 @@
+.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0}.editor-styles-wrapper .priority-nav-editor-wrapper nav{align-items:center;border:2px solid green!important;display:flex;flex-wrap:nowrap;width:100%}.priority-nav-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through}
diff --git a/build/priority-editor.asset.php b/build/priority-editor.asset.php
index a53e749..0825a66 100644
--- a/build/priority-editor.asset.php
+++ b/build/priority-editor.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'fa3aaf3a5d627561994a');
+<?php return array('dependencies' => array('react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-element', 'wp-hooks', 'wp-i18n', 'wp-primitives'), 'version' => 'c5037544c0114052e43e');
diff --git a/build/priority-editor.css b/build/priority-editor.css
new file mode 100644
index 0000000..ef70bd5
--- /dev/null
+++ b/build/priority-editor.css
@@ -0,0 +1 @@
+.is-style-priority-nav{--priority-nav--background:transparent;--priority-nav--background-hover:transparent;--priority-nav--color:inherit;--priority-nav--color-hover:inherit;--priority-nav--border-color:transparent;--priority-nav--border-style:solid;--priority-nav--border-width:0;--priority-nav--border-radius:0;--priority-nav--font-family:inherit;--priority-nav--font-size:inherit;--priority-nav--font-weight:inherit;--priority-nav--padding:0}.editor-styles-wrapper .priority-nav-editor-wrapper nav{align-items:center;border:2px solid green!important;display:flex;flex-wrap:nowrap;width:100%}.priority-nav-disable-always-option .components-toggle-group-control-option-base:last-child{cursor:not-allowed;opacity:.4;pointer-events:none;text-decoration:line-through}
diff --git a/build/priority-editor.js b/build/priority-editor.js
index f37fc84..21f67cf 100644
--- a/build/priority-editor.js
+++ b/build/priority-editor.js
@@ -1 +1 @@
-(()=>{"use strict";const o=window.wp.i18n,r=window.wp.blocks,e=window.wp.primitives,i=window.ReactJSXRuntime;var t=(0,i.jsx)(e.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,i.jsx)(e.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.404 16.596a6.5 6.5 0 1 0 9.192-9.192 6.5 6.5 0 0 0-9.192 9.192ZM6.344 6.343a8 8 0 1 0 11.313 11.314A8 8 0 0 0 6.343 6.343Zm4.906 9.407v-3h-3v-1.5h3v-3h1.5v3h3v1.5h-3v3h-1.5Z"})});const a=window.wp.hooks;(0,r.registerBlockVariation)("core/navigation",{name:"priority-nav",title:(0,o.__)("Priority Plus Nav","priority-nav"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-nav"),icon:t,scope:["inserter","transform"],attributes:{className:"is-style-priority-nav",overlayMenu:"never",priorityNavEnabled:!0,priorityNavMoreLabel:"More",priorityNavMoreBackgroundColor:void 0,priorityNavMoreBackgroundColorHover:void 0,priorityNavMoreTextColor:void 0,priorityNavMoreTextColorHover:void 0},isActive:(o,r)=>o.className?.includes(r.className)}),(0,a.addFilter)("blocks.registerBlockType","priority-nav/extend-core-navigation",(o,r)=>"core/navigation"!==r?o:{...o,attributes:{...o.attributes,priorityNavEnabled:{type:"boolean",default:!1},priorityNavMoreLabel:{type:"string",default:"More"},priorityNavMoreIcon:{type:"string",default:"none"},priorityNavMoreBackgroundColor:{type:"string"},priorityNavMoreBackgroundColorHover:{type:"string"},priorityNavMoreTextColor:{type:"string"},priorityNavMoreTextColorHover:{type:"string"},priorityNavMorePadding:{type:"object",default:void 0}}});const n=window.wp.blockEditor,l=window.wp.components,s=(0,window.wp.compose.createHigherOrderComponent)(r=>e=>{const{name:t,attributes:a,setAttributes:s}=e;if("core/navigation"!==t)return(0,i.jsx)(r,{...e});if(!(a.className||"").includes("is-style-priority-nav")&&!0!==a.priorityNavEnabled)return(0,i.jsx)(r,{...e});const{priorityNavEnabled:v,priorityNavMoreLabel:p,priorityNavMoreBackgroundColor:d,priorityNavMoreBackgroundColorHover:y,priorityNavMoreTextColor:c,priorityNavMoreTextColorHover:u,priorityNavMorePadding:g}=a,b=(0,n.useSetting)("spacing.spacingSizes")||[];return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r,{...e}),(0,i.jsxs)(n.InspectorControls,{group:"styles",children:[(0,i.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-nav"),resetAll:()=>s({priorityNavMoreLabel:"More"}),children:(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!p,label:(0,o.__)("More Button Label","priority-nav"),onDeselect:()=>s({priorityNavMoreLabel:"More"}),isShownByDefault:!0,children:(0,i.jsx)(l.TextControl,{label:(0,o.__)("More Button Label","priority-nav"),value:p,onChange:o=>s({priorityNavMoreLabel:o}),help:(0,o.__)('Text displayed on the "More" button',"priority-nav")})})}),(0,i.jsx)(n.PanelColorSettings,{title:(0,o.__)("Priority Plus Colors","priority-nav"),colorSettings:[{label:(0,o.__)("Button Text Color","priority-nav"),value:c,onChange:o=>s({priorityNavMoreTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Text Hover Color","priority-nav"),value:u,onChange:o=>s({priorityNavMoreTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Color","priority-nav"),value:d,onChange:o=>s({priorityNavMoreBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Hover Color","priority-nav"),value:y,onChange:o=>s({priorityNavMoreBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,i.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button","priority-nav"),resetAll:()=>s({priorityNavMorePadding:void 0}),children:(0,i.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!g&&Object.keys(g).length>0,label:(0,o.__)("Padding","priority-nav"),onDeselect:()=>s({priorityNavMorePadding:void 0}),isShownByDefault:!0,children:b.length>0?(0,i.jsx)(n.__experimentalSpacingSizesControl,{values:g,onChange:o=>s({priorityNavMorePadding:o}),label:(0,o.__)("Button Padding","priority-nav"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,i.jsx)(l.BoxControl,{label:(0,o.__)("Button Padding","priority-nav"),values:g,onChange:o=>s({priorityNavMorePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]})]})},"withPriorityNavControls");(0,a.addFilter)("editor.BlockEdit","priority-nav/add-priority-nav-controls",s)})();
\ No newline at end of file
+(()=>{"use strict";const o=window.wp.i18n,e=window.wp.blocks,r=window.wp.primitives,t=window.ReactJSXRuntime;var i=(0,t.jsx)(r.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,t.jsx)(r.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M7.404 16.596a6.5 6.5 0 1 0 9.192-9.192 6.5 6.5 0 0 0-9.192 9.192ZM6.344 6.343a8 8 0 1 0 11.313 11.314A8 8 0 0 0 6.343 6.343Zm4.906 9.407v-3h-3v-1.5h3v-3h1.5v3h3v1.5h-3v3h-1.5Z"})});const a=window.wp.hooks;(0,e.registerBlockVariation)("core/navigation",{name:"priority-nav",title:(0,o.__)("Priority Plus Nav","priority-nav"),description:(0,o.__)('A responsive navigation that automatically moves overflow items to a "More" dropdown.',"priority-nav"),icon:i,scope:["inserter","transform"],attributes:{className:"is-style-priority-nav",overlayMenu:"never",priorityNavEnabled:!0,priorityNavMoreLabel:"More",priorityNavMoreBackgroundColor:void 0,priorityNavMoreBackgroundColorHover:void 0,priorityNavMoreTextColor:void 0,priorityNavMoreTextColorHover:void 0},isActive:(o,e)=>o.className?.includes(e.className)}),(0,a.addFilter)("blocks.registerBlockType","priority-nav/extend-core-navigation",(o,e)=>"core/navigation"!==e?o:{...o,attributes:{...o.attributes,priorityNavEnabled:{type:"boolean",default:!1},priorityNavMoreLabel:{type:"string",default:"More"},priorityNavMoreIcon:{type:"string",default:"none"},priorityNavMoreBackgroundColor:{type:"string"},priorityNavMoreBackgroundColorHover:{type:"string"},priorityNavMoreTextColor:{type:"string"},priorityNavMoreTextColorHover:{type:"string"},priorityNavMorePadding:{type:"object",default:void 0}}});const n=window.wp.blockEditor,l=window.wp.components,s=window.wp.compose,v=window.wp.element,p=(0,s.createHigherOrderComponent)(o=>e=>{const{name:r,attributes:i}=e;if("core/navigation"!==r)return(0,t.jsx)(o,{...e});const a=(i.className||"").includes("is-style-priority-nav")||!0===i.priorityNavEnabled;return(0,v.useEffect)(()=>{if(!a)return;const o=document.querySelector(".block-editor-block-inspector");if(!o)return;const e=o.querySelector('.components-toggle-group-control-option-base[data-value="always"]');e&&(e.style.opacity="0.4",e.style.pointerEvents="none",e.style.textDecoration="line-through",e.style.cursor="not-allowed")},[a,i.overlayMenu]),(0,t.jsx)(o,{...e})},"addDisableAlwaysOption"),d=(0,s.createHigherOrderComponent)(e=>r=>{const{name:i,attributes:a,setAttributes:s}=r;if("core/navigation"!==i)return(0,t.jsx)(e,{...r});const p=(a.className||"").includes("is-style-priority-nav")||!0===a.priorityNavEnabled;if(!p)return(0,t.jsx)(e,{...r});const{priorityNavEnabled:d,priorityNavMoreLabel:y,priorityNavMoreBackgroundColor:c,priorityNavMoreBackgroundColorHover:u,priorityNavMoreTextColor:g,priorityNavMoreTextColorHover:b,priorityNavMorePadding:w,overlayMenu:h}=a;(0,v.useEffect)(()=>{p&&"always"===h&&s({overlayMenu:"mobile"})},[p,h,s]);const M=(0,n.useSetting)("spacing.spacingSizes")||[];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e,{...r}),(0,t.jsx)(n.InspectorControls,{group:"settings",children:(0,t.jsx)(l.Notice,{status:"info",isDismissible:!1,children:(0,o.__)('Priority+ Navigation is not compatible with "Always" overlay menu. The overlay menu is set to "Mobile" to allow Priority+ to work on desktop.',"priority-nav")})}),(0,t.jsxs)(n.InspectorControls,{group:"styles",children:[(0,t.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Settings","priority-nav"),resetAll:()=>s({priorityNavMoreLabel:"More"}),children:(0,t.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!y,label:(0,o.__)("More Button Label","priority-nav"),onDeselect:()=>s({priorityNavMoreLabel:"More"}),isShownByDefault:!0,children:(0,t.jsx)(l.TextControl,{label:(0,o.__)("More Button Label","priority-nav"),value:y,onChange:o=>s({priorityNavMoreLabel:o}),help:(0,o.__)('Text displayed on the "More" button',"priority-nav")})})}),(0,t.jsx)(n.PanelColorSettings,{title:(0,o.__)("Priority Plus Colors","priority-nav"),colorSettings:[{label:(0,o.__)("Button Text Color","priority-nav"),value:g,onChange:o=>s({priorityNavMoreTextColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Text Hover Color","priority-nav"),value:b,onChange:o=>s({priorityNavMoreTextColorHover:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Color","priority-nav"),value:c,onChange:o=>s({priorityNavMoreBackgroundColor:o||void 0}),clearable:!0},{label:(0,o.__)("Button Background Hover Color","priority-nav"),value:u,onChange:o=>s({priorityNavMoreBackgroundColorHover:o||void 0}),clearable:!0}]}),(0,t.jsx)(l.__experimentalToolsPanel,{label:(0,o.__)("Priority Plus Button","priority-nav"),resetAll:()=>s({priorityNavMorePadding:void 0}),children:(0,t.jsx)(l.__experimentalToolsPanelItem,{hasValue:()=>!!w&&Object.keys(w).length>0,label:(0,o.__)("Padding","priority-nav"),onDeselect:()=>s({priorityNavMorePadding:void 0}),isShownByDefault:!0,children:M.length>0?(0,t.jsx)(n.__experimentalSpacingSizesControl,{values:w,onChange:o=>s({priorityNavMorePadding:o}),label:(0,o.__)("Button Padding","priority-nav"),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"]}):(0,t.jsx)(l.BoxControl,{label:(0,o.__)("Button Padding","priority-nav"),values:w,onChange:o=>s({priorityNavMorePadding:o}),sides:["top","right","bottom","left"],units:["px","em","rem","vh","vw"],allowReset:!0})})})]})]})},"withPriorityNavControls");(0,a.addFilter)("editor.BlockEdit","priority-nav/add-disable-always-option",p,5),(0,a.addFilter)("editor.BlockEdit","priority-nav/add-priority-nav-controls",d,10)})();
\ No newline at end of file
diff --git a/build/priority-plus-nav.asset.php b/build/priority-plus-nav.asset.php
index c8e313e..e2bcf50 100644
--- a/build/priority-plus-nav.asset.php
+++ b/build/priority-plus-nav.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array(), 'version' => '2f4c69d163ee8a1c85ce');
+<?php return array('dependencies' => array(), 'version' => '634f912ce7165c63d028');
diff --git a/build/priority-plus-nav.js b/build/priority-plus-nav.js
index d2b9941..d4e0f1a 100644
--- a/build/priority-plus-nav.js
+++ b/build/priority-plus-nav.js
@@ -1 +1 @@
-(()=>{"use strict";var t,e={400(){const t="More";function e(t){if(!t)return!1;const e=window.getComputedStyle(t),i=t.getBoundingClientRect();return"none"!==e.display&&"hidden"!==e.visibility&&i.width>0&&i.height>0}function i(t){return e(t)?t.getBoundingClientRect().width:0}function n(t){return e(t)}function s(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}function o(t){const e={text:"",url:"#",hasSubmenu:!1,children:[]},i=t.querySelector(":scope > .wp-block-navigation__submenu-container");let n=t.querySelector(":scope > a");if(n||(n=t.querySelector(":scope > .wp-block-navigation-item__content a")),!n){if(i){const i=t.cloneNode(!0),n=i.querySelector(".wp-block-navigation__submenu-container");n&&n.remove(),e.text=i.textContent.trim()}else e.text=t.textContent.trim();return i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}return e.text=function(t){if(!t)return"";const e=t.querySelector(".wp-block-navigation-item__label");if(e)return e.textContent.trim();const i=t.cloneNode(!0);i.querySelectorAll("*").forEach(t=>t.remove());let n=i.textContent.trim();if(!n){const e=Array.from(t.childNodes).filter(t=>t.nodeType===Node.TEXT_NODE);e.length>0&&(n=e.map(t=>t.textContent.trim()).filter(t=>t).join(" "))}return n}(n),i&&e.text&&(e.text=function(t,e){if(!t||!e)return t;const i=[];if(e.querySelectorAll("li a").forEach(e=>{const n=e.textContent.trim();n&&t.includes(n)&&i.push(n)}),i.length>0){let e=t;return i.forEach(t=>{e=e.replace(t,"").trim()}),e}return t}(e.text,i)),e.url=n.getAttribute("href")||"#",i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}function r(t,e,i,n,o){const a=`${i}-submenu-${n.value++}`;let l="";return t.hasSubmenu?(l=o?`\n\t\t\t\t<button type="button" class="priority-nav-accordion-toggle priority-nav-accordion-toggle-full" \n\t\t\t\t        aria-expanded="false" aria-controls="${a}">\n\t\t\t\t\t<span class="priority-nav-accordion-text">${s(t.text)}</span>\n\t\t\t\t\t<span class="priority-nav-accordion-arrow" aria-hidden="true">›</span>\n\t\t\t\t</button>\n\t\t\t\t<ul class="priority-nav-accordion-content" id="${a}" aria-hidden="true">\n\t\t\t`:`\n\t\t\t\t<span class="priority-nav-accordion-wrapper">\n\t\t\t\t\t<a href="${s(t.url)}" class="priority-nav-accordion-link">${s(t.text)}</a>\n\t\t\t\t\t<button type="button" class="priority-nav-accordion-toggle priority-nav-accordion-toggle-arrow" \n\t\t\t\t\t        aria-expanded="false" aria-controls="${a}" aria-label="Toggle submenu">\n\t\t\t\t\t\t<span class="priority-nav-accordion-arrow" aria-hidden="true">›</span>\n\t\t\t\t\t</button>\n\t\t\t\t</span>\n\t\t\t\t<ul class="priority-nav-accordion-content" id="${a}" aria-hidden="true">\n\t\t\t`,t.children.forEach(t=>{l+=`<li>${r(t,e+1,i,n,o)}</li>`}),l+="</ul>"):l=`<a href="${s(t.url)}">${s(t.text)}</a>`,l}function a(t,e){return t.length===e&&!t.some(t=>0===t)}function l(t,e,s){if(!n(t))return[];e.forEach(t=>{t.style.display=""}),t.offsetHeight;const o=e.map(t=>{const e=i(t);return e>0?e:0});return o.some(t=>0===t)&&s&&s(),o}class c{static instanceCounter=0;constructor(e){if("true"===e.dataset.priorityNavInitialized)return;if(this.instanceId="priority-nav-"+c.instanceCounter++,!e.classList.contains("wp-block-navigation")||!e.classList.contains("is-style-priority-nav"))return;if(e.dataset.priorityNavInitialized="true",this.nav=e,this.list=this.nav.querySelector(".wp-block-navigation__container"),!this.list)return;this.moreLabel=this.nav.getAttribute("data-more-label")||t,this.openSubmenusOnClick=this.detectOpenSubmenusOnClick();const{moreContainer:i,moreButton:n,dropdown:s}=function(e,i=t){const n=document.createElement("div");n.className="priority-nav-more";const s=document.createElement("button");s.type="button",s.className="priority-nav-more-button wp-block-navigation-item",s.setAttribute("aria-expanded","false"),s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-label",i),s.innerHTML=`\n\t\t<span class="wp-block-navigation-item__label">${i}</span>\n\t\t<span class="priority-nav-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 13.5l4.5-3.1.9 1.2z"></path></svg></span>\n\t`;const o=document.createElement("ul");return o.className="priority-nav-dropdown wp-block-navigation__submenu-container",o.setAttribute("role","menu"),n.appendChild(s),n.appendChild(o),e.parentNode.appendChild(n),n.style.display="none",{moreContainer:n,moreButton:s,dropdown:o}}(this.list,this.moreLabel);this.moreContainer=i,this.moreButton=n,this.dropdown=s,this.items=Array.from(this.list.children),this.itemWidths=[],this.isOpen=!1,this.isCalculating=!1,this.openAccordions=[],this.submenuCounter={value:0},this.responsiveContainer=this.nav.querySelector(".wp-block-navigation__responsive-container"),this.mutationObserver=null,this.retryTimeout=null,this.isEnabled=!0,this.moreButtonWidth=null,this.eventHandlers=null,this.init()}detectOpenSubmenusOnClick(){const t=this.nav.getAttribute("data-opensubmenusonclick")||this.nav.getAttribute("data-open-submenus-on-click");if(t)return"true"===t||"1"===t||""===t;if(this.nav.attributes)for(let t=0;t<this.nav.attributes.length;t++){const e=this.nav.attributes[t],i=e.name.toLowerCase();if(i.includes("open")&&i.includes("submenu")&&i.includes("click")){const t=e.value;return"true"===t||"1"===t||""===t}}if(this.nav.classList.contains("open-on-click")||this.nav.classList.contains("open-submenus-on-click")||this.nav.classList.contains("has-open-submenus-on-click"))return!0;if(this.list){const t=this.list.querySelector("li.has-child, li.open-on-click");if(t&&(t.classList.contains("open-on-click")||t.classList.contains("open-submenus-on-click")))return!0}return!1}init(){this.nav&&document.body.contains(this.nav)&&(this.eventHandlers=function(t,e,i){const{moreButton:n,moreContainer:s,dropdown:o}=t,{toggleDropdown:r,closeDropdown:a,closeAllAccordions:l,toggleAccordionItem:c}=i,u=t=>{t.preventDefault(),t.stopPropagation(),r()};n.addEventListener("click",u);const d=t=>{s&&!s.contains(t.target)&&e.isOpen&&a()};document.addEventListener("click",d,!0);const h=t=>{"Escape"===t.key&&e.isOpen&&(e.openAccordions.length>0?(l(),t.preventDefault()):a())};document.addEventListener("keydown",h);const p=t=>{const i=t.target.closest(".priority-nav-accordion-toggle");if(i){t.preventDefault(),t.stopPropagation();const n=i.getAttribute("aria-controls"),s=o.querySelector(`#${n}`);s&&c(i,s,e)}};return o.addEventListener("click",p),{moreButtonClickHandler:u,documentClickHandler:d,documentKeydownHandler:h,dropdownClickHandler:p}}({moreButton:this.moreButton,moreContainer:this.moreContainer,dropdown:this.dropdown},this,{toggleDropdown:()=>this.toggleDropdown(),closeDropdown:()=>this.closeDropdown(),closeAllAccordions:()=>this.closeAllAccordions(),toggleAccordionItem:(t,e)=>this.toggleAccordionItem(t,e)}),this.setupResponsiveObserver(),this.isInHamburgerMode()?this.disablePriorityNav():this.enablePriorityNav(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>{if(document.body.contains(this.nav)&&!this.isCalculating){const t=this.isEnabled,e=this.isInHamburgerMode();e&&t?this.disablePriorityNav():e||t?!e&&t&&requestAnimationFrame(()=>this.checkOverflow()):this.enablePriorityNav()}}),this.resizeObserver.observe(this.nav)))}isInHamburgerMode(){return t=this.responsiveContainer,i=this.list,!(!t||e(t)&&"true"!==t.getAttribute("aria-hidden"))||!(!i||e(i));var t,i}disablePriorityNav(){this.items&&Array.isArray(this.items)&&(this.isEnabled=!1,this.items.forEach(t=>{t&&t.style&&(t.style.display="")}),this.moreContainer&&this.moreContainer.style&&(this.moreContainer.style.display="none"),this.closeDropdown())}enablePriorityNav(){this.isEnabled=!0,n(this.list)?((0===this.itemWidths.length||this.itemWidths.some(t=>0===t))&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry())),requestAnimationFrame(()=>{this.checkOverflow()})):this.scheduleRetry()}scheduleRetry(t=20){this.retryTimeout&&clearTimeout(this.retryTimeout);let e=0;const i=()=>{e++,n(this.list)&&!this.isInHamburgerMode()?(this.enablePriorityNav(),this.retryTimeout=null):this.retryTimeout=e<t?setTimeout(i,100):null};this.retryTimeout=setTimeout(i,100)}setupResponsiveObserver(){"undefined"!=typeof MutationObserver&&this.responsiveContainer&&(this.mutationObserver=new MutationObserver(t=>{if(!document.body.contains(this.nav))return;let e=!1;if(t.forEach(t=>{"attributes"!==t.type||"aria-hidden"!==t.attributeName&&"class"!==t.attributeName||(e=!0)}),e){const t=this.isInHamburgerMode();t&&this.isEnabled?this.disablePriorityNav():t||this.isEnabled||this.enablePriorityNav()}}),this.mutationObserver.observe(this.responsiveContainer,{attributes:!0,attributeFilter:["aria-hidden","class"]}),this.list&&document.body.contains(this.list)&&this.mutationObserver.observe(this.list,{attributes:!0,attributeFilter:["style","class"],attributeOldValue:!1}))}checkOverflow(){if(!this.isEnabled||!n(this.list))return void(this.isCalculating=!1);if(!document.body.contains(this.nav))return void(this.isCalculating=!1);if(this.isCalculating=!0,!a(this.itemWidths,this.items.length)&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry()),!a(this.itemWidths,this.items.length)))return void(this.isCalculating=!1);const t=this.calculateAvailableWidth();if(this.moreButtonWidth=function(t,e,n){if(null!==n)return n;const s="none"===e.style.display;s&&(e.style.display=""),t.offsetHeight;const o=i(t);return s&&(e.style.display="none"),o}(this.moreButton,this.moreContainer,this.moreButtonWidth),this.moreButtonWidth>=t)return this.items.forEach(t=>t.style.display="none"),this.moreContainer.style.display="",void(this.isCalculating=!1);const e=function(t,e){const i=window.getComputedStyle(t),n=window.getComputedStyle(e);return parseFloat(i.gap)||parseFloat(n.gap)||8}(this.list,this.nav),s=this.calculateVisibleItems(t,this.moreButtonWidth,e);if(s===this.items.length)this.items.forEach(t=>t.style.display=""),this.moreContainer.style.display="none",this.closeDropdown();else{this.moreContainer.style.display="none";for(let t=s;t<this.items.length;t++)this.items[t].style.display="none";for(let t=0;t<s;t++)this.items[t].style.display="";this.list.offsetHeight,function(t,e,i,n,s,a){t.innerHTML="",s.value=0;for(let l=i;l<e.length;l++){const i=r(o(e[l]),0,n,s,a),c=document.createElement("li");c.innerHTML=i,t.appendChild(c)}}(this.dropdown,this.items,s,this.instanceId,this.submenuCounter,this.openSubmenusOnClick),this.moreContainer.style.display=""}this.isCalculating=!1}calculateAvailableWidth(){const t=this.nav.getBoundingClientRect(),e=window.getComputedStyle(this.nav),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight),n=t.width>0?t.width:0;return n>0?n-i:0}calculateVisibleItems(t,e,i){let n=0;for(let t=0;t<this.items.length;t++)n+=(t>0?i:0)+this.itemWidths[t];if(n<=t)return this.items.length;let s=0,o=0;for(let n=0;n<this.items.length;n++){const r=(n>0?i:0)+this.itemWidths[n];if(!(s+r+i+e<=t)&&0!==n)break;s+=r,o++}return o}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}openDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!0,this.dropdown.classList.add("is-open"),this.moreButton.setAttribute("aria-expanded","true"))}closeDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!1,this.dropdown.classList.remove("is-open"),this.moreButton.setAttribute("aria-expanded","false"),this.closeAllAccordions())}toggleAccordionItem(t,e){!function(t,e,i,n){"true"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true"),i.openAccordions=i.openAccordions.filter(e=>e.button!==t),e.querySelectorAll('.priority-nav-accordion-toggle[aria-expanded="true"]').forEach(t=>{const e=t.getAttribute("aria-controls"),i=n.querySelector(`#${e}`);i&&(t.setAttribute("aria-expanded","false"),i.style.setProperty("display","none","important"),i.classList.remove("is-open"),i.setAttribute("aria-hidden","true"))})):(t.setAttribute("aria-expanded","true"),e.style.setProperty("display","block","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("position","static","important"),e.classList.add("is-open"),e.setAttribute("aria-hidden","false"),i.openAccordions.push({button:t,submenu:e}))}(t,e,this,this.dropdown)}closeAllAccordions(){var t;(t=this).openAccordions.forEach(({button:t,submenu:e})=>{t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true")}),t.openAccordions=[]}destroy(){if(this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.retryTimeout&&(clearTimeout(this.retryTimeout),this.retryTimeout=null),this.eventHandlers){const{moreButtonClickHandler:t,documentClickHandler:e,documentKeydownHandler:i,dropdownClickHandler:n}=this.eventHandlers;this.moreButton&&t&&this.moreButton.removeEventListener("click",t),e&&document.removeEventListener("click",e,!0),i&&document.removeEventListener("keydown",i),this.dropdown&&n&&this.dropdown.removeEventListener("click",n)}}}const u=c;document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".wp-block-navigation.is-style-priority-nav").forEach(t=>new u(t))})}},i={};function n(t){var s=i[t];if(void 0!==s)return s.exports;var o=i[t]={exports:{}};return e[t](o,o.exports,n),o.exports}n.m=e,t=[],n.O=(e,i,s,o)=>{if(!i){var r=1/0;for(u=0;u<t.length;u++){for(var[i,s,o]=t[u],a=!0,l=0;l<i.length;l++)(!1&o||r>=o)&&Object.keys(n.O).every(t=>n.O[t](i[l]))?i.splice(l--,1):(a=!1,o<r&&(r=o));if(a){t.splice(u--,1);var c=s();void 0!==c&&(e=c)}}return e}o=o||0;for(var u=t.length;u>0&&t[u-1][2]>o;u--)t[u]=t[u-1];t[u]=[i,s,o]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={500:0,959:0};n.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,a,l]=i,c=0;if(r.some(e=>0!==t[e])){for(s in a)n.o(a,s)&&(n.m[s]=a[s]);if(l)var u=l(n)}for(e&&e(i);c<r.length;c++)o=r[c],n.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return n.O(u)},i=globalThis.webpackChunkpriority_plus_nav=globalThis.webpackChunkpriority_plus_nav||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var s=n.O(void 0,[959],()=>n(400));s=n.O(s)})();
\ No newline at end of file
+(()=>{"use strict";var t,e={400(){const t="More";function e(t){if(!t)return!1;const e=window.getComputedStyle(t),i=t.getBoundingClientRect();return"none"!==e.display&&"hidden"!==e.visibility&&i.width>0&&i.height>0}function i(t){return e(t)?t.getBoundingClientRect().width:0}function n(t){return e(t)}function s(t){const e=document.createElement("div");return e.textContent=t,e.innerHTML}function o(t){const e={text:"",url:"#",hasSubmenu:!1,children:[]},i=t.querySelector(":scope > .wp-block-navigation__submenu-container");let n=t.querySelector(":scope > a");if(n||(n=t.querySelector(":scope > .wp-block-navigation-item__content a")),!n){if(i){const i=t.cloneNode(!0),n=i.querySelector(".wp-block-navigation__submenu-container");n&&n.remove(),e.text=i.textContent.trim()}else e.text=t.textContent.trim();return i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}return e.text=function(t){if(!t)return"";const e=t.querySelector(".wp-block-navigation-item__label");if(e)return e.textContent.trim();const i=t.cloneNode(!0);i.querySelectorAll("*").forEach(t=>t.remove());let n=i.textContent.trim();if(!n){const e=Array.from(t.childNodes).filter(t=>t.nodeType===Node.TEXT_NODE);e.length>0&&(n=e.map(t=>t.textContent.trim()).filter(t=>t).join(" "))}return n}(n),i&&e.text&&(e.text=function(t,e){if(!t||!e)return t;const i=[];if(e.querySelectorAll("li a").forEach(e=>{const n=e.textContent.trim();n&&t.includes(n)&&i.push(n)}),i.length>0){let e=t;return i.forEach(t=>{e=e.replace(t,"").trim()}),e}return t}(e.text,i)),e.url=n.getAttribute("href")||"#",i&&(e.hasSubmenu=!0,i.querySelectorAll(":scope > li").forEach(t=>{e.children.push(o(t))})),e}function r(t,e,i,n,o){const a=`${i}-submenu-${n.value++}`;let l="";return t.hasSubmenu?(l=o?`\n\t\t\t\t<button type="button" class="priority-nav-accordion-toggle priority-nav-accordion-toggle-full" \n\t\t\t\t        aria-expanded="false" aria-controls="${a}">\n\t\t\t\t\t<span class="priority-nav-accordion-text">${s(t.text)}</span>\n\t\t\t\t\t<span class="priority-nav-accordion-arrow" aria-hidden="true">›</span>\n\t\t\t\t</button>\n\t\t\t\t<ul class="priority-nav-accordion-content" id="${a}" aria-hidden="true">\n\t\t\t`:`\n\t\t\t\t<span class="priority-nav-accordion-wrapper">\n\t\t\t\t\t<a href="${s(t.url)}" class="priority-nav-accordion-link">${s(t.text)}</a>\n\t\t\t\t\t<button type="button" class="priority-nav-accordion-toggle priority-nav-accordion-toggle-arrow" \n\t\t\t\t\t        aria-expanded="false" aria-controls="${a}" aria-label="Toggle submenu">\n\t\t\t\t\t\t<span class="priority-nav-accordion-arrow" aria-hidden="true">›</span>\n\t\t\t\t\t</button>\n\t\t\t\t</span>\n\t\t\t\t<ul class="priority-nav-accordion-content" id="${a}" aria-hidden="true">\n\t\t\t`,t.children.forEach(t=>{l+=`<li>${r(t,e+1,i,n,o)}</li>`}),l+="</ul>"):l=`<a href="${s(t.url)}">${s(t.text)}</a>`,l}function a(t,e){return t.length===e&&!t.some(t=>0===t)}function l(t,e,s){if(!n(t))return[];e.forEach(t=>{t.style.display=""}),t.offsetHeight;const o=e.map(t=>{const e=i(t);return e>0?e:0});return o.some(t=>0===t)&&s&&s(),o}class c{static instanceCounter=0;constructor(e){if("true"===e.dataset.priorityNavInitialized)return;if(this.instanceId="priority-nav-"+c.instanceCounter++,!e.classList.contains("wp-block-navigation")||!e.classList.contains("is-style-priority-nav"))return;if(e.dataset.priorityNavInitialized="true",this.nav=e,this.list=this.nav.querySelector(".wp-block-navigation__container"),!this.list)return;if(this.moreLabel=this.nav.getAttribute("data-more-label")||t,this.overlayMenu=this.nav.getAttribute("data-overlay-menu")||"never","always"===this.overlayMenu)return;this.openSubmenusOnClick=this.detectOpenSubmenusOnClick();const{moreContainer:i,moreButton:n,dropdown:s}=function(e,i=t){const n=document.createElement("div");n.className="priority-nav-more";const s=document.createElement("button");s.type="button",s.className="priority-nav-more-button wp-block-navigation-item",s.setAttribute("aria-expanded","false"),s.setAttribute("aria-haspopup","true"),s.setAttribute("aria-label",i),s.innerHTML=`\n\t\t<span class="wp-block-navigation-item__label">${i}</span>\n\t\t<span class="priority-nav-icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 13.5l4.5-3.1.9 1.2z"></path></svg></span>\n\t`;const o=document.createElement("ul");return o.className="priority-nav-dropdown wp-block-navigation__submenu-container",o.setAttribute("role","menu"),n.appendChild(s),n.appendChild(o),e.parentNode.appendChild(n),n.style.display="none",{moreContainer:n,moreButton:s,dropdown:o}}(this.list,this.moreLabel);this.moreContainer=i,this.moreButton=n,this.dropdown=s,this.items=Array.from(this.list.children),this.itemWidths=[],this.isOpen=!1,this.isCalculating=!1,this.openAccordions=[],this.submenuCounter={value:0},this.responsiveContainer=this.nav.querySelector(".wp-block-navigation__responsive-container"),this.mutationObserver=null,this.retryTimeout=null,this.isEnabled=!0,this.moreButtonWidth=null,this.eventHandlers=null,this.init()}detectOpenSubmenusOnClick(){const t=this.nav.getAttribute("data-opensubmenusonclick")||this.nav.getAttribute("data-open-submenus-on-click");if(t)return"true"===t||"1"===t||""===t;if(this.nav.attributes)for(let t=0;t<this.nav.attributes.length;t++){const e=this.nav.attributes[t],i=e.name.toLowerCase();if(i.includes("open")&&i.includes("submenu")&&i.includes("click")){const t=e.value;return"true"===t||"1"===t||""===t}}if(this.nav.classList.contains("open-on-click")||this.nav.classList.contains("open-submenus-on-click")||this.nav.classList.contains("has-open-submenus-on-click"))return!0;if(this.list){const t=this.list.querySelector("li.has-child, li.open-on-click");if(t&&(t.classList.contains("open-on-click")||t.classList.contains("open-submenus-on-click")))return!0}return!1}init(){this.nav&&document.body.contains(this.nav)&&(this.eventHandlers=function(t,e,i){const{moreButton:n,moreContainer:s,dropdown:o}=t,{toggleDropdown:r,closeDropdown:a,closeAllAccordions:l,toggleAccordionItem:c}=i,u=t=>{t.preventDefault(),t.stopPropagation(),r()};n.addEventListener("click",u);const d=t=>{s&&!s.contains(t.target)&&e.isOpen&&a()};document.addEventListener("click",d,!0);const h=t=>{"Escape"===t.key&&e.isOpen&&(e.openAccordions.length>0?(l(),t.preventDefault()):a())};document.addEventListener("keydown",h);const p=t=>{const i=t.target.closest(".priority-nav-accordion-toggle");if(i){t.preventDefault(),t.stopPropagation();const n=i.getAttribute("aria-controls"),s=o.querySelector(`#${n}`);s&&c(i,s,e)}};return o.addEventListener("click",p),{moreButtonClickHandler:u,documentClickHandler:d,documentKeydownHandler:h,dropdownClickHandler:p}}({moreButton:this.moreButton,moreContainer:this.moreContainer,dropdown:this.dropdown},this,{toggleDropdown:()=>this.toggleDropdown(),closeDropdown:()=>this.closeDropdown(),closeAllAccordions:()=>this.closeAllAccordions(),toggleAccordionItem:(t,e)=>this.toggleAccordionItem(t,e)}),this.setupResponsiveObserver(),this.isInHamburgerMode()?this.disablePriorityNav():this.enablePriorityNav(),"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver(()=>{if(document.body.contains(this.nav)&&!this.isCalculating){const t=this.isEnabled,e=this.isInHamburgerMode();e&&t?this.disablePriorityNav():e||t?!e&&t&&requestAnimationFrame(()=>this.checkOverflow()):this.enablePriorityNav()}}),this.resizeObserver.observe(this.nav)))}isInHamburgerMode(){return t=this.responsiveContainer,this.list,!(!t||!t.classList.contains("is-menu-open")&&!t.classList.contains("has-modal-open"));var t}disablePriorityNav(){this.items&&Array.isArray(this.items)&&(this.isEnabled=!1,this.items.forEach(t=>{t&&t.style&&(t.style.display="")}),this.moreContainer&&this.moreContainer.style&&(this.moreContainer.style.display="none"),this.closeDropdown())}enablePriorityNav(){this.isEnabled=!0,n(this.list)?((0===this.itemWidths.length||this.itemWidths.some(t=>0===t))&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry())),requestAnimationFrame(()=>{this.checkOverflow()})):this.scheduleRetry()}scheduleRetry(t=20){this.retryTimeout&&clearTimeout(this.retryTimeout);let e=0;const i=()=>{e++,n(this.list)&&!this.isInHamburgerMode()?(this.enablePriorityNav(),this.retryTimeout=null):this.retryTimeout=e<t?setTimeout(i,100):null};this.retryTimeout=setTimeout(i,100)}setupResponsiveObserver(){"undefined"!=typeof MutationObserver&&this.responsiveContainer&&(this.mutationObserver=new MutationObserver(t=>{if(!document.body.contains(this.nav))return;let e=!1;if(t.forEach(t=>{"attributes"!==t.type||"aria-hidden"!==t.attributeName&&"class"!==t.attributeName||(e=!0)}),e){const t=this.isInHamburgerMode();t&&this.isEnabled?this.disablePriorityNav():t||this.isEnabled||this.enablePriorityNav()}}),this.mutationObserver.observe(this.responsiveContainer,{attributes:!0,attributeFilter:["aria-hidden","class"]}),this.list&&document.body.contains(this.list)&&this.mutationObserver.observe(this.list,{attributes:!0,attributeFilter:["style","class"],attributeOldValue:!1}))}checkOverflow(){if(!this.isEnabled||!n(this.list))return void(this.isCalculating=!1);if(!document.body.contains(this.nav))return void(this.isCalculating=!1);if(this.isCalculating=!0,!a(this.itemWidths,this.items.length)&&(this.itemWidths=l(this.list,this.items,()=>this.scheduleRetry()),!a(this.itemWidths,this.items.length)))return void(this.isCalculating=!1);const t=this.calculateAvailableWidth();if(this.moreButtonWidth=function(t,e,n){if(null!==n)return n;const s="none"===e.style.display;s&&(e.style.display=""),t.offsetHeight;const o=i(t);return s&&(e.style.display="none"),o}(this.moreButton,this.moreContainer,this.moreButtonWidth),this.moreButtonWidth>=t)return this.items.forEach(t=>t.style.display="none"),this.moreContainer.style.display="",void(this.isCalculating=!1);const e=function(t,e){const i=window.getComputedStyle(t),n=window.getComputedStyle(e);return parseFloat(i.gap)||parseFloat(n.gap)||8}(this.list,this.nav),s=this.calculateVisibleItems(t,this.moreButtonWidth,e);if(s===this.items.length)this.items.forEach(t=>t.style.display=""),this.moreContainer.style.display="none",this.closeDropdown();else{this.moreContainer.style.display="none";for(let t=s;t<this.items.length;t++)this.items[t].style.display="none";for(let t=0;t<s;t++)this.items[t].style.display="";this.list.offsetHeight,function(t,e,i,n,s,a){t.innerHTML="",s.value=0;for(let l=i;l<e.length;l++){const i=r(o(e[l]),0,n,s,a),c=document.createElement("li");c.innerHTML=i,t.appendChild(c)}}(this.dropdown,this.items,s,this.instanceId,this.submenuCounter,this.openSubmenusOnClick),this.moreContainer.style.display=""}this.isCalculating=!1}calculateAvailableWidth(){const t=this.nav.getBoundingClientRect(),e=window.getComputedStyle(this.nav),i=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight),n=t.width>0?t.width:0;return n>0?n-i:0}calculateVisibleItems(t,e,i){let n=0;for(let t=0;t<this.items.length;t++)n+=(t>0?i:0)+this.itemWidths[t];if(n<=t)return this.items.length;let s=0,o=0;for(let n=0;n<this.items.length;n++){const r=(n>0?i:0)+this.itemWidths[n];if(!(s+r+i+e<=t)&&0!==n)break;s+=r,o++}return o}toggleDropdown(){this.isOpen?this.closeDropdown():this.openDropdown()}openDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!0,this.dropdown.classList.add("is-open"),this.moreButton.setAttribute("aria-expanded","true"))}closeDropdown(){this.dropdown&&this.moreButton&&(this.isOpen=!1,this.dropdown.classList.remove("is-open"),this.moreButton.setAttribute("aria-expanded","false"),this.closeAllAccordions())}toggleAccordionItem(t,e){!function(t,e,i,n){"true"===t.getAttribute("aria-expanded")?(t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true"),i.openAccordions=i.openAccordions.filter(e=>e.button!==t),e.querySelectorAll('.priority-nav-accordion-toggle[aria-expanded="true"]').forEach(t=>{const e=t.getAttribute("aria-controls"),i=n.querySelector(`#${e}`);i&&(t.setAttribute("aria-expanded","false"),i.style.setProperty("display","none","important"),i.classList.remove("is-open"),i.setAttribute("aria-hidden","true"))})):(t.setAttribute("aria-expanded","true"),e.style.setProperty("display","block","important"),e.style.setProperty("opacity","1","important"),e.style.setProperty("visibility","visible","important"),e.style.setProperty("position","static","important"),e.classList.add("is-open"),e.setAttribute("aria-hidden","false"),i.openAccordions.push({button:t,submenu:e}))}(t,e,this,this.dropdown)}closeAllAccordions(){var t;(t=this).openAccordions.forEach(({button:t,submenu:e})=>{t.setAttribute("aria-expanded","false"),e.style.setProperty("display","none","important"),e.classList.remove("is-open"),e.setAttribute("aria-hidden","true")}),t.openAccordions=[]}destroy(){if(this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.retryTimeout&&(clearTimeout(this.retryTimeout),this.retryTimeout=null),this.eventHandlers){const{moreButtonClickHandler:t,documentClickHandler:e,documentKeydownHandler:i,dropdownClickHandler:n}=this.eventHandlers;this.moreButton&&t&&this.moreButton.removeEventListener("click",t),e&&document.removeEventListener("click",e,!0),i&&document.removeEventListener("keydown",i),this.dropdown&&n&&this.dropdown.removeEventListener("click",n)}}}const u=c;document.addEventListener("DOMContentLoaded",()=>{document.querySelectorAll(".wp-block-navigation.is-style-priority-nav").forEach(t=>new u(t))})}},i={};function n(t){var s=i[t];if(void 0!==s)return s.exports;var o=i[t]={exports:{}};return e[t](o,o.exports,n),o.exports}n.m=e,t=[],n.O=(e,i,s,o)=>{if(!i){var r=1/0;for(u=0;u<t.length;u++){for(var[i,s,o]=t[u],a=!0,l=0;l<i.length;l++)(!1&o||r>=o)&&Object.keys(n.O).every(t=>n.O[t](i[l]))?i.splice(l--,1):(a=!1,o<r&&(r=o));if(a){t.splice(u--,1);var c=s();void 0!==c&&(e=c)}}return e}o=o||0;for(var u=t.length;u>0&&t[u-1][2]>o;u--)t[u]=t[u-1];t[u]=[i,s,o]},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),(()=>{var t={500:0,959:0};n.O.j=e=>0===t[e];var e=(e,i)=>{var s,o,[r,a,l]=i,c=0;if(r.some(e=>0!==t[e])){for(s in a)n.o(a,s)&&(n.m[s]=a[s]);if(l)var u=l(n)}for(e&&e(i);c<r.length;c++)o=r[c],n.o(t,o)&&t[o]&&t[o][0](),t[o]=0;return n.O(u)},i=globalThis.webpackChunkpriority_plus_nav=globalThis.webpackChunkpriority_plus_nav||[];i.forEach(e.bind(null,0)),i.push=e.bind(null,i.push.bind(i))})();var s=n.O(void 0,[959],()=>n(400));s=n.O(s)})();
\ No newline at end of file
diff --git a/classes/class-enqueues.php b/classes/class-enqueues.php
index 9347b11..76f3e33 100644
--- a/classes/class-enqueues.php
+++ b/classes/class-enqueues.php
@@ -145,6 +145,7 @@ public function render_block( string $block_content, array $block ): string {
 		$more_text_color             = $this->get_priority_attr( $block, 'priorityNavMoreTextColor', '' );
 		$more_text_color_hover       = $this->get_priority_attr( $block, 'priorityNavMoreTextColorHover', '' );
 		$more_padding                = $this->get_priority_attr( $block, 'priorityNavMorePadding', array() );
+		$overlay_menu                = $this->get_priority_attr( $block, 'overlayMenu', 'never' );
 
 		// Inject data attributes into the navigation element.
 		return $this->inject_priority_attributes(
@@ -155,7 +156,8 @@ public function render_block( string $block_content, array $block ): string {
 			$more_background_color_hover,
 			$more_text_color,
 			$more_text_color_hover,
-			$more_padding
+			$more_padding,
+			$overlay_menu
 		);
 	}
 
@@ -168,6 +170,12 @@ public function render_block( string $block_content, array $block ): string {
 	private function is_priority_nav_enabled( array $block ): bool {
 		$attrs = $block['attrs'] ?? array();
 
+		// Check if overlayMenu is set to 'always' - Priority+ should not run.
+		$overlay_menu = $attrs['overlayMenu'] ?? '';
+		if ( 'always' === $overlay_menu ) {
+			return false;
+		}
+
 		// Check explicit attribute.
 		if ( ! empty( $attrs['priorityNavEnabled'] ) ) {
 			return true;
@@ -337,9 +345,10 @@ private function border_radius_to_css( $border_radius ): string {
 	 * @param string $more_text_color            The "more" button text color.
 	 * @param string $more_text_color_hover      The "more" button text hover color.
 	 * @param array  $more_padding               The "more" button padding values.
+	 * @param string $overlay_menu               The overlay menu setting (never, mobile, always).
 	 * @return string Modified block content with data attributes.
 	 */
-	private function inject_priority_attributes( string $block_content, string $more_label, string $more_icon, string $more_background_color = '', string $more_background_color_hover = '', string $more_text_color = '', string $more_text_color_hover = '', array $more_padding = array() ): string {
+	private function inject_priority_attributes( string $block_content, string $more_label, string $more_icon, string $more_background_color = '', string $more_background_color_hover = '', string $more_text_color = '', string $more_text_color_hover = '', array $more_padding = array(), string $overlay_menu = 'never' ): string {
 		if ( '' === $block_content ) {
 			return $block_content;
 		}
@@ -400,9 +409,10 @@ private function inject_priority_attributes( string $block_content, string $more
 
 		// Build attributes string.
 		$attributes = sprintf(
-			'$1 data-more-label="%s" data-more-icon="%s"',
+			'$1 data-more-label="%s" data-more-icon="%s" data-overlay-menu="%s"',
 			esc_attr( $more_label ),
-			esc_attr( $more_icon )
+			esc_attr( $more_icon ),
+			esc_attr( $overlay_menu )
 		);
 
 		// Add style attribute if we have any styles.
diff --git a/docs/README.md b/docs/README.md
new file mode 100644
index 0000000..defca2f
--- /dev/null
+++ b/docs/README.md
@@ -0,0 +1,76 @@
+# Priority+ Navigation - Documentation
+
+## What is Priority+?
+
+Priority+ navigation is a responsive design pattern that solves a common problem: fitting many navigation items into limited horizontal space without immediately hiding everything behind a hamburger menu.
+
+### The Problem
+
+Traditional navigation approaches face challenges:
+
+- **Fixed navigation**: Items wrap or overflow on smaller screens
+- **Hamburger-only**: Hides all items, reducing discoverability
+- **Mega menus**: Complex and difficult to maintain
+
+### The Priority+ Solution
+
+Priority+ provides a progressive approach:
+
+1. **Wide screens**: All navigation items visible
+2. **Medium screens**: Less important items move to "More" dropdown
+3. **Narrow screens**: Only most important items visible, rest in dropdown
+4. **Dynamic**: Automatically adjusts as viewport changes
+
+### Benefits
+
+- **Better discoverability** - Important items always visible
+- **Graceful degradation** - Progressive disclosure as space decreases
+- **No hamburger needed** - Maintains horizontal navigation on desktop
+- **Mobile friendly** - Works with WordPress hamburger menu on mobile
+
+## How This Plugin Works
+
+For detailed technical information, see [how-it-works.md](how-it-works.md).
+
+### Quick Overview
+
+1. **Block Variation Approach**
+   - Extends WordPress core navigation block
+   - No need to rebuild menus
+   - Easy to convert between standard and Priority+ navigation
+
+2. **Automatic Width Calculation**
+   - Measures navigation items on page load
+   - Caches widths for performance
+   - Recalculates on viewport resize
+
+3. **Smart Overflow Detection**
+   - Calculates how many items fit
+   - Hides overflow items
+   - Builds dropdown menu dynamically
+
+4. **Responsive Integration**
+   - Works with WordPress overlay menu settings
+   - Disables when hamburger menu is active
+   - Seamless transitions between modes
+
+## Usage
+
+### For Users
+
+See the main [README.md](../README.md) for:
+- Installation instructions
+- How to use the block
+- Configuration options
+
+### For Developers
+
+See [how-it-works.md](how-it-works.md) for:
+- Architecture overview
+- Frontend lifecycle
+- Width calculation algorithm
+- Hamburger mode detection
+
+## Support
+
+For issues, questions, or contributions, please visit the plugin repository.
diff --git a/docs/how-it-works.md b/docs/how-it-works.md
new file mode 100644
index 0000000..241fe95
--- /dev/null
+++ b/docs/how-it-works.md
@@ -0,0 +1,358 @@
+# How Priority+ Navigation Works
+
+This document explains how the Priority+ Navigation plugin implements the Priority+ design pattern in WordPress.
+
+## The Priority+ Pattern
+
+### Concept
+
+Priority+ navigation prioritizes the most important navigation items by keeping them visible. As horizontal space decreases, less important items progressively move into a "More" dropdown menu.
+
+### Visual Example
+
+**Wide Screen:**
+```
+[Home] [About] [Services] [Products] [Blog] [Contact]
+```
+
+**Medium Screen:**
+```
+[Home] [About] [Services] [Products] [More ▼]
+                                      ├─ Blog
+                                      └─ Contact
+```
+
+**Narrow Screen:**
+```
+[Home] [About] [More ▼]
+               ├─ Services
+               ├─ Products
+               ├─ Blog
+               └─ Contact
+```
+
+### Key Principles
+
+1. **At least one item always visible** - Ensures navigation is never completely hidden
+2. **Progressive disclosure** - Items hide one by one, not all at once
+3. **Dynamic adjustment** - Responds to viewport changes in real-time
+4. **Predictable behavior** - Items hide in reverse order (last items first)
+
+## Implementation
+
+### Architecture
+
+The plugin uses a **block variation** approach:
+
+```
+core/navigation (WordPress block)
+    ↓
+Priority+ Variation
+    ├── Inherits all core navigation features
+    ├── Adds custom attributes
+    ├── Injects frontend JavaScript
+    └── Adds custom controls
+```
+
+**Why block variation?**
+- Reuses WordPress menus
+- Automatic theme compatibility
+- Benefits from core updates
+- Easy to convert back and forth
+
+### Frontend Lifecycle
+
+#### 1. Initialization
+
+When the page loads, the Priority+ script:
+
+```javascript
+// Find all Priority+ navigation blocks
+const navs = document.querySelectorAll('.is-style-priority-nav');
+
+// Initialize each one
+navs.forEach(nav => new PriorityNav(nav));
+```
+
+#### 2. Initial Calculation
+
+For each navigation:
+
+1. **Check compatibility**
+   ```javascript
+   if (overlayMenu === 'always') return; // Not compatible
+   ```
+
+2. **Check hamburger mode**
+   ```javascript
+   if (isInHamburgerMode()) {
+     disablePriorityNav(); // Let WordPress handle it
+   }
+   ```
+
+3. **Measure items**
+   ```javascript
+   // Cache width of each navigation item
+   itemWidths = [125.5, 98.2, 156.7, 88.3, 112.9];
+   ```
+
+4. **Calculate overflow**
+   ```javascript
+   // How many items fit?
+   visibleCount = calculateVisibleItems();
+   // Update display
+   showVisibleItems(visibleCount);
+   buildDropdown(visibleCount);
+   ```
+
+#### 3. Responsive Updates
+
+The plugin watches for viewport changes:
+
+```javascript
+// Use ResizeObserver for efficient detection
+resizeObserver.observe(nav);
+
+// On resize:
+checkOverflow(); // Recalculate visible items
+```
+
+### The Overflow Algorithm
+
+This is the core of Priority+:
+
+```javascript
+function calculateVisibleItems(availableWidth, moreButtonWidth, gap) {
+  let usedWidth = 0;
+  let visibleCount = 0;
+
+  // Try to fit each item
+  for (let i = 0; i < items.length; i++) {
+    const itemWidth = itemWidths[i];
+    const gapWidth = i > 0 ? gap : 0;
+
+    // Would this item + More button fit?
+    const totalNeeded = usedWidth + gapWidth + itemWidth + gap + moreButtonWidth;
+
+    if (totalNeeded <= availableWidth || i === 0) {
+      // Yes! Show this item
+      usedWidth += gapWidth + itemWidth;
+      visibleCount++;
+    } else {
+      // No room - this and remaining items go to dropdown
+      break;
+    }
+  }
+
+  return visibleCount;
+}
+```
+
+**Key points:**
+- Accounts for gaps between items
+- Always includes More button in calculation
+- Always shows at least one item (`i === 0`)
+- Uses cached widths for performance
+
+### Width Caching
+
+To avoid constant re-measurement:
+
+```javascript
+// Measure once, on initialization
+function cacheItemWidths(items) {
+  // Temporarily show all items
+  items.forEach(item => item.style.display = '');
+
+  // Measure each one
+  const widths = items.map(item => {
+    return item.getBoundingClientRect().width; // Sub-pixel accuracy
+  });
+
+  return widths; // [125.5, 98.2, 156.7, ...]
+}
+```
+
+**Cache invalidation:**
+- When transitioning from hamburger to desktop mode
+- When items might have been hidden/resized
+
+### Hamburger Mode Detection
+
+WordPress overlay menu integration:
+
+```javascript
+function isInHamburgerMode(responsiveContainer) {
+  if (!responsiveContainer) {
+    return false; // overlayMenu: 'never'
+  }
+
+  // WordPress adds 'is-menu-open' when hamburger is active
+  return responsiveContainer.classList.contains('is-menu-open');
+}
+```
+
+**Behavior by overlay menu setting:**
+
+| Setting | Container Exists? | Priority+ Behavior |
+|---------|------------------|-------------------|
+| **Never** | No | Always active |
+| **Mobile** | Yes (hidden) | Active on desktop, disables when hamburger opens |
+| **Always** | Yes (visible) | Blocked - not compatible |
+
+### Dropdown Building
+
+Items that don't fit are dynamically added to dropdown:
+
+```javascript
+function buildDropdown(visibleCount) {
+  dropdown.innerHTML = ''; // Clear existing
+
+  // Build from overflow items
+  for (let i = visibleCount; i < items.length; i++) {
+    const item = items[i];
+    const data = extractNavItemData(item);
+
+    if (data.hasSubmenu) {
+      // Create accordion
+      const accordion = buildAccordion(data);
+      dropdown.appendChild(accordion);
+    } else {
+      // Create simple link
+      const li = buildDropdownItem(data);
+      dropdown.appendChild(li);
+    }
+  }
+}
+```
+
+### Accordion Pattern
+
+Items with submenus become accordions in the dropdown:
+
+**Two modes based on WordPress setting:**
+
+1. **Click mode** (`openSubmenusOnClick: true`)
+   - Entire item is clickable button
+   - Toggles submenu open/closed
+   - Link not functional
+
+2. **Arrow mode** (`openSubmenusOnClick: false`)
+   - Link remains functional
+   - Separate arrow button for submenu
+   - Better for touch devices
+
+## Performance
+
+### Optimization Techniques
+
+1. **Width Caching**
+   - Measure once, reuse many times
+   - Only invalidate when necessary
+
+2. **ResizeObserver**
+   - Native browser API
+   - More efficient than polling or resize events
+
+3. **requestAnimationFrame**
+   - Smooth calculations
+   - Doesn't block main thread
+
+4. **Debouncing**
+   - `isCalculating` flag prevents overlapping calculations
+
+5. **Early Returns**
+   - Skip work when disabled or unmeasurable
+
+### Performance Metrics
+
+- **Initial load**: Single layout calculation (~5-10ms)
+- **Resize**: Recalculation only when needed (~2-5ms)
+- **Hamburger toggle**: Simple class check (~1ms)
+
+## Responsive Behavior
+
+### Desktop to Mobile Transition
+
+```
+Desktop (Priority+ active)
+    ↓ viewport narrows
+Mobile breakpoint reached
+    ↓ WordPress adds 'is-menu-open' class
+MutationObserver detects change
+    ↓ isInHamburgerMode() returns true
+Priority+ disables
+    ↓ Show all items, hide More button
+WordPress hamburger menu takes over
+```
+
+### Mobile to Desktop Transition
+
+```
+Mobile (WordPress hamburger active)
+    ↓ viewport widens
+Desktop breakpoint reached
+    ↓ WordPress removes 'is-menu-open' class
+MutationObserver detects change
+    ↓ isInHamburgerMode() returns false
+Priority+ enables
+    ↓ Cache widths, calculate overflow
+Show visible items, build dropdown
+```
+
+## Edge Cases
+
+### 1. More Button Larger Than Container
+
+```javascript
+if (moreButtonWidth >= availableWidth) {
+  // Hide all items, show only More button
+  items.forEach(item => item.style.display = 'none');
+  moreContainer.style.display = '';
+  return;
+}
+```
+
+### 2. Hidden Navigation
+
+```javascript
+if (!isMeasurable(list)) {
+  // Schedule retry when visible
+  scheduleRetry();
+  return;
+}
+```
+
+### 3. Multiple Instances
+
+```javascript
+// Each instance gets unique ID
+this.instanceId = `priority-nav-${instanceCounter++}`;
+
+// Used for accordion ARIA relationships
+<button aria-controls="priority-nav-0-submenu-1">
+```
+
+### 4. Zero Widths
+
+```javascript
+// Detect invalid cache
+if (widths.some(w => w === 0)) {
+  // Remeasure
+  widths = cacheItemWidths(items);
+}
+```
+
+## Summary
+
+The Priority+ Navigation plugin implements a sophisticated responsive pattern that:
+
+1. **Measures** navigation items accurately
+2. **Calculates** how many fit in available space
+3. **Hides** overflow items progressively
+4. **Builds** dropdown menu dynamically
+5. **Updates** on viewport changes
+6. **Integrates** with WordPress hamburger menu
+7. **Performs** efficiently through caching and optimization
+
+The result is a navigation system that provides the best of both worlds: horizontal navigation on desktop with graceful degradation on smaller screens, while seamlessly integrating with WordPress's native mobile navigation.
diff --git a/readme.txt b/readme.txt
index 0785dc9..42429e9 100755
--- a/readme.txt
+++ b/readme.txt
@@ -46,6 +46,14 @@ Yes! In the block inspector panel, you can customize both the "More" button labe
 
 Yes! Items with submenus in the dropdown are converted to accessible accordions that respect the Core Navigation "Open submenus on click" setting.
 
+= How does it work with WordPress's responsive overlay menu? =
+
+Priority+ Nav intelligently integrates with WordPress core navigation overlay menu settings:
+
+* **Never**: Priority+ is always active across all screen sizes
+* **Mobile**: Priority+ works on desktop and automatically disables when the hamburger menu activates
+* **Always**: Not compatible - Priority+ is automatically disabled and the "Always" option appears greyed out in the editor
+
 = Is it accessible? =
 
 Yes, the block is built with accessibility in mind, supporting keyboard navigation and providing proper ARIA labels for screen readers.
@@ -58,6 +66,18 @@ Yes, the block is built with accessibility in mind, supporting keyboard navigati
 
 == Changelog ==
 
+= 0.3.0 =
+* Added intelligent overlay menu detection and compatibility
+* Priority+ now properly disables when hamburger menu is active (overlayMenu: 'mobile')
+* "Always" overlay option is automatically prevented and visually disabled in editor
+* Improved hamburger mode detection using `is-menu-open` class
+* Enhanced documentation with overlay menu compatibility details
+
+= 0.2.0 =
+* Refactored to use block variation approach instead of wrapper block
+* Improved editor integration with isActive detection
+* Legacy wrapper blocks still supported for backward compatibility
+
 = 0.1.0 =
 * Initial release
 * Implements Priority+ navigation pattern
diff --git a/src/core/PriorityNav.js b/src/core/PriorityNav.js
index 31c546f..492416e 100644
--- a/src/core/PriorityNav.js
+++ b/src/core/PriorityNav.js
@@ -56,6 +56,13 @@ class PriorityNav {
 		// Get attributes from nav element
 		this.moreLabel =
 			this.nav.getAttribute( 'data-more-label' ) || DEFAULT_MORE_LABEL;
+		this.overlayMenu =
+			this.nav.getAttribute( 'data-overlay-menu' ) || 'never';
+
+		// If overlayMenu is 'always', Priority+ should never run
+		if ( this.overlayMenu === 'always' ) {
+			return;
+		}
 
 		// Detect if navigation has openSubmenusOnClick setting
 		this.openSubmenusOnClick = this.detectOpenSubmenusOnClick();
diff --git a/src/priority-editor.js b/src/priority-editor.js
index 6119f4e..b26ddc8 100755
--- a/src/priority-editor.js
+++ b/src/priority-editor.js
@@ -3,4 +3,4 @@
  */
 import './variation/block';
 import './variation/controls';
-// import './styles/editor.scss';
+import './styles/editor.scss';
diff --git a/src/styles/editor.scss b/src/styles/editor.scss
index fc8baa8..422c617 100755
--- a/src/styles/editor.scss
+++ b/src/styles/editor.scss
@@ -8,6 +8,17 @@
     border: 2px solid green !important;
 }
 
+// Disable the "Always" option in overlay menu settings for Priority+ nav
+// Applied when Priority+ variation is selected
+.priority-nav-disable-always-option {
+	.components-toggle-group-control-option-base:last-child {
+		opacity: 0.4;
+		pointer-events: none;
+		text-decoration: line-through;
+		cursor: not-allowed;
+	}
+}
+
 // Editor-only styles for Priority Nav
 // .editor-styles-wrapper {
 // 	.priority-nav-editor-wrapper {
diff --git a/src/utils/dom-utils.js b/src/utils/dom-utils.js
index 577ddff..ff6b912 100644
--- a/src/utils/dom-utils.js
+++ b/src/utils/dom-utils.js
@@ -46,25 +46,28 @@ export function isMeasurable( list ) {
 
 /**
  * Check if navigation is in hamburger/responsive mode
- * Returns true if the menu container is hidden or in responsive overlay mode
+ * Returns true if the responsive overlay container exists and is active
  * @param {HTMLElement} responsiveContainer - Responsive container element
  * @param {HTMLElement} list                - Navigation list container
  * @return {boolean} True if in hamburger mode
  */
 export function isInHamburgerMode( responsiveContainer, list ) {
-	// Check if responsive container exists and is hidden
-	if (
-		responsiveContainer &&
-		( ! isElementVisible( responsiveContainer ) ||
-			responsiveContainer.getAttribute( 'aria-hidden' ) === 'true' )
-	) {
-		return true;
+	// No responsive container means overlayMenu is 'never' - not in hamburger mode
+	if ( ! responsiveContainer ) {
+		return false;
 	}
 
-	// Check if the main list container is hidden (fallback detection)
-	if ( list && ! isElementVisible( list ) ) {
+	// WordPress uses the 'is-menu-open' class to indicate when hamburger is active
+	// Check for this class first
+	const hasMenuOpenClass =
+		responsiveContainer.classList.contains( 'is-menu-open' ) ||
+		responsiveContainer.classList.contains( 'has-modal-open' );
+
+	// If menu is open, we're in hamburger mode
+	if ( hasMenuOpenClass ) {
 		return true;
 	}
 
+	// If no 'is-menu-open' class, we're in desktop mode (even if container exists)
 	return false;
 }
diff --git a/src/variation/controls.js b/src/variation/controls.js
index c36f8c4..7d63cab 100644
--- a/src/variation/controls.js
+++ b/src/variation/controls.js
@@ -13,10 +13,60 @@ import {
 	TextControl,
 	SelectControl,
 	BoxControl,
+	Notice,
 	__experimentalToolsPanel as ToolsPanel,
 	__experimentalToolsPanelItem as ToolsPanelItem,
 } from '@wordpress/components';
 import { createHigherOrderComponent } from '@wordpress/compose';
+import { useEffect, useRef } from '@wordpress/element';
+
+/**
+ * Add DOM manipulation to disable 'always' overlay option when Priority+ is active
+ */
+const addDisableAlwaysOption = createHigherOrderComponent( ( BlockEdit ) => {
+	return ( props ) => {
+		const { name, attributes } = props;
+
+		if ( name !== 'core/navigation' ) {
+			return <BlockEdit { ...props } />;
+		}
+
+		// Check if Priority+ variation is active
+		const className = attributes.className || '';
+		const isPriorityNavVariation =
+			className.includes( 'is-style-priority-nav' ) ||
+			attributes.priorityNavEnabled === true;
+
+		// Use effect to modify the DOM after render
+		useEffect( () => {
+			if ( ! isPriorityNavVariation ) {
+				return;
+			}
+
+			// Find all toggle group control buttons in the inspector
+			const inspector = document.querySelector(
+				'.block-editor-block-inspector'
+			);
+			if ( ! inspector ) {
+				return;
+			}
+
+			// Find the 'always' button by data-value attribute
+			const alwaysButton = inspector.querySelector(
+				'.components-toggle-group-control-option-base[data-value="always"]'
+			);
+
+			if ( alwaysButton ) {
+				alwaysButton.style.opacity = '0.4';
+				alwaysButton.style.pointerEvents = 'none';
+				alwaysButton.style.textDecoration = 'line-through';
+				alwaysButton.style.cursor = 'not-allowed';
+			}
+		}, [ isPriorityNavVariation, attributes.overlayMenu ] );
+
+		return <BlockEdit { ...props } />;
+	};
+}, 'addDisableAlwaysOption' );
 
 /**
  * Add Inspector Controls to core/navigation block
@@ -49,8 +99,16 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
 			priorityNavMoreTextColor,
 			priorityNavMoreTextColorHover,
 			priorityNavMorePadding,
+			overlayMenu,
 		} = attributes;
 
+		// Automatically change overlayMenu from 'always' to 'mobile' when Priority+ is active
+		useEffect( () => {
+			if ( isPriorityNavVariation && overlayMenu === 'always' ) {
+				setAttributes( { overlayMenu: 'mobile' } );
+			}
+		}, [ isPriorityNavVariation, overlayMenu, setAttributes ] );
+
 		// Get spacing sizes from theme.
 		const spacingSizes = useSetting( 'spacing.spacingSizes' ) || [];
 
@@ -66,6 +124,15 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
 			<>
 				<BlockEdit { ...props } />
 
+				<InspectorControls group="settings">
+					<Notice status="info" isDismissible={ false }>
+						{ __(
+							'Priority+ Navigation is not compatible with "Always" overlay menu. The overlay menu is set to "Mobile" to allow Priority+ to work on desktop.',
+							'priority-nav'
+						) }
+					</Notice>
+				</InspectorControls>
+
 				<InspectorControls group="styles">
 					<ToolsPanel
 						label={ __( 'Priority Plus Settings', 'priority-nav' ) }
@@ -228,8 +295,17 @@ const withPriorityNavControls = createHigherOrderComponent( ( BlockEdit ) => {
 	};
 }, 'withPriorityNavControls' );
 
+// Apply filters in order: first add DOM manipulation for styling, then our controls
+addFilter(
+	'editor.BlockEdit',
+	'priority-nav/add-disable-always-option',
+	addDisableAlwaysOption,
+	5
+);
+
 addFilter(
 	'editor.BlockEdit',
 	'priority-nav/add-priority-nav-controls',
-	withPriorityNavControls
+	withPriorityNavControls,
+	10
 );