/*
 * Resize Design rebrand 2026: tokenai.
 * Šaltinis: files/Resize_Design__Web_Specification.pdf (skaidrės 02-06), sprendimai: docs/redesign/01-specifikacija.md §8, DESIGN.md.
 * Visos rd-*.css reikšmės ima tik šiuos kintamuosius.
 */
:root {
	/* 01 šriftai */
	--font-serif: 'Instrument Serif', Georgia, serif;
	--font-sans: 'Archivo', system-ui, sans-serif;

	/* 03 spalvos (8 reikšmės) */
	--ink: #17140F;
	--dark: #100E0B;
	--cream: #FBF8F3;
	--bg: #F2EEE8;
	--panel: #F7F4EF;
	--brass: #C8A46A;
	--accent: #8A5A34;
	--rule: rgba(23, 20, 15, 0.14);
	--rule-light: rgba(255, 255, 255, 0.22);
	--rule-frame: rgba(23, 20, 15, 0.10); /* spec 05: paveikslų / kortelių rėmas */
	--body: rgba(23, 20, 15, 0.60);
	--meta: rgba(23, 20, 15, 0.60); /* spec: 50 %, bet 3.36:1 < AA; 60 % = 4.58:1 (01 §8 #20) */

	/* 04 scrim */
	--scrim: linear-gradient(to bottom, rgba(16, 14, 11, 0) 45%, rgba(16, 14, 11, 0.45) 75%, rgba(16, 14, 11, 0.88) 100%);

	/* 05 tarpai */
	--space-xs: 8px;
	--space-sm: 14px;
	--space-md: 24px;
	--space-lg: 32px;
	--space-xl: 64px;
	--space-2xl: 96px;
	--container: 1360px;
	--gutter: 64px;

	/* Paviršiaus kontekstas: šviesus (numatytas). Tamsiose vietose perrašoma žemiau. */
	--rd-fg: var(--ink);
	--rd-fg-body: var(--body);
	--rd-fg-meta: var(--meta);
	--rd-label: var(--accent);
	--rd-link: var(--accent);
	--rd-link-hover: var(--ink);
	--rd-line: var(--rule);
	--rd-mark: var(--accent);
	--rd-btn-bg: var(--ink);
	--rd-btn-fg: var(--cream);
	--rd-btn-bg-hover: var(--accent);
	--rd-btn-fg-hover: var(--cream);
	--ease: cubic-bezier(0.4, 0, 0.2, 1);

	/* 02 tipografinė skalė: rolės (ff šeima, fs dydis, lh, ls, fw, st stilius, tt transform, c spalva) */
	--rd-display-ff: var(--font-serif); --rd-display-fs: clamp(38px, 4.45vw, 64px); --rd-display-lh: 1.0;  --rd-display-ls: -0.02em; --rd-display-fw: 400; --rd-display-st: normal; --rd-display-tt: none; --rd-display-c: var(--rd-fg);
	--rd-h1-ff: var(--font-serif);      --rd-h1-fs: 44px;  --rd-h1-lh: 1.06; --rd-h1-ls: -0.01em; --rd-h1-fw: 400; --rd-h1-st: normal; --rd-h1-tt: none; --rd-h1-c: var(--rd-fg);
	--rd-h2-ff: var(--font-serif);      --rd-h2-fs: 34px;  --rd-h2-lh: 1.1;  --rd-h2-ls: -0.01em; --rd-h2-fw: 400; --rd-h2-st: normal; --rd-h2-tt: none; --rd-h2-c: var(--rd-fg);
	--rd-h2-italic-ff: var(--font-serif); --rd-h2-italic-fs: 34px; --rd-h2-italic-lh: 1.1; --rd-h2-italic-ls: -0.01em; --rd-h2-italic-fw: 400; --rd-h2-italic-st: italic; --rd-h2-italic-tt: none; --rd-h2-italic-c: var(--rd-fg);
	--rd-pullquote-ff: var(--font-serif); --rd-pullquote-fs: 26px; --rd-pullquote-lh: 1.3; --rd-pullquote-ls: 0; --rd-pullquote-fw: 400; --rd-pullquote-st: italic; --rd-pullquote-tt: none; --rd-pullquote-c: var(--rd-fg);
	--rd-h3-ff: var(--font-serif);      --rd-h3-fs: 22px;  --rd-h3-lh: 1.15; --rd-h3-ls: 0;       --rd-h3-fw: 400; --rd-h3-st: normal; --rd-h3-tt: none; --rd-h3-c: var(--rd-fg);
	--rd-eyebrow-ff: var(--font-sans);  --rd-eyebrow-fs: 13px; --rd-eyebrow-lh: 1.2; --rd-eyebrow-ls: 0.26em; --rd-eyebrow-fw: 500; --rd-eyebrow-st: normal; --rd-eyebrow-tt: uppercase; --rd-eyebrow-c: var(--rd-label);
	--rd-lead-ff: var(--font-sans);     --rd-lead-fs: 19px; --rd-lead-lh: 1.55; --rd-lead-ls: 0;  --rd-lead-fw: 400; --rd-lead-st: normal; --rd-lead-tt: none; --rd-lead-c: var(--rd-fg-body);
	--rd-body-ff: var(--font-sans);     --rd-body-fs: 17px; --rd-body-lh: 1.6;  --rd-body-ls: 0;  --rd-body-fw: 400; --rd-body-st: normal; --rd-body-tt: none; --rd-body-c: var(--rd-fg-body);
	--rd-caption-ff: var(--font-sans);  --rd-caption-fs: 15px; --rd-caption-lh: 1.4; --rd-caption-ls: 0; --rd-caption-fw: 400; --rd-caption-st: normal; --rd-caption-tt: none; --rd-caption-c: var(--rd-fg-meta);
	--rd-button-fs: 15px; --rd-button-lh: 1; --rd-button-ls: 0.06em; --rd-button-fw: 500;
}

