/*
* Allintellect — podstawy: zmienne, reset, typografia, dostępność
*
* Źródło: autorski CSS z widgetów HTML serwisu allintellect.pl, oczyszczony
* i przeniesiony do plików motywu. Zmiany względem oryginału: usunięte @import
* fontów (ładowane przez wp_enqueue_style), ścieżki obrazów wskazują na motyw,
* kolory stref sterowane zmienną --ai-module-color zamiast sześciu duplikatów.
*/

:root {
	--ai-orange-1: #FFA500;
	--ai-orange-2: #FF9000;
	--ai-orange-3: #FF7B00;
	--ai-orange-4: #FF6600;
	--ai-orange-5: #FF5100;
	--ai-orange-6: #FF3C00;
	--ai-font: 'Comfortaa', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

*,
*::before,
*::after { box-sizing: border-box; }

body {
	margin: 0;
	/* 14px/1.5 — tyle dziedziczyły elementy po Divi; sekcje są na tym oparte. */
	font-size: 14px;
	line-height: 1.5;
	font-family: var(--ai-font);
	color: #333;
	background: #fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
}

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

/* Divi ustawiał nagłówkom line-height: 1em i na tym oparte są wysokości
   sekcji w autorskim CSS. Bez tego wszystkie nagłówki rosną o ~50%. */
/*
 * Divi dawał każdemu akapitowi padding-bottom: 1em, zerując go dla ostatniego
 * akapitu w kontenerze — i na tym opierają się odstępy w autorskich sekcjach.
 * Bez tej reguły stopka kurczy się o 45 px, hasła „O Nas" o 22, Kariera o 18.
 */
p { padding-bottom: 1em; }
p:last-of-type { padding-bottom: 0; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1em;
	margin-top: 0;
	/* Divi dawał nagłówkom padding-bottom: 10px i autorskie odstępy zakładały
	   jego obecność — bez tego sekcje kurczą się o kilkadziesiąt pikseli. */
	padding-bottom: 10px;
}

a { color: inherit; }

/* Widoczny fokus klawiatury — w oryginale nie było go wcale. */
a:focus-visible,
button:focus-visible {
	outline: 3px solid #1a73e8;
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.ai-skip-link:focus {
	position: fixed;
	top: 8px; left: 8px;
	z-index: 100000;
	width: auto; height: auto;
	padding: 12px 20px;
	clip: auto;
	background: #fff;
	color: #333;
	border-radius: 6px;
	box-shadow: 0 4px 16px rgba(0,0,0,.25);
}

/* Poszanowanie systemowej preferencji ograniczenia ruchu. */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}
