/*
	Theme Name: Holthe Marketing
	Theme URI: https://github.com/mathiber/holthemarketing-themes
	Description: Child theme of Hello Elementor for Holthe Marketing. Add custom styles and overrides here so they survive parent theme updates.
	Author: Holthe Marketing
	Template: hello-elementor
	Version: 1.0.0
	Requires at least: 6.0
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
*/

/* ---- Custom styles below ---- */

/* Desktop submenu (dropdown) styling */
.site-navigation ul.menu li ul {
	background: #000 !important;
}
.site-navigation ul.menu li ul li {
	border-block-end: 1px solid #222;
}

/* Two-level desktop submenus: the parent theme leaves the nested arrow as a
   flex child with translateY(-50%), which shoves it out of its row. Pin it to
   the right edge so the nested fly-out arrow sits correctly. */
.site-navigation ul.menu li ul li.menu-item-has-children {
	position: relative;
}
.site-navigation ul.menu li ul li.menu-item-has-children > a {
	padding-inline-end: 30px; /* reserve room for the arrow */
}
.site-navigation ul.menu li ul li.menu-item-has-children::after {
	position: absolute;
	inset-inline-end: 10px;
	top: 50%;
	transform: translateY(-50%) rotate(-90deg);
	pointer-events: none;
}

/* Mobile menu: all items black background, white text */
.site-navigation-dropdown ul.menu li a {
	background: #000 !important;
	color: #fff !important;
	box-shadow: inset 0 -1px 0 #222 !important;
}

/* Mobile menu: link stays clickable, separate button expands the submenu */
.site-navigation-dropdown ul.menu li.menu-item-has-children {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}
.site-navigation-dropdown ul.menu li.menu-item-has-children > a {
	flex: 1 1 auto;
}
.site-navigation-dropdown ul.menu li.menu-item-has-children > ul {
	flex: 0 0 100%; /* submenu drops to its own full-width row */
}
.site-navigation-dropdown ul.menu li.menu-item-has-children > .submenu-toggle {
	flex: 0 0 auto;
	width: 64px;
	background: #000;
	color: #fff;
	border: 0;
	border-inline-start: 1px solid #222;
	border-radius: 0;
	box-shadow: inset 0 -1px 0 #222;
	cursor: pointer;
	font-size: 1.1em;
	line-height: 1;
}

/* Mobile menu: square off the hamburger toggle button */
.site-navigation-toggle-holder .site-navigation-toggle {
	border-radius: 0;
}
.site-navigation-dropdown ul.menu li.menu-item-has-children > .submenu-toggle::after {
	content: "\25BE"; /* ▾ */
	display: inline-block;
	transition: transform 0.2s ease-in-out;
}
.site-navigation-dropdown ul.menu li.menu-item-has-children.elementor-active > .submenu-toggle::after {
	transform: rotate(180deg);
}