/* ==========================================================================
   KADENCE INTEGRACIJA

   Kadence turi savo globalią spalvų paletę ir savo konteinerius, kurie turi
   nuosavą (dažniausiai baltą) foną. Todėl vien pakeitus <body> foną rezultato
   nesimato — turinio blokas lieka baltas ir uždengia jį.

   Šis failas daro du dalykus:
     1. Kadence paletės kintamiesiems priskiria mūsų tokenų reikšmes
     2. Konteinerių fonus nuima arba prilygina popieriaus spalvai

   Alternatyva — tas pačias spalvas suvesti ranka per Konfigūruoti →
   Colors & Fonts. Rezultatas toks pat, bet tada jos gyvena duomenų bazėje,
   o ne kode, ir jų nebeperkelsi kartu su tema.
   ========================================================================== */

/* --- 1. Kadence globalios paletės susiejimas -------------------------------
   Kadence numeruoja spalvas nuo 1 iki 9: 1–2 akcentai, 3–5 tekstas,
   6–9 fonai nuo tamsiausio iki šviesiausio.
   -------------------------------------------------------------------------- */

:root {
	--global-palette1: #C68F63;   /* akcentas — molis */
	--global-palette2: #B57D52;   /* akcentas tamsesnis */
	--global-palette3: #3B2B22;   /* stipriausias tekstas — rašalas */
	--global-palette4: #785C4A;   /* tekstas — žievė */
	--global-palette5: #8A6E5B;   /* silpnesnis tekstas */
	--global-palette6: #E4D6C6;   /* apvadai */
	--global-palette7: #F4ECE2;   /* fonas tamsesnis */
	--global-palette8: #FBF7F2;   /* fonas — popierius */
	--global-palette9: #FFFFFF;

	--global-palette-highlight: var(--vu-clay);
	--global-palette-highlight-alt: var(--vu-clay);
	--global-palette-highlight-alt2: var(--vu-paper);

	--global-palette-btn: var(--vu-invert);
	--global-palette-btn-bg: var(--vu-ink);
	--global-palette-btn-hover: var(--vu-invert);
	--global-palette-btn-bg-hover: #241A15;

	--global-content-background: var(--vu-paper);
	--global-body-background: var(--vu-paper);

	/* Turinio plotis.
	   Prototipe turinys telpa į 1280 px. Be šito Kadence naudoja savo numatytąjį
	   (dažnai platesnį) plotį, ir puslapis atrodo ištemptas: eilutės per ilgos,
	   o kolonos išsiskirsto per visą ekraną. */
	--global-content-width: 1280px;
	--global-content-narrow-width: 1280px;
	--global-content-edge-padding: clamp(18px, 4vw, 52px);

	--global-heading-font-family: var(--vu-font-display);
	--global-primary-font-family: var(--vu-font-body);
}

/* --- 2. Konteinerių fonai --------------------------------------------------
   Dizainas yra plokščias: turinys neguli baltoje „kortelėje", o tiesiai ant
   popieriaus. Todėl visi tarpiniai konteineriai daromi permatomi, o foną
   nustato tik <body>.
   -------------------------------------------------------------------------- */

/* Foną nustato TIK <body>. Visi vidiniai konteineriai — permatomi.
   Svarbu: .site-container ir .content-container naudojami ir poraštėje bei
   antraštėje, todėl priskyrus jiems popieriaus spalvą tamsios poraštės
   viduryje atsiranda kreminė juosta. */
body {
	background-color: var(--vu-paper);
}

#wrapper,
.site,
#inner-wrap,
.site-container,
.content-container,
#main,
.site-main,
.content-area,
.content-wrap,
.entry-content-wrap,
.content-bg,
.entry.single-entry,
.entry.loop-entry,
.wp-site-blocks,
.entry-hero-container-inner,
.hero-section-overlay {
	background-color: transparent;
	box-shadow: none;
}

/* Įrašų sąrašo kortelės — apvadas vietoj baltos „kortelės". */
.loop-entry.content-bg {
	border: 1px solid var(--vu-hair);
	border-radius: var(--vu-radius);
}

