/* eGirl Power menu-fix.css — Wave 3 (2026-08)    Dropdown reveal: theme hides submenus via visibility:hidden but its hover rule    only sets display:block. This supplies the missing property. */ #primary-menu ul li:hover > ul { visibility: visible; }  /* Delta 1 (2026-08-07): kill the horizontal-scroll black bar. visibility:hidden    flyouts still occupy layout past the viewport (verified via getBoundingClientRect). */ body { overflow-x: hidden; }
/* Wave 4 (2026-08): mobile navigation. Theme hides the menu under 980px expecting a
   JS-built select-menu that never renders (dead custom.js). Stacked list instead. */
@media only screen and (max-width: 979px) {
  #primary-menu { float: none; height: auto; max-width: 100%; }
  #primary-menu ul#main-menu { display: block; width: 100%; margin: 0 0 20px 0; padding: 0; }
  #primary-menu ul#main-menu > li { float: none; display: block; height: auto; margin: 0; background: none; border-bottom: 1px solid #eee; text-align: center; }
  #primary-menu ul#main-menu > li > a { display: block; height: auto; line-height: 44px; padding: 0 15px; border-top: none; }
  #primary-menu ul#main-menu ul.dropdown { display: none; }
}

/* Wave 5 (2026-08): mobile hamburger. Checkbox toggle + flattened submenus. */
.egp-menu-toggle, .egp-menu-btn { display: none; }
@media only screen and (max-width: 979px) {
  .egp-menu-toggle { display: none; }
  .egp-menu-btn { display: block; cursor: pointer; margin: 0 0 10px 0; padding: 10px 15px; background: #f4f4f4; border: 1px solid #e5e5e5; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #444; text-align: center; }
  .egp-menu-btn:before { content: "\2630"; margin-right: 8px; }
  #primary-menu ul#main-menu { display: none; }
  #primary-menu .egp-menu-toggle:checked ~ ul#main-menu { display: block; }
  #primary-menu ul#main-menu ul.dropdown { display: block; visibility: visible; position: static; width: 100%; margin: 0; padding: 0; box-shadow: none; background: none; border: none; }
  #primary-menu ul#main-menu ul.dropdown li { float: none; display: block; width: 100%; height: auto; border-bottom: 1px solid #f4f4f4; }
  #primary-menu ul#main-menu ul.dropdown li a { display: block; height: auto; line-height: 38px; padding: 0 15px 0 30px; font-size: 12px; color: #666; text-transform: none; }
  #primary-menu ul#main-menu ul.dropdown ul.dropdown li a { padding-left: 45px; }
  /* Wave 5b (2026-08): hide 3rd-level submenus on mobile (panel length) + legibility. */
  #primary-menu ul#main-menu ul.dropdown ul.dropdown { display: none; }
  #primary-menu ul#main-menu ul.dropdown li a { background: #fff; color: #444; }
  #primary-menu ul#main-menu ul.dropdown li { background: #fff; }
}