/* JarajTo DS2 footer mobile nav accordion - 2026-07-10 */
@media (max-width: 780px) {
	.jt-footer-ds2__nav {
		width: 100%;
		max-width: none;
		margin: 0;
		grid-template-columns: 1fr !important;
		gap: 7px;
		padding: 11px;
		border-radius: 8px;
		border-color: rgba(241, 246, 228, 0.1);
		background:
			radial-gradient(circle at 92% 0%, rgba(147, 190, 32, 0.075), transparent 34%),
			linear-gradient(180deg, rgba(15, 24, 12, 0.86), rgba(6, 10, 6, 0.94)) !important;
		box-shadow:
			inset 0 1px 0 rgba(241, 246, 228, 0.045),
			0 10px 26px rgba(0, 0, 0, 0.12);
	}

	.jt-footer-ds2__nav section,
	.jt-footer-ds2__nav section:nth-child(3) {
		grid-column: auto;
		overflow: hidden;
		border: 1px solid rgba(241, 246, 228, 0.075);
		border-radius: 7px;
		background:
			linear-gradient(180deg, rgba(13, 21, 11, 0.64), rgba(5, 8, 5, 0.58)),
			rgba(241, 246, 228, 0.018);
		box-shadow: inset 0 1px 0 rgba(241, 246, 228, 0.035);
		transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
	}

	.jt-footer-ds2__nav section.is-open {
		border-color: rgba(147, 190, 32, 0.24);
		background:
			radial-gradient(circle at 92% 0%, rgba(147, 190, 32, 0.09), transparent 42%),
			linear-gradient(180deg, rgba(15, 25, 12, 0.82), rgba(5, 8, 5, 0.76));
		box-shadow:
			inset 0 1px 0 rgba(241, 246, 228, 0.05),
			0 8px 20px rgba(0, 0, 0, 0.12);
	}

	.jt-footer-ds2__nav h3 {
		margin: 0;
		font-size: 15px;
		line-height: 1.15;
	}

	.jt-footer-ds2__nav h3::after {
		content: none;
	}

	.jt-footer-ds2__nav-toggle {
		box-sizing: border-box;
		display: flex;
		width: 100%;
		min-height: 41px;
		align-items: center;
		justify-content: space-between;
		padding: 0 13px;
		color: var(--jt-ink) !important;
		background: transparent !important;
		cursor: pointer;
	}

	.jt-footer-ds2__nav-toggle-icon {
		display: block;
		color: var(--jt-accent);
		opacity: 0.95;
	}

	.jt-footer-ds2__nav-toggle[aria-expanded="true"] .jt-footer-ds2__nav-toggle-icon {
		transform: rotate(180deg);
	}

	.jt-footer-ds2__nav ul,
	.jt-footer-ds2__nav section:nth-child(3) ul {
		display: grid;
		grid-template-columns: 1fr !important;
		gap: 0;
		padding: 0 13px 9px;
		border-top: 1px solid rgba(241, 246, 228, 0.065);
		background: rgba(3, 6, 3, 0.18);
	}

	.jt-footer-ds2__nav ul[hidden] {
		display: none !important;
	}

	.jt-footer-ds2__nav li + li {
		border-top: 1px solid rgba(241, 246, 228, 0.045);
	}

	.jt-footer-ds2__nav a {
		display: flex;
		min-height: 35px;
		align-items: center;
		color: rgba(241, 246, 228, 0.78);
		font-size: 12.5px;
		line-height: 1.2;
	}
}