/* Mobile (spec 02 + 08). Elementor mobile riba 767px. */
@media (max-width: 767px) {
	:root {
		--gutter: 24px;
		--rd-display-fs: 38px;
		--rd-h1-fs: 30px;
		--rd-h2-fs: 24px;
		--rd-h2-italic-fs: 24px;
		--rd-pullquote-fs: 22px;
		--rd-h3-fs: 20px;
		--rd-lead-fs: 17px;
		--rd-body-fs: 16px;
	}
}

/*
 * Tamsūs paviršiai (spec 03, 08): hero, header, footer, sekcijos su nuotrauka / video (klasė rd-dark, inc/rebrand.php).
 * Temos kintamieji perrašomi čia, todėl temos elementai viduje automatiškai gauna cream / baltą 80 % / brass.
 * Rolių spalvos (--rd-*-c) nurodo į --rd-fg ir kt., o jos apskaičiuojamos elemente, todėl jas reikia perrašyti čia pat.
 * Elementor globalios spalvos (--e-global-color-*) čia NEperrašomos (iki 2026-10-13 buvo): Elementor elementai tamsiuose
 * paviršiuose turi savo spalvas nustatymuose (Cream, Brass, Text on dark; migrate-elementor-native.php), kad redaktoriuje
 * pasirinkta spalva būtų ta, kuri matosi.
 */
.header-div,
.sidenav,
.footer-div .site-footer > .container,
.sticky,
.rd-dark,
.epas-lightbox {
	--rd-fg: var(--cream);
	--rd-fg-body: rgba(255, 255, 255, 0.80);
	--rd-fg-meta: rgba(255, 255, 255, 0.60);
	--rd-label: var(--brass);
	--rd-link: var(--brass);
	--rd-link-hover: var(--cream);
	--rd-line: var(--rule-light);
	--rd-mark: var(--brass);
	--rd-btn-bg: var(--cream);
	--rd-btn-fg: var(--ink);
	--rd-btn-bg-hover: var(--brass);
	--rd-btn-fg-hover: var(--ink);
	--rd-display-c: var(--rd-fg); --rd-h1-c: var(--rd-fg); --rd-h2-c: var(--rd-fg); --rd-h2-italic-c: var(--rd-fg); --rd-pullquote-c: var(--rd-fg); --rd-h3-c: var(--rd-fg);
	--rd-eyebrow-c: var(--rd-label); --rd-lead-c: var(--rd-fg-body); --rd-body-c: var(--rd-fg-body); --rd-caption-c: var(--rd-fg-meta);
}

