/* ==========================================================================
   PAGRINDAS — reset, tipografijos skalė, karkasas.
   Tokenai: tokens.css. Komponentai: components.css.
   ========================================================================== */

/* ══════════════════════════════════════════════════════════════
   VIZGANTI UODEGA — v2
   Paletė:  paper / sand / clay / bark / ink / moss
   Tipo:    Archivo (wdth 118, display) + Manrope (body, utility)
   Signature: „pavadėlio linija" — viena SVG virvė, nusipiešianti scroll'inant
   ══════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;position:relative;background:var(--vu-paper);color:var(--vu-ink);
  font-family:var(--vu-font-body);font-size:16px;line-height:1.62;font-weight:400;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}

/* ── Tipografijos skalė ─────────────────────────────────────── */
.vu-d1,.vu-d2,.vu-d3{
  font-family:var(--vu-font-display);font-stretch:118%;font-weight:600;
  line-height:1.02;letter-spacing:-.035em;margin:0;
}
.vu-d1{font-size:clamp(2.6rem,6.2vw,5rem)}
.vu-d2{font-size:clamp(1.85rem,3.6vw,3rem)}
.vu-d3{font-size:clamp(1.02rem,1.5vw,1.2rem);letter-spacing:-.02em;line-height:1.2;font-weight:600;font-stretch:110%}
.vu-lede{font-size:clamp(1rem,1.35vw,1.12rem);color:var(--vu-bark);max-width:34ch}
.vu-util{font-family:var(--vu-font-body);font-size:.7rem;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--vu-clay)}
.vu-dim{color:var(--vu-bark)}

/* ── Karkasas ───────────────────────────────────────────────── */
.vu-wrap{max-width:var(--vu-wrap);margin-inline:auto;padding-inline:var(--vu-gut)}
.vu-rail{padding-left:calc(var(--vu-gut) + var(--vu-rail))}
.vu-sec{position:relative;z-index:1;padding-block:clamp(60px,7.5vw,116px)}
.vu-sec-tight{padding-block:clamp(40px,5vw,72px)}
.vu-sec-alt{background:var(--vu-paper-2)}
.vu-hr{height:1px;background:var(--vu-hair);border:0;margin:0}


/* ==========================================================================
   ELEMENTŲ NUMATYTIEJI STILIAI

   Aukščiau esančios .vu- klasės veikia tik ten, kur jos rankomis pridėtos.
   Bet Gutenberg antraštės, pastraipos ir sąrašai jokių klasių neturi —
   jie išeina kaip paprasti <h1>, <p>, <ul>. Be šios sekcijos toks turinys
   pasiimtų Kadence numatytuosius šriftus, ir naujas puslapis atrodytų
   kaip senoji tema.

   Todėl dizainas pririšamas prie pačių elementų. Klasės lieka tam,
   kad prireikus būtų galima nukrypti nuo numatytojo dydžio.
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	font-family: var(--vu-font-display);
	font-stretch: var(--vu-stretch-display);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -.03em;
	color: var(--vu-ink);
}

h1 { font-size: clamp(2.2rem, 4.4vw, 3.4rem); }
h2 { font-size: clamp(1.7rem, 3vw, 2.5rem); }
h3 { font-size: clamp(1.25rem, 1.9vw, 1.6rem); font-stretch: var(--vu-stretch-tight); letter-spacing: -.022em; }
h4 { font-size: clamp(1.05rem, 1.5vw, 1.25rem); font-stretch: var(--vu-stretch-tight); letter-spacing: -.018em; line-height: 1.2; }
h5 { font-size: 1rem;  font-stretch: var(--vu-stretch-tight); letter-spacing: -.012em; }
h6 { font-size: .875rem; font-stretch: var(--vu-stretch-tight); letter-spacing: .02em; }

/* Turinio sritis — atitinka prototipo straipsnio tekstą. */
.entry-content p,
.entry-content li {
	color: var(--vu-bark);
	line-height: 1.72;
}

.entry-content > p,
.entry-content > ul,
.entry-content > ol { margin-block: 0 1.15rem; }

.entry-content h2 { margin-block: 2.3rem .9rem; }
.entry-content h3 { margin-block: 1.8rem .6rem; }

.entry-content strong { color: var(--vu-ink); }

.entry-content a:not(.wp-block-button__link):not(.vu-btn) {
	color: var(--vu-ink);
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
	text-decoration-color: var(--vu-clay);
}

.entry-content a:not(.wp-block-button__link):not(.vu-btn):hover {
	text-decoration-thickness: 2px;
}

blockquote {
	border-left: 3px solid var(--vu-clay);
	padding: .3rem 0 .3rem 1.3rem;
	margin: 1.8rem 0;
	font-family: var(--vu-font-display);
	font-stretch: 112%;
	font-weight: 600;
	font-size: clamp(1.1rem, 1.7vw, 1.35rem);
	line-height: 1.3;
	letter-spacing: -.02em;
	color: var(--vu-ink);
}

blockquote p { color: inherit; font-size: inherit; }

hr, .wp-block-separator {
	border: 0;
	height: 1px;
	background: var(--vu-hair);
	margin-block: 2.4rem;
}

/* Gutenberg mygtuko blokas — ta pati forma kaip .vu-btn-1 */
.wp-block-button__link {
	font-family: var(--vu-font-body);
	font-size: .9rem;
	font-weight: 700;
	letter-spacing: .01em;
	padding: .9em 1.5em;
	border-radius: var(--vu-radius);
	background: var(--vu-ink);
	color: var(--vu-invert);
	border: 1.5px solid transparent;
	transition: background .2s var(--vu-ease), transform .2s var(--vu-ease);
}

.wp-block-button__link:hover {
	background: #241a15;
	color: var(--vu-invert);
	transform: translateY(-2px);
}

.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--vu-ink);
	border-color: var(--vu-ink);
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--vu-ink);
	color: var(--vu-invert);
}

.wp-block-image img { border-radius: var(--vu-radius); }

.wp-block-table table { border-collapse: collapse; font-size: .9rem; width: 100%; }
.wp-block-table th,
.wp-block-table td { border: 0; border-bottom: 1px solid var(--vu-hair); padding: .6em .7em; text-align: left; }
.wp-block-table th { font-family: var(--vu-font-body); font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 800; color: var(--vu-ink); }
.wp-block-table td { color: var(--vu-bark); }

/* ── Redaktorius ────────────────────────────────────────────────────────────
   Kad Gutenberg lange antraštė atrodytų taip pat, kaip svetainėje.
   -------------------------------------------------------------------------- */

.editor-post-title__input,
.wp-block-post-title,
.editor-post-title {
	font-family: var(--vu-font-display) !important;
	font-stretch: var(--vu-stretch-display);
	font-weight: 600;
	letter-spacing: -.035em;
	color: var(--vu-ink);
}

.editor-styles-wrapper { background: var(--vu-paper); }