/* --- 3. Antraštė ir poraštė ----------------------------------------------- */

#masthead,
.site-header,
.site-header-wrap,
.site-main-header-wrap,
.site-top-header-wrap,
.site-bottom-header-wrap {
	background-color: var(--vu-paper);
}

.site-main-header-wrap {
	border-bottom: 1px solid var(--vu-hair);
}

#colophon,
.site-footer,
.site-footer-wrap,
.site-middle-footer-wrap,
.site-bottom-footer-wrap {
	background-color: var(--vu-ink);
	color: var(--vu-invert);
}

#colophon a,
.site-footer a {
	color: rgba(245, 237, 228, .68);
}

#colophon a:hover,
.site-footer a:hover {
	color: var(--vu-invert);
}

#colophon h1, #colophon h2, #colophon h3,
#colophon h4, #colophon h5, #colophon h6,
.site-footer .widget-title {
	color: var(--vu-clay);
	font-family: var(--vu-font-body);
	font-size: .69rem;
	font-weight: 800;
	letter-spacing: .17em;
	text-transform: uppercase;
	font-stretch: normal;
}

/* --- 4. Meniu ------------------------------------------------------------- */

.header-navigation .header-menu-container > ul > li > a {
	font-family: var(--vu-font-body);
	font-size: .88rem;
	font-weight: 600;
	color: var(--vu-ink);
}

.header-navigation .header-menu-container > ul > li > a:hover,
.header-navigation .header-menu-container > ul > li.current-menu-item > a {
	color: var(--vu-clay);
}

/* --- 5. Kadence mygtukai -------------------------------------------------- */

.wp-block-kadence-advancedbtn .kb-button,
.button,
button:not(.components-button):not(.vu-chip):not(.qty button),
input[type="submit"] {
	font-family: var(--vu-font-body);
	font-weight: 700;
	border-radius: var(--vu-radius);
}

/* --- 6. Puslapio antraštės sritis (hero) ---------------------------------- */

.entry-hero .entry-header {
	background-color: transparent;
}

.entry-hero-container-inner .entry-title {
	font-family: var(--vu-font-display);
	font-stretch: var(--vu-stretch-display);
	letter-spacing: -.035em;
	color: var(--vu-ink);
}

/* Ribotas, centruotas karkasas. Pavadėlis lieka dekoracija už turinio. */
body #wrapper { width: 100%; min-width: 0; }
body #inner-wrap .content-container,
body #masthead .site-container {
 box-sizing: border-box !important;
 width: 100% !important; max-width: 1440px !important; min-width: 0 !important;
 margin-inline: auto !important;
 padding-inline: clamp(18px, 3vw, 40px) !important;
}
body #inner-wrap .content-wrap,
body #inner-wrap .content-area,
body #inner-wrap .site-main,
body #inner-wrap .entry-content-wrap { min-width: 0 !important; max-width: 100%; }
body #inner-wrap .site-main { padding-left: 0 !important; }
body #masthead .site-header-section,
body #masthead .site-header-item { min-width: 0; }
body #masthead .site-branding {
 margin-inline: 0 !important; transform: none !important;
 position: relative; left: auto !important; right: auto !important;
 flex-shrink: 0;
}
body #masthead .site-branding a.brand,
body #masthead .site-branding .site-logo {
 margin-inline: 0 !important; transform: none !important;
 position: relative; left: auto !important; right: auto !important;
}
body #masthead .site-branding img {
 width: auto !important; height: auto !important;
 max-width: clamp(120px, 13vw, 190px) !important;
 max-height: 110px !important; object-fit: contain;
}
body #masthead .header-menu-container > ul { flex-wrap: wrap; }
body #masthead .header-menu-container > ul > li > a {
 padding-inline: clamp(7px, .8vw, 14px);
}
/* Pilno pločio blokai nebeišstumiami už turinio ribų. */
body #inner-wrap .entry-content > .alignfull {
 width: 100% !important; max-width: 100% !important;
 margin-inline: 0 !important; left: auto !important; right: auto !important;
}