/*
 * Stopka: sekcja motywu „stopka” renderowana w haku astra_footer.
 * Wygląd niosą bloki stopki (blocks/stopka/), tu zerowanie marginesów treści i pływający przycisk.
 */

.mm-stopka :is(h2, p, ol, ul) {
	margin-bottom: 0;
}

/* Pływający przycisk „Sprawdź dostępność” (Footer::dostepnosc), tylko telefony jak na poprzedniej
   valused.pl. Przycisk motywu (pigułka 52 px), w prawym dolnym rogu nad bezpiecznym obszarem.
   Chowa się nad sklepami i stopką (dostepnosc.js). */
.mm-dostepnosc {
	display: none;
}

@media (max-width: 767px) {
	.mm-dostepnosc {
		position: fixed;
		right: 16px;
		bottom: calc(16px + env(safe-area-inset-bottom, 0px));
		z-index: 90;
		display: block;
		transition: opacity 250ms var(--mm-ease-out), transform 250ms var(--mm-ease-out), visibility 250ms;
	}

	.mm-dostepnosc .mm-dostepnosc__link {
		box-shadow: 0 6px 14px rgb(0 0 0 / 15%); /* jak na poprzedniej valused.pl */
	}

	/* Astra barwi a:hover kolorem akcentu (0,1,1), co zlewa tekst z tłem przycisku. */
	.mm-dostepnosc a.mm-dostepnosc__link:is(:link, :visited, :hover, :focus, :active) {
		color: #fff;
		text-decoration: none;
	}

	.mm-dostepnosc--ukryty {
		visibility: hidden;
		opacity: 0;
		transform: translateY(16px);
	}

	.mm-dostepnosc__strzalka {
		transition: transform 200ms var(--mm-ease-out);
	}

	.mm-dostepnosc__link:hover .mm-dostepnosc__strzalka {
		transform: translateX(2px);
	}

	/* Przycisk „do góry” Astry nad pływającym przyciskiem, nie pod nim. */
	#ast-scroll-top {
		bottom: calc(84px + env(safe-area-inset-bottom, 0px));
	}
}

@media (max-width: 767px) and (prefers-reduced-motion: reduce) {
	.mm-dostepnosc,
	.mm-dostepnosc__strzalka {
		transition: none;
	}
}