/* Base icon styling - inherit from menu item link */
.dwl-icon{display:inline-flex;align-items:center;line-height:inherit;vertical-align:middle;font-size:inherit;color:inherit;transition:inherit;font-weight:inherit;font-family:inherit;flex-shrink:0}
/* Ensure icons inherit from menu item link (a tag) - this is critical for font-size inheritance */
a .dwl-icon,
.menu-item a .dwl-icon,
nav a .dwl-icon,
.wp-block-navigation a .dwl-icon,
.wp-block-navigation-item a .dwl-icon{font-size:1em;color:inherit;line-height:inherit}
/* Dashicons - size relative to parent menu item link font-size (1em = parent font-size) */
a .dwl-icon.dashicons,
.menu-item a .dwl-icon.dashicons,
nav a .dwl-icon.dashicons,
.wp-block-navigation a .dwl-icon.dashicons{font-size:calc(1em + 6px);width:calc(1em + 6px);height:calc(1em + 6px);line-height:1;color:inherit}
/* Image icons - size relative to parent menu item link font-size */
a .dwl-icon img,
.menu-item a .dwl-icon img,
nav a .dwl-icon img,
.wp-block-navigation a .dwl-icon img{width:calc(1em + 6px);height:auto;max-width:calc(1em + 6px);display:block;object-fit:contain;opacity:1;transition:inherit}
/* Icon positioning */
.dwl-icon.before{margin-right:0.5em;margin-top:4px;vertical-align:baseline}
.dwl-icon.after{margin-left:0.5em;margin-top:4px;vertical-align:baseline}
/* Hover and active states - inherit from menu link */
a:hover .dwl-icon,
a:focus .dwl-icon,
a:active .dwl-icon,
.menu-item:hover a .dwl-icon,
.menu-item:focus a .dwl-icon,
.current-menu-item a .dwl-icon,
.current-menu-ancestor a .dwl-icon,
.current_page_item a .dwl-icon{color:inherit;font-size:inherit}
/* Image icons inherit opacity and transitions from parent link */
a:hover .dwl-icon img,
a:focus .dwl-icon img,
a:active .dwl-icon img,
.menu-item:hover a .dwl-icon img,
.current-menu-item a .dwl-icon img,
.current-menu-ancestor a .dwl-icon img,
.current_page_item a .dwl-icon img{opacity:inherit;transition:inherit}
/* Builder view compatibility - ensure icons work in Bricks preview */
body.bricks-is-frontend a .dwl-icon,
body.bricks-is-frontend .menu-item a .dwl-icon,
#bricks-preview a .dwl-icon,
#bricks-preview .menu-item a .dwl-icon{font-size:1em!important;color:inherit!important;line-height:inherit!important}
body.bricks-is-frontend a .dwl-icon.dashicons,
body.bricks-is-frontend .menu-item a .dwl-icon.dashicons,
#bricks-preview a .dwl-icon.dashicons,
#bricks-preview .menu-item a .dwl-icon.dashicons{font-size:calc(1em + 6px)!important;width:calc(1em + 6px)!important;height:calc(1em + 6px)!important;margin-top:4px!important}
body.bricks-is-frontend a .dwl-icon img,
body.bricks-is-frontend .menu-item a .dwl-icon img,
#bricks-preview a .dwl-icon img,
#bricks-preview .menu-item a .dwl-icon img{width:calc(1em + 6px)!important;height:auto!important;max-width:calc(1em + 6px)!important}

.dwl-picker-row{display:flex;gap:10px;align-items:center;margin-top:6px}
.dwl-preview{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:#fff}
.dwl-preview .dashicons{font-size:18px;width:18px;height:18px}
.dwl-preview img{max-width:24px;max-height:24px;width:auto;height:auto;display:block}
.dwl-filter{width:220px}
.dwl-select{max-width:420px}
.dwl-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dwl-icon-type-selector{margin-bottom:12px}
.dwl-icon-type-selector label{display:inline-block;margin-right:15px;cursor:pointer}
.dwl-icon-type-selector input[type="radio"]{margin-right:5px}
.dwl-custom-icon-picker{margin-top:10px}
.dwl-custom-icon-preview{display:inline-block;margin-top:8px;padding:8px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9}
.dwl-custom-icon-preview img{max-width:48px;max-height:48px;display:block}
.dwl-custom-icon-preview.empty{display:none}
.dwl-remove-icon{color:#b32d2e;cursor:pointer;text-decoration:none;margin-left:8px}
.dwl-remove-icon:hover{color:#dc3232}