/* Tekstas ant nuotraukos (scrim): eyebrow cream, ne brass (spec 04). */
.header-div.has-background,
.rd-photo {
	--rd-label: var(--cream);
	--rd-eyebrow-c: var(--cream);
	--rd-mark: var(--cream);
}

/* Desktop ANTRAŠTĖS +30 % (kliento prašymas 2026-10-12): tik nuo 1025 px; planšetė ir telefonas nesikeičia. Paprasti tekstai (body, lead, caption, mygtukai), header ir footer NEKEIČIAMI.
   Du šaltiniai turi sutapti: temos tokenai (rd-*.css) ir Elementor Kit globalūs šriftai (Site Settings → Global Fonts: desktop / tablet dydžiai
   nustatyti Kit'e, migrate-elementor-native.php; tema jų nebeperrašo).
   Seni dydžiai: display clamp(38px, 4.45vw, 64px) · h1 44 · h2 34 · h2 italic 34 · pullquote 26 · h3 22 · eyebrow 13 · lead 19 · body 17 · caption 15 · button 15. */
@media (min-width: 1025px) {
	:root {
		--rd-display-fs: clamp(49px, 5.8vw, 83px);
		--rd-h1-fs: 57px;
		--rd-h2-fs: 44px;
		--rd-h2-italic-fs: 44px;
		--rd-pullquote-fs: 34px;
		--rd-h3-fs: 29px;
		--rd-eyebrow-fs: 17px;
	}
	/* Išimtys (kliento patikslinimas): header, paieška, sidenav ir footer (temos šablonai) lieka senų dydžių, taip pat Kit žymų stiliai juose
	   (h1–h6 per --e-global-typography-*); mygtukų tekstas (--rd-button-fs, Kit rdbutton) nekeičiamas */
	:is(.header-div, #searchSidenav, .sidenav, .footer-div):not(#rd) {
		--rd-display-fs: clamp(38px, 4.45vw, 64px);
		--rd-h1-fs: 44px;
		--rd-h2-fs: 34px;
		--rd-h2-italic-fs: 34px;
		--rd-pullquote-fs: 26px;
		--rd-h3-fs: 22px;
		--rd-eyebrow-fs: 13px;
		--rd-lead-fs: 19px;
		--rd-body-fs: 17px;
		--rd-caption-fs: 15px;
		--e-global-typography-rddisplay-font-size: clamp(38px, 4.45vw, 64px);
		--e-global-typography-rdh1-font-size: 44px;
		--e-global-typography-primary-font-size: 34px;
		--e-global-typography-rdh2i-font-size: 34px;
		--e-global-typography-rdquote-font-size: 26px;
		--e-global-typography-rdh3-font-size: 22px;
		--e-global-typography-accent-font-size: 13px;
		--e-global-typography-secondary-font-size: 19px;
		--e-global-typography-text-font-size: 17px;
		--e-global-typography-rdcaption-font-size: 15px;
	}
}

/* Hero antraštės dydžiai (klientės patikslinimai 2026-10-12 / 13): Elementor hero (pradinis, hotellmobler, restaurangmobler, produktion)
   naudoja Global Fonts „Hero · Home“ (75 px) ir „Hero · Pages“ (60 px). Čia tik temos hero (kontorsmobler, arkitekter: .rd-hero-photo). */
@media (min-width: 1025px) {
	.rd-hero-photo:not(#rd) {
		--rd-display-fs: clamp(35px, 4.16vw, 60px);
		--rd-h2-italic-fs: 32px;
	}
}

/* Footer tekstai ~5 % didesni (klientės patikslinimas 2026-10-13), visi įrenginiai; Instagram juosta (savo dydžiai) ir antraštės neliečiamos */
.footer-div :is(.site-footer, .footer-copyright):not(#rd) {
	--rd-eyebrow-fs: 13.65px;
	--rd-lead-fs: 19.95px;
	--rd-body-fs: 17.85px;
	--rd-caption-fs: 15.75px;
	--rd-button-fs: 15.75px;
}
@media (max-width: 767px) {
	.footer-div :is(.site-footer, .footer-copyright):not(#rd) {
		--rd-lead-fs: 17.85px;
		--rd-body-fs: 16.8px;
	}
}