/*
 * Mobilní menu (header.php) — jednoduchý seznam, bez fabric karet z desktop dropdownu.
 */
.grohman-theme-handmade-mobile-nav__toggle::-webkit-details-marker {
	display: none;
}

.grohman-theme-handmade-mobile-nav__panel {
	position: fixed;
	z-index: 1000;
	left: 0;
	right: 0;
	width: 100%;
	max-width: none;
	top: 100%;
	margin-top: 0;
	max-height: calc(100dvh - 100%);
	overflow-y: auto;
	overscroll-behavior: contain;
	scrollbar-width: none;
	-ms-overflow-style: none;
	display: flex;
	flex-direction: column;
	padding: 0.85rem 1.1rem 1.25rem;
	border-radius: 0;
	border: 1px solid var(--color-gray-200);
	border-left: 0;
	border-right: 0;
	background-color: var(--color-white, #fff);
	box-shadow:
		0 20px 40px -12px rgba(0, 0, 0, 0.18),
		0 0 0 1px rgba(227, 114, 84, 0.06);
}

.grohman-theme-handmade-mobile-nav__panel::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}

/*
 * Mobilní akce v hlavičce — košík, účet (jen telefon), menu: stejný kruh, terakotová ikona.
 * Ikona účtu jen do 767px (ne tablet); menu + košík do 1023px (lg:hidden navigace).
 */
.grohman-theme-handmade-header-account {
	display: none;
}

@media (max-width: 767px) {
	.grohman-theme-handmade-header-account {
		display: inline-flex;
	}
}

@media (max-width: 1023px) {
	.grohman-theme-handmade-header-actions {
		align-items: center;
	}

	.grohman-theme-handmade-header-actions .grohman-theme-handmade-mini-cart__toggle {
		display: inline-flex;
		align-items: center;
		line-height: 0;
		vertical-align: middle;
	}

	.grohman-theme-handmade-header-icon-btn,
	.grohman-theme-handmade-header-actions .grohman-theme-handmade-mini-cart__icon-wrap {
		box-sizing: border-box;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 2.75rem;
		height: 2.75rem;
		flex-shrink: 0;
		padding: 0;
		border: 1px solid color-mix(in srgb, var(--sk-color-brand) 20%, transparent);
		border-radius: 9999px;
		background-color: var(--color-white, #fff);
		color: var(--sk-color-brand);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		transition:
			background-color 0.25s ease,
			border-color 0.25s ease,
			color 0.25s ease,
			box-shadow 0.25s ease;
	}

	.grohman-theme-handmade-header-icon-btn .ph,
	.grohman-theme-handmade-header-icon-btn i {
		color: inherit;
	}

	.grohman-theme-handmade-header-actions .grohman-theme-handmade-mini-cart__icon-wrap .grohman-theme-handmade-mini-cart__bag-svg {
		width: 1.25rem;
		height: 1.25rem;
	}

	.grohman-theme-handmade-header-icon-btn:hover,
	.grohman-theme-handmade-header-icon-btn:focus-visible,
	.grohman-theme-handmade-header-actions .grohman-theme-handmade-mini-cart-fragment:hover .grohman-theme-handmade-mini-cart__icon-wrap,
	.grohman-theme-handmade-header-actions .grohman-theme-handmade-mini-cart-fragment:focus-within .grohman-theme-handmade-mini-cart__icon-wrap {
		background-color: var(--sk-color-brand);
		border-color: var(--sk-color-brand);
		color: var(--color-white, #fff);
		box-shadow: 0 6px 18px rgba(227, 114, 84, 0.35);
		outline: none;
		transform: none !important;
	}

	.grohman-theme-handmade-mobile-nav__toggle::-webkit-details-marker {
		display: none;
	}
}

.grohman-theme-handmade-mobile-nav__close {
	align-self: flex-end;
	flex: 0 0 auto;
	order: -1;
	margin: 0 0 0.25rem;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: 9999px;
	background: transparent;
	color: var(--sk-color-brand-dark);
	cursor: pointer;
	font-size: 1.25rem;
	line-height: 1;
}

.grohman-theme-handmade-mobile-nav__close:hover,
.grohman-theme-handmade-mobile-nav__close:focus-visible {
	color: var(--sk-color-brand-heavy);
	background-color: color-mix(in srgb, var(--sk-color-brand-light) 60%, transparent);
	outline: none;
}

.grohman-theme-handmade-mobile-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.grohman-theme-handmade-mobile-menu > .menu-item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--sk-color-brand) 12%, var(--color-gray-200));
}

.grohman-theme-handmade-mobile-menu > .menu-item:last-child {
	border-bottom: 0;
}

.grohman-theme-handmade-mobile-menu__link:hover,
.grohman-theme-handmade-mobile-menu__link:focus-visible {
	color: var(--sk-color-brand-dark);
	background-color: color-mix(in srgb, var(--sk-color-brand-light) 55%, transparent);
}

.grohman-theme-handmade-mobile-menu__submenu {
	list-style: none;
	margin: 0 0 0.5rem;
	padding: 0 0 0.35rem 0.35rem;
	position: static !important;
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	background-image: none !important;
}

.grohman-theme-handmade-mobile-menu__submenu::before {
	content: none !important;
	display: none !important;
}

.grohman-theme-handmade-mobile-menu__submenu .menu-item {
	margin: 0;
}

.grohman-theme-handmade-mobile-menu__sublink {
	display: flex !important;
	align-items: center;
	gap: 0.65rem;
}

.grohman-theme-handmade-mobile-menu__sublink:hover,
.grohman-theme-handmade-mobile-menu__sublink:focus-visible {
	color: var(--sk-color-brand);
	background-color: color-mix(in srgb, var(--sk-color-brand-light) 45%, transparent);
}

.grohman-theme-handmade-mobile-menu__icon {
	flex-shrink: 0;
}

.grohman-theme-handmade-mobile-menu__text {
	min-width: 0;
}

/* Megamenu třídy z desktopu v mobilu skrýt (kdyby se propsaly) */
.grohman-theme-handmade-mobile-menu .grohman-theme-handmade-mega-shop-list,
.grohman-theme-handmade-mobile-menu .grohman-theme-handmade-mega-shop__root {
	display: none !important;
}

/*
 * Otevřené mobilní menu nad detailem produktu: lupa galerie (WooCommerce __trigger)
 * má vlastní stacking context a prosvítala přes panel — při otevřeném menu ji skryjeme.
 * Body třídu přepíná js/grohman-theme-handmade-mobile-nav.js (toggle události <details>).
 */
body.grohman-theme-handmade-mobile-nav-open .woocommerce-product-gallery__trigger {
	display: none !important;
}