/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Fix: klikniecie H2/H3 z TOC ma trafic ponizej sticky headera.
   Zmien --toc-scroll-offset na wysokosc headera w konkretnym projekcie. */
:root {
	--toc-scroll-offset: 120px;
}
.single .elementor-widget-theme-post-content h2,
.single .elementor-widget-theme-post-content h3,
.single .elementor-menu-anchor {
	scroll-margin-top: var(--toc-scroll-offset);
}

/* Popup mobile menu: submenu inline pod rodzicem zamiast absolute floating.
   SmartMenus domyslnie renderuje submenu jako position:absolute left:100% top:0.
   W waskim popupie to wychodzi poza viewport. Force static + full width. */
[data-elementor-type="popup"] .elementor-nav-menu--main .sub-menu {
	position: static !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	margin: 0 !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	box-shadow: none !important;
	border: 0 !important;
}
[data-elementor-type="popup"] .elementor-nav-menu--main .sub-menu .elementor-sub-item {
	padding-inline-start: 32px;
}
[data-elementor-type="popup"] .elementor-nav-menu--main .sub-menu .sub-menu .elementor-sub-item {
	padding-inline-start: 48px;
}

/* Popup menu: strzalka wizualnie obok tekstu, ale cala przestrzen po tekscie
   nalezy do .sub-arrow (toggle). Tekst = nawigacja, reszta <a> = toggle.
   <a> jako flex: text po lewej, .sub-arrow flex:1 zajmuje reszte linii.
   Ikona w .sub-arrow trzymana flex-start (obok tekstu).
   JS (mobile-menu.js) uzywa e.target.closest('.sub-arrow') = toggle. */
[data-elementor-type="popup"] .elementor-nav-menu--main li.menu-item-has-children > a {
	display: flex !important;
	align-items: center;
}
[data-elementor-type="popup"] .elementor-nav-menu--main li.menu-item-has-children > a .sub-arrow {
	position: static !important;
	flex: 1 1 auto;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	margin: 0 0 0 8px !important;
	padding: 0 !important;
	width: auto;
	height: auto;
	min-height: 44px;
	cursor: pointer;
}