/*
 * Site-wide texture (client reference: yakoafrica.com). A fixed layer of fine,
 * slightly irregular dots over the whole page. Two tones: the dark dots read
 * on Mist White sections, the light dots on Deep River Blue sections. Colours
 * underneath are unchanged. pointer-events: none, so it never blocks clicks.
 * Tune strength with --sana-texture-dark / --sana-texture-light.
 */
:root {
	--sana-texture-dark: 0.011;
	--sana-texture-light: 0.015;
}

body::before,
body::after {
	content: "";
	position: fixed;
	z-index: 9990;
	inset: 0;
	pointer-events: none;
	background-repeat: repeat;
	background-size: 20px 12px;
}

body::before {
	background-image: url("../img/texture.svg");
	opacity: var(--sana-texture-dark);
}

body::after {
	background-image: url("../img/texture-light.svg");
	background-position: 1px 1px;
	opacity: var(--sana-texture-light);
}

@media print {
	body::before,
	body::after {
		display: none;
	}
}

/* Links inside Elementor paragraphs (the atomic paragraph strips inline styles). */
.elementor .e-paragraph-base a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

.elementor .e-paragraph-base a:hover {
	text-decoration-thickness: 2px;
}