/* Simple Menu Icons & Badges – structure. Colors/sizes come from CSS variables set in Settings. */
.smib-header,.smib-header *,.smib-header *::before,.smib-header *::after{box-sizing:border-box}
.smib-header{position:relative;font-family:var(--smib-font-family,inherit);font-size:var(--smib-font-size,15px);font-weight:var(--smib-font-weight,500);color:var(--smib-c-text,#1b2a3a);line-height:1.3}
.smib-header ul{list-style:none;margin:0;padding:0}
.smib-header a{color:inherit;text-decoration:var(--smib-decoration,none)}
.smib-header a:hover,.smib-header a:focus-visible{color:var(--smib-c-hover,#d4351c);text-decoration:var(--smib-decoration-hover,none)}
.smib-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* generic icon + label + badge (header, panel and wp_nav_menu output) */
.smib-ico{position:relative;display:inline-flex;flex:none}
.smib-ico svg{display:block;width:var(--smib-icon-size,22px);height:var(--smib-icon-size,22px)}
.smib-badge{position:absolute;top:-8px;right:-11px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--smib-c-badge-bg,#f28c1c);color:var(--smib-c-badge-fg,#fff);font:600 12px/20px sans-serif;text-align:center}
.smib-hide-zero .smib-badge[data-count="0"]{display:none}
.menu-item>a:has(>.smib-ico){display:inline-flex;align-items:center;gap:8px}

/* row 1 */
.smib-row1{display:flex;align-items:flex-end;gap:16px;padding:8px 16px 0;background:var(--smib-c-row1,#fff)}
.smib-logo img{display:block;height:auto;max-height:56px;width:auto}
.smib-logo a{display:inline-block}
.smib-tabs{order:1}
.smib-tabs ul{display:flex;gap:4px}
.smib-links{order:2;margin-left:auto}
.smib-links ul{display:flex;align-items:flex-end;gap:22px;padding-bottom:10px}
.smib-item>a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.smib-pos-top>a{flex-direction:column;gap:4px;text-align:center}
.smib-tabs .smib-item>a{padding:12px 22px;background:var(--smib-c-tab,#fff);border-radius:var(--smib-tab-radius,12px) var(--smib-tab-radius,12px) 0 0}
.smib-tabs .smib-item.is-active>a{background:var(--smib-c-tab-active,#f0f0f0);font-weight:700;color:var(--smib-c-text,#1b2a3a)}
.smib-links .smib-item.is-active>a,.smib-links [aria-current="page"]{color:var(--smib-c-active,#d4351c)}

/* row 2 */
.smib-row2{display:flex;align-items:center;gap:20px;padding:12px 16px;background:var(--smib-c-row2,#f0f0f0)}
.smib-burger{display:inline-flex;align-items:center;gap:10px;padding:6px;border:0;background:none;font:inherit;font-weight:700;color:var(--smib-c-text,#1b2a3a);cursor:pointer}
.smib-burger svg{color:var(--smib-c-active,#d4351c)}
.smib-burger:hover{color:var(--smib-c-hover,#d4351c)}
.smib-header .smib-burger--m{display:none}
.smib-header .smib-burger--d,.smib-header .smib-burger--a{display:inline-flex}
.smib-search{display:flex;flex:1 1 auto;max-width:640px}
.smib-search input[type="search"]{flex:1;min-width:0;height:44px;padding:0 14px;border:1px solid #8c8f94;border-right:0;border-radius:6px 0 0 6px;background:#fff;font:inherit;font-weight:400;color:inherit}
.smib-search button{display:inline-flex;align-items:center;justify-content:center;width:56px;height:44px;border:1px solid var(--smib-c-text,#1b2a3a);border-radius:0 6px 6px 0;background:var(--smib-c-text,#1b2a3a);color:#fff;cursor:pointer}
.smib-search button:hover{filter:brightness(1.2)}
.smib-extra{margin-left:auto}
.smib-extra ul{display:flex;gap:22px}

/* off-canvas category panel */
.smib-overlay{position:fixed;inset:0;z-index:99998;background:var(--smib-c-overlay,#000);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
.smib-overlay.is-open{opacity:.45;visibility:visible}
.smib-panel{position:fixed;top:0;bottom:0;left:0;z-index:99999;width:min(var(--smib-panel-width,380px),92vw);overflow-y:auto;overscroll-behavior:contain;background:var(--smib-c-panel,#fff);box-shadow:4px 0 24px rgba(0,0,0,.18);transform:translateX(-100%);visibility:hidden;transition:transform .25s ease,visibility .25s}
.smib-panel.is-open{transform:none;visibility:visible}
body.admin-bar .smib-panel{top:32px}
@media (max-width:782px){body.admin-bar .smib-panel{top:46px}}
.smib-panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px;gap:16px}
.smib-close{padding:6px;border:0;background:none;color:inherit;cursor:pointer}
.smib-cat-head{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 20px;border:0;border-bottom:1px solid #e3e3e3;background:none;font:inherit;font-weight:700;color:var(--smib-c-active,#d4351c);text-align:left;cursor:pointer}
.smib-cat-head svg{transition:transform .2s}
.smib-cat-head[aria-expanded="true"] svg{transform:rotate(180deg)}
.smib-cat-body[hidden]{display:none}
.smib-list a{display:flex;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid #eee}
.smib-list a::after{content:"\203A";margin-left:auto;font-size:1.3em;line-height:1}
.smib-list a:hover{background:#f4f4f4}
.smib-depth-2 a{padding-left:36px}
.smib-depth-3 a{padding-left:52px}
.smib-list a[aria-current="page"]{font-weight:700}
html.smib-lock{overflow:hidden}
.smib-header :focus-visible{outline:2px solid var(--smib-c-active,#d4351c);outline-offset:2px}
@media (prefers-reduced-motion:reduce){.smib-panel,.smib-overlay,.smib-cat-head svg{transition:none}}
