/* Mobile burger menu shared by the front/general layout and Country pages. */

/* Header is not sticky; it scrolls away with the page. */
#mainNav.rmr-nav {
	position: absolute !important;
}

.rmr-nav-toggle {
	display: none !important;
}

@media (max-width: 767px) {
	nav.rmr-nav .rmr-nav-toggle {
		display: inline-flex !important;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 5px;
		width: 44px !important;
		height: 44px !important;
		margin: 0 -10px 0 0 !important;
		padding: 0 !important;
		background: none !important;
		border: 0 !important;
		cursor: pointer;
		color: #f2e8d5 !important;
	}

	nav.rmr-nav .rmr-nav-toggle-bar {
		display: block;
		width: 24px;
		height: 2px;
		background: currentColor;
		border-radius: 2px;
		transition: transform .3s ease, opacity .2s ease;
	}

	nav.rmr-nav.rmr-nav-open .rmr-nav-toggle-bar:nth-child(1) {
		transform: translateY(7px) rotate(45deg);
	}
	nav.rmr-nav.rmr-nav-open .rmr-nav-toggle-bar:nth-child(2) {
		opacity: 0;
	}
	nav.rmr-nav.rmr-nav-open .rmr-nav-toggle-bar:nth-child(3) {
		transform: translateY(-7px) rotate(-45deg);
	}

	nav.rmr-nav.rmr-nav-open {
		background: rgba(26, 36, 56, 0.97) !important;
		backdrop-filter: blur(12px);
	}

	nav.rmr-nav .rmr-nav-links {
		display: none !important;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		flex-direction: column !important;
		align-items: stretch !important;
		gap: 0 !important;
		padding: 4px 24px 16px !important;
		background: rgba(26, 36, 56, 0.97) !important;
		box-shadow: 0 12px 20px rgba(0, 0, 0, 0.3);
	}

	nav.rmr-nav.rmr-nav-open .rmr-nav-links {
		display: flex !important;
	}

	nav.rmr-nav.rmr-nav-open .rmr-nav-link {
		display: block !important;
		padding: 14px 0 !important;
		font-size: 14px !important;
		letter-spacing: .1em !important;
		border-bottom: 1px solid rgba(242, 232, 213, 0.1) !important;
	}

	nav.rmr-nav.rmr-nav-open .rmr-nav-link:last-child {
		border-bottom: 0 !important;
	}
}