/* Focused catalog CRO overrides. Loaded after base.css to avoid replacing the
   production-specific base stylesheet. */

.arena5-catalog-mobile-nav {
	display: none;
}

@media (max-width: 900px) {
	/* base.css hides the sidebar at 900px but previously kept the two-column
	   layout until 860px, squeezing product cards into the sidebar column. */
	.arena5-shop-layout {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.arena5-catalog-mobile-nav {
		display: block;
		flex: 1 1 100%;
		min-width: 0;
		width: 100%;
	}

	.arena5-catalog-mobile-nav > summary {
		align-items: center;
		background: rgba(53, 212, 255, 0.07);
		border: 1px solid rgba(53, 212, 255, 0.2);
		border-radius: 10px;
		color: var(--arena5-text);
		cursor: pointer;
		display: flex;
		gap: 10px;
		justify-content: space-between;
		list-style: none;
		min-height: 46px;
		padding: 10px 12px;
	}

	.arena5-catalog-mobile-nav > summary::-webkit-details-marker {
		display: none;
	}

	.arena5-catalog-mobile-nav > summary::after {
		content: "+";
		flex: 0 0 auto;
		font-size: 1.25rem;
		font-weight: 800;
	}

	.arena5-catalog-mobile-nav[open] > summary::after {
		content: "−";
	}

	.arena5-catalog-mobile-nav > summary span {
		font-weight: 850;
	}

	.arena5-catalog-mobile-nav > summary strong {
		color: var(--arena5-muted);
		font-size: 0.82rem;
		margin-inline-start: auto;
		max-width: 46%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.arena5-catalog-mobile-nav__rail {
		display: flex;
		gap: 8px;
		overflow-x: auto;
		padding: 10px 1px 2px;
		scrollbar-width: thin;
	}

	.arena5-catalog-mobile-nav__rail a {
		align-items: center;
		background: rgba(255, 255, 255, 0.035);
		border: 1px solid rgba(53, 212, 255, 0.16);
		border-radius: 9px;
		color: var(--arena5-muted);
		display: inline-flex;
		flex: 0 0 auto;
		font-size: 0.88rem;
		font-weight: 800;
		min-height: 42px;
		padding: 8px 11px;
		text-decoration: none;
	}

	.arena5-catalog-mobile-nav__rail a[aria-current="page"],
	.arena5-catalog-mobile-nav__rail a:hover,
	.arena5-catalog-mobile-nav__rail a:focus-visible {
		background: rgba(53, 212, 255, 0.14);
		border-color: rgba(53, 212, 255, 0.38);
		color: var(--arena5-text);
	}

	html.theme-day .arena5-catalog-mobile-nav > summary {
		background: #f5faff;
		border-color: rgba(15, 98, 254, 0.22);
	}

	html.theme-day .arena5-catalog-mobile-nav__rail a {
		background: #ffffff;
		border-color: rgba(15, 98, 254, 0.16);
		color: #45617f;
	}

	html.theme-day .arena5-catalog-mobile-nav__rail a[aria-current="page"],
	html.theme-day .arena5-catalog-mobile-nav__rail a:hover,
	html.theme-day .arena5-catalog-mobile-nav__rail a:focus-visible {
		background: #e9f4ff;
		border-color: rgba(15, 98, 254, 0.42);
		color: #0b3970;
	}
}