/* Glimra mobile navigation + safety.
   Works for the content-page header (.burger + nav.links) and the Woo header
   (.glimra-burger + .glimra-nav). Loaded on every page. */

img { max-width: 100%; height: auto; }

@media (max-width: 900px) {
	/* Prevent horizontal overflow (content pages had a 3-icon nav-right that
	   pushed past the viewport). Tighten the header and keep only the cart icon. */
	header .nav { gap: 16px; padding: 16px 20px; }
	header .nav-right { gap: 14px; margin-left: auto; }
	header .nav-right .ic:not( :last-child ) { display: none; }
	.glimra-hd-in { gap: 16px; padding: 16px 20px; }

	/* Reveal the burger on the Woo header (content-page burger already shows via its own CSS). */
	.glimra-hd .glimra-burger { display: flex; }

	/* Open state → dropdown panel under the sticky header. */
	header.glimra-open nav.links,
	.glimra-hd.glimra-open .glimra-nav {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid var(--line, #EBEAE6);
		padding: 4px 24px 12px;
		gap: 0;
		box-shadow: 0 16px 30px -18px rgba(0, 0, 0, .28);
		z-index: 70;
	}
	header.glimra-open nav.links a,
	.glimra-hd.glimra-open .glimra-nav a {
		display: block;
		width: 100%;
		padding: 14px 0;
		border-bottom: 1px solid var(--line, #EBEAE6);
		opacity: 1;
		font-size: 1rem;
	}
	header.glimra-open nav.links a:last-child,
	.glimra-hd.glimra-open .glimra-nav a:last-child { border-bottom: none; }
}