/* Savanorystė — pasitikrink savo organizaciją (v2).

   🎯 Spalvos imamos iš svetainės Elementor „Global colors" (rinkinys #198), o ne
   iš šio failo: pasikeitus svetainės paletei puslapis pasikeičia kartu. Atsarginės
   reikšmės skliaustuose = dabartinis rinkinys (2026-09-29), kad puslapis
   neišbluktų, jei Elementor kintamųjų neišvestų. Tipografija ir antraščių dydžiai
   NEAPRAŠOMI — juos tvarko tema. */

.sava-iv {
	--iv-primary: var(--e-global-color-primary, #009e69);
	--iv-primary-dark: var(--e-global-color-a75a8e8, #007a50);
	--iv-text: var(--e-global-color-text, #1a1a1a);
	--iv-muted: var(--e-global-color-secondary, #737373);
	--iv-line: var(--e-global-color-2b6ef3a, #b3b3b3);
	--iv-soft: var(--e-global-color-283f630, #f5f5f5);
	--iv-tint: var(--e-global-color-96df9e0, #eef3f3);
	--iv-accent: var(--e-global-color-accent, #f58d47);
	--iv-radius: 8px;

	color: var(--iv-text);
	max-width: 44rem;
}

.sava-iv__progress {
	margin: 0 0 1rem;
	font-size: .8125rem;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--iv-muted);
}

.sava-iv__title { margin: 0 0 .5rem; }
.sava-iv__lead { color: var(--iv-muted); margin: 0 0 1.5rem; }

/* --- pradžios laukai --- */

.sava-iv__group { border: 0; margin: 0 0 1.75rem; padding: 0; }
.sava-iv__legend { padding: 0; margin: 0 0 .75rem; font-weight: 600; }

.sava-iv__kind { display: block; margin-bottom: .5rem; cursor: pointer; }
.sava-iv__kind input { position: absolute; opacity: 0; pointer-events: none; }
.sava-iv__kind span {
	display: block;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-radius);
	padding: .875rem 1rem;
	background: #fff;
	transition: border-color .15s, background-color .15s;
}
.sava-iv__kind strong { display: inline-block; margin-right: .5rem; }
.sava-iv__kind em { font-style: normal; color: var(--iv-muted); }
.sava-iv__kind small { display: block; margin-top: .25rem; color: var(--iv-muted); font-size: .8125rem; }
.sava-iv__kind input:checked + span { border-color: var(--iv-primary); background: var(--iv-tint); }
/* Langelis paslėptas, tad fokusą rodome ant visos kortelės. */
.sava-iv__kind input:focus-visible + span { outline: 2px solid var(--iv-primary); outline-offset: 2px; }

.sava-iv__field { margin: 0 0 1rem; }
.sava-iv__field label { display: block; margin-bottom: .25rem; font-weight: 600; font-size: .9375rem; }
.sava-iv__field input {
	width: 100%;
	border: 1px solid var(--iv-line);
	border-radius: var(--iv-radius);
	padding: .625rem .75rem;
	font: inherit;
	color: inherit;
	background: #fff;
}
.sava-iv__field input:focus { border-color: var(--iv-primary); outline: 2px solid var(--iv-primary); outline-offset: 1px; }

.sava-iv__consent { display: flex; gap: .625rem; align-items: flex-start; margin: 0 0 1.5rem; cursor: pointer; font-size: .9375rem; }
.sava-iv__consent input { margin-top: .2rem; flex: 0 0 auto; width: 1.125rem; height: 1.125rem; accent-color: var(--iv-primary); }

/* Spąstų laukas: iš ekrano, bet ne `display:none` — kad robotas jį rastų. */
.sava-iv__trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

/* --- klausimai --- */

.sava-iv__section {
	margin: 1.75rem 0 .5rem;
	font-size: 1rem;
}
.sava-iv__code { color: var(--iv-muted); font-weight: 400; margin-right: .375rem; }

.sava-iv__items { list-style: none; margin: 0; padding: 0; }
.sava-iv__items li + li { margin-top: 1px; }
.sava-iv__item {
	display: flex;
	gap: .75rem;
	align-items: flex-start;
	cursor: pointer;
	border-radius: var(--iv-radius);
	padding: .625rem .75rem;
	transition: background-color .15s;
}
.sava-iv__item:hover { background: var(--iv-soft); }
.sava-iv__item input {
	margin-top: .15rem;
	flex: 0 0 auto;
	width: 1.125rem;
	height: 1.125rem;
	accent-color: var(--iv-primary);
}
/* Langelis eilutės viduje, tad ryškinam visą eilutę. */
.sava-iv__item:focus-within { outline: 2px solid var(--iv-primary); outline-offset: 1px; }
.sava-iv__item input:checked + span { color: var(--iv-muted); }

/* --- mygtukai --- */

.sava-iv__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin: 2rem 0 0; }
.sava-iv__button {
	background: var(--iv-primary);
	color: #fff;
	border: 1px solid var(--iv-primary);
	border-radius: var(--iv-radius);
	padding: .75rem 1.5rem;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: background-color .15s, border-color .15s;
}
.sava-iv__button:hover:not(:disabled) { background: var(--iv-primary-dark); border-color: var(--iv-primary-dark); }
.sava-iv__button:disabled { opacity: .45; cursor: not-allowed; }
.sava-iv__button--ghost { background: transparent; color: var(--iv-text); border-color: var(--iv-line); }
.sava-iv__button--ghost:hover:not(:disabled) { background: var(--iv-soft); border-color: var(--iv-text); }

.sava-iv__error { margin: 1rem 0 0; color: var(--e-global-color-2217c4a, #c73b23); font-size: .9375rem; }

/* --- rezultatas --- */

.sava-iv__advice {
	border-left: 3px solid var(--iv-accent);
	background: var(--iv-soft);
	border-radius: 0 var(--iv-radius) var(--iv-radius) 0;
	padding: 1rem 1.25rem;
	margin: 0 0 .75rem;
}
.sava-iv__advice-where { margin: 0; font-weight: 600; }
.sava-iv__advice-count { margin: .125rem 0 .5rem; font-size: .8125rem; color: var(--iv-muted); }
.sava-iv__advice-text { margin: 0; }

.sava-iv__done { background: var(--iv-tint); border-radius: var(--iv-radius); padding: 1rem 1.25rem; margin: 0 0 .75rem; }

.sava-iv__strong { margin: 0; padding-left: 1.25rem; color: var(--iv-muted); }
.sava-iv__note { margin: 1.75rem 0 0; font-size: .875rem; color: var(--iv-muted); }
.sava-iv__empty { color: var(--iv-muted); }

@media (max-width: 600px) {
	.sava-iv__actions { flex-direction: column-reverse; }
	.sava-iv__button { width: 100%; }
	.sava-iv__item { padding: .5rem .5rem .5rem 0; }
	.sava-iv__advice { padding: .875rem 1rem; }
}