/*
 * Botenz targeted fixes (post-cleanup release). Keep this file small; each rule documents why.
 * See docs/frontend-bugs-2026-09-30.md.
 */

/* Shop category tabs (Elementor Nested Tabs, widget d33270c).
   After "Bundles" opens, the Bundles loop grid (jar images rising above the cards; loop item with
   position:relative; z-index:2) overlapped the tab row and swallowed every click on the other tabs.
   Keep the tab row above the panel content. */
.elementor-element-d33270c .e-n-tabs-heading {
	position: relative;
	z-index: 20;
}

/* Deep links (/shop/#bundles): the browser scrolls to the tab button; keep it below the fixed header. */
.elementor-element-d33270c .e-n-tab-title {
	scroll-margin-top: 110px;
}

/* Tablet widths (768-1024px): the header row overflows, so mobile browsers widened the layout viewport
   (768 -> ~940px). Full-width fixed elements then became wider than the screen: the welcome popup's close
   button landed off-screen and the off-canvas menu was cut off. Safety net until the Elementor tablet
   header layout is fixed against Figma (docs/frontend-bugs-2026-09-30.md #13). Mobile/desktop unaffected. */
@media (min-width: 768px) and (max-width: 1024px) {
	html,
	body {
		overflow-x: clip;
	}
	.e-off-canvas .e-off-canvas__main {
		max-width: 100vw;
	}
	#elementor-popup-modal-23577 .dialog-widget-content {
		width: 94vw !important;
		max-width: 94vw !important;
	}
}