/* BYS studio mobile menu (2026-09-25, standing). Installed on every studio site's child theme as
   custom/css/mobile-menu.css by exports/install-mobile-menu-css.py; checked by gate 9, exports/check-mobile-menu.py.

   Divi opens the mobile menu at 100% of the MENU MODULE's width. The studio's headers centre the logo, menu, cart and
   button in one flex row, so the menu module is only as wide as its hamburger and the menu opened 44px wide, every
   word broken a letter at a time. Below 981px the menu module, its wrappers, any
   group and its column stop being the positioning box, so the menu hangs from the header's content ROW: the full
   width of the page's content grid, directly under the header row, scrolling inside itself when it is taller than
   the screen. Geometry only: colours and fonts stay each build's brand layer (the menu module's mobile-menu settings
   or the site's own sheet). */
@media (max-width: 980px) {
	.et-l--header .et_pb_column:has(.et_mobile_menu),
	.et-l--header .et_pb_group:has(.et_mobile_menu),
	.et-l--header .et_pb_menu:has(.et_mobile_menu),
	.et-l--header .et_pb_menu .et_pb_menu_inner_container,
	.et-l--header .et_pb_menu .et_pb_menu__wrap,
	.et-l--header .et_pb_menu .et_mobile_nav_menu,
	.et-l--header .et_pb_menu .mobile_nav { position: static !important; }
	.et-l--header .et_pb_row:has(.et_mobile_menu) { position: relative; }
	.et-l--header .et_pb_menu .et_mobile_menu {
		left: 0 !important; right: 0 !important; width: auto !important; max-width: none !important; top: 100% !important;
		max-height: calc(100vh - 160px); max-height: calc(100dvh - 160px); overflow-y: auto; overscroll-behavior: contain;
	}
	.et-l--header .et_pb_menu .et_mobile_menu li a {
		padding-top: 12px !important; padding-bottom: 12px !important; line-height: 1.35; overflow-wrap: normal; word-break: normal;
	}
}