/* ==========================================================================
   Ateities vaikai – bazė: kintamieji, tipografija, mygtukai
   ========================================================================== */
:root {
	/* Paletė iš logotipo: lapų žalia, kamieno ruda, oranžinė (UŽIMTUMO STUDIJA), geltona, rožinė, žydra, alyvinė.
	   Kintamųjų pavadinimai palikti suderinamumui: --av-purple = pagrindinė (tamsiai žalia), --av-coral = oranžinė. */
	--av-purple: #3F6B1C;
	--av-purple-700: #2F5314;
	--av-purple-900: #243F12;
	--av-purple-50: #F2F8E9;
	--av-purple-100: #DDEDC8;
	--av-coral: #E2603A;
	--av-coral-600: #C94A28;
	--av-coral-50: #FFF1EA;
	--av-green: #7BB043;
	--av-green-700: #4E7A24;
	--av-green-50: #F2F8E9;
	--av-mint: #CDEFF5;
	--av-mint-50: #EEF9FC;
	--av-yellow: #F6C343;
	--av-yellow-50: #FFF7DC;
	--av-pink: #D6337E;
	--av-pink-50: #FDEAF3;
	--av-sky: #5BBFD3;
	--av-lilac: #C48FD8;
	--av-brown: #3B2A1E;
	--av-ink: #3B2A1E;
	--av-muted: #6B5A4C;
	--av-line: #EDE6DA;
	--av-bg: #FFFFFF;
	--av-cream: #FFFBF3;

	--av-font-head: "Baloo 2", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
	--av-font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

	--av-r-lg: 28px;
	--av-r-md: 18px;
	--av-r-sm: 10px;
	--av-r-pill: 999px;

	--av-shadow-sm: 0 2px 8px rgba(59, 42, 30, .07);
	--av-shadow: 0 12px 32px -12px rgba(59, 42, 30, .24);
	--av-shadow-lg: 0 24px 60px -20px rgba(59, 42, 30, .32);

	--av-wide: 1180px;
	--av-narrow: 820px;
	--av-gutter: clamp(16px, 4vw, 32px);
	--av-section: clamp(56px, 8vw, 104px);
	--av-header-h: 84px;
	--av-ease: cubic-bezier(.2, .7, .2, 1);
}

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

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: calc(var(--av-header-h) + 16px); }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

body {
	margin: 0;
	background: var(--av-bg);
	color: var(--av-ink);
	font-family: var(--av-font-body);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

img, video, svg, iframe { max-width: 100%; height: auto; }
img { display: block; }
figure { margin: 0; }

a { color: var(--av-purple); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color .2s var(--av-ease); }
a:hover { color: var(--av-coral-600); }

:focus-visible { outline: 3px solid var(--av-coral); outline-offset: 3px; border-radius: 6px; }

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .5em;
	font-family: var(--av-font-head);
	font-weight: 700;
	line-height: 1.15;
	color: var(--av-purple);
	letter-spacing: 0;
	text-wrap: balance;
}
h1 { font-size: clamp(2rem, 1.3rem + 3vw, 3.6rem); }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.35rem); }
h3 { font-size: clamp(1.25rem, 1.1rem + .7vw, 1.6rem); }
h4 { font-size: 1.2rem; }
h5, h6 { font-size: 1rem; }

p, ul, ol, dl, blockquote, pre, table { margin: 0 0 1.1em; }
ul, ol { padding-left: 1.3em; }
li + li { margin-top: .3em; }
strong, b { font-weight: 700; }
hr { border: 0; height: 1px; background: var(--av-line); margin: 2.5em 0; }
small { font-size: .85em; }

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

.av-skip {
	position: absolute; left: 12px; top: -60px; z-index: 1000;
	padding: 10px 18px; border-radius: var(--av-r-pill);
	background: var(--av-purple); color: #fff; font-family: var(--av-font-head);
}
.av-skip:focus { top: 12px; color: #fff; }

.av-container { width: 100%; max-width: calc(var(--av-wide) + var(--av-gutter) * 2); margin-inline: auto; padding-inline: var(--av-gutter); }

.av-icon { flex: none; width: 1.15em; height: 1.15em; vertical-align: -.2em; }

/* ---------- Mygtukai ---------- */
.av-btn,
.wp-block-button__link,
.wp-element-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	min-height: 52px;
	padding: 14px 28px;
	border: 2px solid transparent;
	border-radius: var(--av-r-pill);
	background: var(--av-purple);
	color: #fff;
	font-family: var(--av-font-head);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: .06em;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	transition: transform .2s var(--av-ease), box-shadow .2s var(--av-ease), background-color .2s, color .2s, border-color .2s;
}
.av-btn:hover,
.wp-block-button__link:hover { color: #fff; background: var(--av-purple-700); transform: translateY(-2px); box-shadow: var(--av-shadow); }
.av-btn:active,
.wp-block-button__link:active { transform: translateY(0); }

.av-btn--coral,
.is-style-coral .wp-block-button__link { background: var(--av-coral); color: var(--av-ink); }
.av-btn--coral:hover,
.is-style-coral .wp-block-button__link:hover { background: var(--av-coral-600); color: var(--av-ink); }

.av-btn--purple,
.is-style-purple .wp-block-button__link { background: var(--av-purple); color: #fff; }

.av-btn--ghost,
.is-style-ghost .wp-block-button__link,
.is-style-outline .wp-block-button__link { background: transparent; color: var(--av-purple); border-color: currentColor; }
.av-btn--ghost:hover,
.is-style-ghost .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:hover { background: var(--av-purple); border-color: var(--av-purple); color: #fff; }

.av-btn--white { background: #fff; color: var(--av-purple); }
.av-btn--white:hover { background: var(--av-purple-50); color: var(--av-purple-700); }

.av-btn--block { width: 100%; }
.av-btn .av-icon { width: 18px; height: 18px; }

.wp-block-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 1.2em; }
.wp-block-buttons > .wp-block-button { margin: 0; }

.av-link-arrow {
	display: inline-flex; align-items: center; gap: .4em;
	font-family: var(--av-font-head); font-weight: 600; font-size: 14px;
	letter-spacing: .04em; text-transform: uppercase; text-decoration: none;
}
.av-link-arrow .av-icon { transition: transform .2s var(--av-ease); }
.av-link-arrow:hover .av-icon { transform: translateX(4px); }

.av-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* ---------- Spalvų klasės (theme.json paletė) ---------- */
.has-purple-color { color: var(--av-purple) !important; }
.has-coral-color { color: var(--av-coral) !important; }
.has-ink-color { color: var(--av-ink) !important; }
.has-purple-background-color { background-color: var(--av-purple) !important; }
.has-purple-50-background-color { background-color: var(--av-purple-50) !important; }
.has-green-50-background-color { background-color: var(--av-green-50) !important; }
.has-mint-50-background-color { background-color: var(--av-mint-50) !important; }
.has-coral-50-background-color { background-color: var(--av-coral-50) !important; }
.has-yellow-background-color { background-color: var(--av-yellow) !important; }
.has-yellow-50-background-color { background-color: var(--av-yellow-50) !important; }
.has-cream-background-color { background-color: var(--av-cream) !important; }
.has-pink-color { color: var(--av-pink) !important; }
.has-green-color { color: var(--av-green) !important; }