/**
 * Tablet + mobile navigation — load last (see holon-theme.php).
 * Breakpoint: 1280px covers tablet portrait/landscape.
 */

@media (max-width: 1280px) {
	.hp-nav-inner {
		overflow: visible;
		min-height: 62px;
		gap: 10px;
	}

	body.hp-mobile-nav-open .hp-mobile-nav-backdrop {
		z-index: var(--hp-z-nav-backdrop);
	}

	.hp-nav-brand {
		flex: 1 1 auto;
		min-width: 0;
	}

	.hp-nav-right {
		flex: 0 0 auto;
		margin-left: auto;
		position: relative;
		z-index: var(--hp-z-header);
	}

	#hp-nav-links,
	.hp-nav-links {
		display: none !important;
		visibility: hidden !important;
		width: 0 !important;
		height: 0 !important;
		overflow: hidden !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		position: absolute !important;
		pointer-events: none !important;
	}

	#hp-hamburger,
	.hp-hamburger {
		display: flex !important;
		visibility: visible !important;
		position: relative;
		z-index: var(--hp-z-header);
	}

	.hp-hamburger span {
		background: #ffffff;
	}

	.hp-hamburger[aria-expanded='true'] span:nth-child(1),
	.hp-hamburger[aria-expanded='true'] span:nth-child(3) {
		background: var(--hp-brand-kot, #ff3300);
	}

	.hp-nav-right .hp-lang-dd {
		display: block;
		flex-shrink: 0;
	}

	.hp-nav-right .hp-lang-dd__btn {
		width: 36px;
		height: 36px;
	}

	.hp-nav-right .hp-lang-dd__panel {
		right: 0;
		left: auto;
		z-index: var(--hp-z-dropdown);
	}

	.hp-mobile-menu,
	.hp-mobile-menu.is-open {
		left: auto;
		right: 0;
		width: min(18.5rem, calc(100vw - 1rem));
		border-top: 1px solid rgba(255, 255, 255, 0.14);
		border-left: 1px solid rgba(255, 255, 255, 0.2);
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
		border-right: none;
		border-radius: 0 0 0 14px;
		box-shadow: -6px 10px 28px rgba(0, 0, 0, 0.42);
	}

	.hp-mobile-menu.is-open {
		display: flex !important;
	}

	.hp-mobile-menu .hp-nav-link {
		display: block;
		width: 100%;
		font-size: 15px;
		padding: 10px 14px;
		margin-bottom: 0;
		box-sizing: border-box;
		text-align: left;
	}

	.hp-mobile-menu .hp-nav-project-orbs {
		justify-content: center;
	}

	.hp-mobile-nav-item--projekty {
		display: flex;
		flex-direction: column;
		align-items: stretch;
		padding: 4px 0 8px;
	}

	.hp-mobile-nav-item--projekty .hp-nav-project-orbs--mobile-menu {
		display: flex !important;
		width: 100%;
		box-sizing: border-box;
	}

	.hp-nav-project-orbs--logo .hp-nav-project-orb {
		--hp-mini-orb-size: 24px;
	}
}

@media (min-width: 1281px) {
	#hp-hamburger,
	.hp-hamburger {
		display: none !important;
	}

	#hp-mobile-menu:not(.is-open),
	.hp-mobile-menu:not(.is-open) {
		display: none !important;
	}
}

@media (max-width: 480px) {
	.hp-nav-inner {
		padding: 0 20px;
	}

	.hp-mobile-menu {
		padding-inline: 18px;
	}
}