/* PandHub Menu WP (универсально и без привязки к теме) */

.pandhub-wp-menu{
  position: relative;
  z-index: 9999;
  font: inherit;
}

/* Встроенный режим: когда меню вставляют в шапку рядом с логотипом/названием */
.pandhub-wp-menu__embed-inner{ display:flex; align-items:center; justify-content:flex-end; gap:14px; }
.pandhub-wp-menu--embed .pandhub-wp-menu__burger{ background: var(--pandhub-wp-menu-lvl1-hbg, #f1f5f9); }
.pandhub-wp-menu--embed .pandhub-wp-menu__link{ padding:10px 10px; }

.pandhub-wp-menu__bar{ background: var(--pandhub-wp-menu-lvl1-bg, #fff); color: var(--pandhub-wp-menu-lvl1-text, #0f172a); }
.pandhub-wp-menu__bar-inner{ max-width: var(--pandhub-wp-menu-max-width, 1200px); margin: 0 auto; padding: 10px 14px; display:flex; align-items:center; justify-content:space-between; gap:14px; }

.pandhub-wp-menu__menu{ list-style:none; margin:0; padding:0; }
.pandhub-wp-menu__nav--desktop .pandhub-wp-menu__menu{ display:flex; align-items:center; gap:6px; }

.pandhub-wp-menu__item{ position:relative; }
.pandhub-wp-menu__link{ display:flex; align-items:center; gap:8px; padding:10px 10px; border-radius:10px; text-decoration:none; color: inherit; cursor:pointer; user-select:none; }
.pandhub-wp-menu__link:hover{ background: var(--pandhub-wp-menu-lvl1-hbg, #f1f5f9); color: var(--pandhub-wp-menu-lvl1-htext, #0f172a); }

.pandhub-wp-menu__label{ display:flex; align-items:center; gap:8px; }
.pandhub-wp-menu__icon{ width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; flex: 0 0 18px; }
.pandhub-wp-menu__icon svg{ width:18px; height:18px; display:block; }
.pandhub-wp-menu__icon.dashicons{ width:18px; height:18px; font-size:18px; line-height:18px; }
.pandhub-wp-menu__icon img{ width:18px; height:18px; object-fit:contain; display:block; }

.pandhub-wp-menu__subtoggle{ display:none; border:0; background:transparent; cursor:pointer; padding:8px; border-radius:10px; color: inherit; }
.pandhub-wp-menu__subtoggle:hover{ background: var(--pandhub-wp-menu-lvl1-hbg, #f1f5f9); }
.pandhub-wp-menu__chev{ font-size:12px; line-height:12px; display:block; transform: translateY(-1px); }

/* Desktop dropdown */
.pandhub-wp-menu__submenu{ list-style:none; margin:0; padding:6px; position:absolute; top: calc(100% + 6px); left:0; min-width: 240px; background: var(--pandhub-wp-menu-lvl2-bg, #fff); color: var(--pandhub-wp-menu-lvl2-text, #0f172a);
  border-radius: 14px; box-shadow: 0 12px 36px rgba(15, 23, 42, .15);
  display:none;
}

.pandhub-wp-menu__submenu .pandhub-wp-menu__link{ padding:10px 10px; border-radius:10px; }
.pandhub-wp-menu__submenu .pandhub-wp-menu__link:hover{ background: var(--pandhub-wp-menu-lvl2-hbg, #f1f5f9); color: var(--pandhub-wp-menu-lvl2-htext, #0f172a); }

.pandhub-wp-menu__submenu .pandhub-wp-menu__submenu{ left: calc(100% + 6px); top: 0; background: var(--pandhub-wp-menu-lvl3-bg, #fff); color: var(--pandhub-wp-menu-lvl3-text, #0f172a); }
.pandhub-wp-menu__submenu .pandhub-wp-menu__submenu .pandhub-wp-menu__link:hover{ background: var(--pandhub-wp-menu-lvl3-hbg, #f1f5f9); color: var(--pandhub-wp-menu-lvl3-htext, #0f172a); }

/* Hover mode */
.pandhub-wp-menu[data-desktop-trigger="hover"] .pandhub-wp-menu__nav--desktop .pandhub-wp-menu__item--has-children:hover > .pandhub-wp-menu__submenu{ display:block; }
.pandhub-wp-menu[data-desktop-trigger="hover"] .pandhub-wp-menu__nav--desktop .pandhub-wp-menu__item--has-children:hover > .pandhub-wp-menu__subtoggle{ display:inline-flex; }

/* Click mode (JS toggles .is-open) */
.pandhub-wp-menu[data-desktop-trigger="click"] .pandhub-wp-menu__nav--desktop .pandhub-wp-menu__subtoggle{ display:inline-flex; }
.pandhub-wp-menu[data-desktop-trigger="click"] .pandhub-wp-menu__nav--desktop .pandhub-wp-menu__item.is-open > .pandhub-wp-menu__submenu{ display:block; }

/* Right side */
.pandhub-wp-menu__right{ display:flex; align-items:center; gap:10px; }
.pandhub-wp-menu__user{ color: inherit; text-decoration:none; opacity:.9; font-size: 14px; }
.pandhub-wp-menu__user:hover{ color: var(--pandhub-wp-menu-accent, #2563eb); opacity: 1; }

.pandhub-wp-menu__burger{ width:42px; height:42px; border:0; cursor:pointer; border-radius:12px; background: var(--pandhub-wp-menu-lvl1-hbg, #f1f5f9); display:none; align-items:center; justify-content:center; }

/* Drawer (mobile) */
.pandhub-wp-menu__overlay{ position:fixed; inset:0; background: rgba(2,6,23,.55); opacity:0; pointer-events:none; transition: opacity .2s ease; }
.pandhub-wp-menu__drawer{ position:fixed; top:0; right:-360px; width: 340px; max-width: 88vw; height:100vh; background: var(--pandhub-wp-menu-lvl1-bg, #fff); color: var(--pandhub-wp-menu-lvl1-text, #0f172a);
  box-shadow: -20px 0 60px rgba(15,23,42,.25);
  transition: right .22s ease;
  display:flex; flex-direction:column;
}
.pandhub-wp-menu__drawer-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding: 14px; border-bottom: 1px solid rgba(15,23,42,.08); }
.pandhub-wp-menu__close{ width:38px; height:38px; border-radius:12px; border:0; cursor:pointer; background: var(--pandhub-wp-menu-lvl1-hbg, #f1f5f9); color: var(--pandhub-wp-menu-lvl1-text, #0f172a); font-size: 22px; line-height: 22px; }
.pandhub-wp-menu__nav--mobile{ padding: 10px; overflow:auto; }
.pandhub-wp-menu__nav--mobile .pandhub-wp-menu__menu{ display:block; }
.pandhub-wp-menu__nav--mobile .pandhub-wp-menu__link{ padding: 12px 10px; }

.pandhub-wp-menu__nav--mobile .pandhub-wp-menu__subtoggle{ display:inline-flex; position:absolute; right:6px; top:6px; }
.pandhub-wp-menu__nav--mobile .pandhub-wp-menu__submenu{ position:static; box-shadow:none; border-radius: 12px; margin: 6px 0 0 0; display:none; padding: 6px; }
.pandhub-wp-menu__nav--mobile .pandhub-wp-menu__item.is-open > .pandhub-wp-menu__submenu{ display:block; }

.pandhub-wp-menu--open .pandhub-wp-menu__overlay{ opacity:1; pointer-events:auto; }
.pandhub-wp-menu--open .pandhub-wp-menu__drawer{ right:0; }
.pandhub-wp-menu-body--lock{ overflow:hidden; }

/* Inline mobile layout */
.pandhub-wp-menu__nav--inline{ display:none; background: var(--pandhub-wp-menu-lvl1-bg, #fff); color: var(--pandhub-wp-menu-lvl1-text, #0f172a); padding: 10px 14px; }
.pandhub-wp-menu__nav--inline .pandhub-wp-menu__item{ position:relative; }
.pandhub-wp-menu__nav--inline .pandhub-wp-menu__subtoggle{ display:inline-flex; position:absolute; right:6px; top:6px; }
.pandhub-wp-menu__nav--inline .pandhub-wp-menu__submenu{ position:static; box-shadow:none; margin-top:6px; display:none; }
.pandhub-wp-menu__nav--inline .pandhub-wp-menu__item.is-open > .pandhub-wp-menu__submenu{ display:block; }

/* Responsive */
@media (max-width: 980px){
  .pandhub-wp-menu__nav--desktop{ display:none; }
  .pandhub-wp-menu__burger{ display:inline-flex; }
  .pandhub-wp-menu[data-mobile-layout="inline"] .pandhub-wp-menu__burger{ display:none; }
  .pandhub-wp-menu[data-mobile-layout="inline"] .pandhub-wp-menu__nav--inline{ display:block; }
}

.pandhub-wp-menu__burgerIcon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px}
.pandhub-wp-menu__burgerIcon svg{width:20px;height:20px;display:block}
.pandhub-wp-menu__burgerIcon svg *{fill:currentColor;stroke:currentColor}