/*
Theme Name: Vilniaus tautodailė
Author: Sandra
Description: Block tema vilniaustautodaile.lt — Gridly (lda.lt) minimalizmo kalba: masonry kortelės, be šešėlių ir apvalintų kampų.
Version: 0.6.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: vilniaus-tautodaile
*/

/* ---------- Antraštė ---------- */

.vt-header {
	border-bottom: 1px solid var(--wp--custom--color-border);
	padding-block: var(--wp--preset--spacing--md);
	margin-bottom: var(--wp--preset--spacing--lg);
}

/* Dropdown'ai lda.lt kalba: baltas fonas, plona linija, be šešėlių */
.wp-block-navigation .wp-block-navigation__submenu-container {
	background: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--custom--color-border) !important;
	border-radius: 0;
	box-shadow: none !important;
	padding: var(--wp--preset--spacing--xs);
	min-width: 220px;
}

.wp-block-navigation .wp-block-navigation-item__content {
	padding: var(--wp--preset--spacing--xs) var(--wp--preset--spacing--sm);
}

/* ---------- Masonry kortelių srautas ---------- */

.vt-masonry {
	columns: 1;
	column-gap: var(--wp--custom--grid-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 660px) {
	.vt-masonry { columns: 2; }
}

@media (min-width: 960px) {
	.vt-masonry { columns: 3; }
}

.vt-masonry > li {
	break-inside: avoid;
	margin: 0 0 var(--wp--preset--spacing--lg);
}

/* Kortelės anatomija: kategorija -> nuotrauka -> H2 -> ištrauka -> data -> toliau */
.vt-masonry .wp-block-post-terms {
	margin-bottom: var(--wp--preset--spacing--xs);
}

.vt-masonry .wp-block-post-featured-image {
	margin: 0 0 var(--wp--preset--spacing--sm);
}

.vt-masonry .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
}

.vt-masonry .wp-block-post-title {
	margin: 0 0 var(--wp--preset--spacing--xs);
}

.vt-masonry .wp-block-post-excerpt {
	margin: 0 0 var(--wp--preset--spacing--xs);
}

.vt-masonry .wp-block-post-date {
	display: block;
	margin-bottom: var(--wp--preset--spacing--xs);
}

/* Parašo elementas: „toliau" su rodykle, hover — akcentas */
.wp-block-read-more {
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.wp-block-read-more::after {
	content: " \2192";
}

.wp-block-read-more:hover {
	color: var(--wp--preset--color--accent);
}

/* ---------- Puslapiavimas: tik senesni/naujesni ---------- */

.vt-pagination {
	margin-top: var(--wp--preset--spacing--lg);
	font-weight: 700;
}

.vt-pagination a:hover {
	color: var(--wp--preset--color--accent);
}

/* ---------- Vieno įrašo puslapis ---------- */

.vt-post-meta {
	gap: var(--wp--preset--spacing--sm);
	color: var(--wp--preset--color--muted);
	font-size: var(--wp--preset--font-size--small);
	margin-bottom: var(--wp--preset--spacing--lg);
}

.vt-post-meta a {
	color: inherit;
}

/* Turinio nuorodos — pabrauktos, kad matytųsi tekste */
.wp-block-post-content a {
	text-decoration: underline;
}

.wp-block-post-content a:hover {
	color: var(--wp--preset--color--accent);
}

/* Galerijos rimuojasi su masonry: tie patys tarpai, be rėmelių */
.wp-block-post-content .wp-block-gallery {
	gap: var(--wp--custom--grid-gap);
}

.wp-block-post-content .wp-block-gallery figure {
	margin: 0;
}

.wp-block-post-content img {
	border-radius: 0;
}

/* ---------- Footer ---------- */

.vt-footer {
	border-top: 1px solid var(--wp--custom--color-border);
	margin-top: var(--wp--preset--spacing--xl);
	padding-block: var(--wp--preset--spacing--lg);
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--muted);
}

.vt-footer a {
	color: inherit;
	text-decoration: underline;
}

/* ---------- Prieinamumas ---------- */

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/* ============================================================
   Front page kortelės: kategorijų spalvos pagal tipą,
   minimalus „taško" stilius, judesys (hover + scroll reveal, be JS).
   ============================================================ */

.vt-masonry > li { --cat: #6b7280; }
.vt-masonry > li.category-aukso-vainikas,
.vt-masonry > li.category-sidabrinis-vainikelis,
.vt-masonry > li.category-monikos-konkursas { --cat: #c0891e; }
.vt-masonry > li.category-parodos,
.vt-masonry > li.category-parodos-uzsienyje { --cat: #0e8a86; }
.vt-masonry > li.category-meno-kurejai { --cat: #6d5bd0; }
.vt-masonry > li.category-naujienos,
.vt-masonry > li.category-kronika,
.vt-masonry > li.category-spaudoje { --cat: #e63329; }
.vt-masonry > li.category-verbos,
.vt-masonry > li.category-kaziukas,
.vt-masonry > li.category-piligrimai,
.vt-masonry > li.category-plenerai-stovyklos { --cat: #3f9142; }
.vt-masonry > li.category-veikla,
.vt-masonry > li.category-leidyba,
.vt-masonry > li.category-skelbimai { --cat: #2f6fb0; }

/* Kategorija: spalvotas taškas + tekstas (be juostos) */
.vt-masonry .wp-block-post-terms {
	display: block;
	margin-bottom: var(--wp--preset--spacing--sm);
	font-size: 12px;
	font-weight: 700;
}
.vt-masonry .wp-block-post-terms::before {
	content: "";
	display: inline-block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--cat);
	margin-right: 7px;
	vertical-align: middle;
}
.vt-masonry .wp-block-post-terms a { color: var(--cat); text-decoration: none; }

/* Antraštės lengvesnės — nekonkuruoja su nuotraukom */
.vt-masonry .wp-block-post-title { font-weight: 600; line-height: 1.35; }
.vt-masonry .wp-block-post-title a {
	color: #2b2b2b;
	text-decoration: none;
	background-image: linear-gradient(var(--cat), var(--cat));
	background-size: 0 2px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	padding-bottom: 2px;
	transition: background-size .3s ease, color .2s ease;
}
.vt-masonry > li:hover .wp-block-post-title a { background-size: 100% 2px; color: var(--cat); }

/* Ištrauka pilkesnė */
.vt-masonry .wp-block-post-excerpt { color: #707070; }

/* Judesys: hover nuotrauka priartėja */
.vt-masonry .wp-block-post-featured-image { overflow: hidden; }
.vt-masonry .wp-block-post-featured-image img { transition: transform .5s ease; }
.vt-masonry > li:hover .wp-block-post-featured-image img { transform: scale(1.045); }

/* „toliau" hover spalva */
.vt-masonry .wp-block-read-more:hover { color: var(--cat); }

/* Judesys: scroll reveal (grynas CSS, Chrome/Edge) */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.vt-masonry > li {
			animation: vt-reveal linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 45%;
		}
		@keyframes vt-reveal {
			from { opacity: 0; transform: translateY(26px); }
			to   { opacity: 1; transform: translateY(0); }
		}
	}
}

/* ============================================================
   Šriftai: Fraunces (antraštės) + Inter (tekstas), latin + latin-ext
   ============================================================ */
@font-face{font-family:'Fraunces';font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/fraunces-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/fraunces-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Fraunces';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/fraunces-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Fraunces';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/fraunces-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-400-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:400;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-ext-400-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-600-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:600;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-ext-600-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-700-normal.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:700;font-style:normal;font-display:swap;src:url('assets/fonts/inter-latin-ext-700-normal.woff2') format('woff2');unicode-range:U+0100-02BA,U+1E00-1E9F,U+1EF2-1EFF,U+2C60-2C7F,U+A720-A7FF}

/* ============================================================
   Header (sticky, su oru viršuj) + Footer
   ============================================================ */
.vt-header {
	position: sticky; top: 0; z-index: 30;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--custom--color-border);
	padding-block: 28px 14px;               /* oras viršuj — neprilimpa */
	margin-bottom: var(--wp--preset--spacing--lg);
}
.vt-header .alignwide { align-items: center; }
.vt-brand { gap: 0; }
.vt-header .wp-block-site-title {
	font-family: var(--wp--preset--font-family--heading);
	font-size: 25px; font-weight: 700; line-height: 1;
}
.vt-header .wp-block-site-title a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.vt-subtitle { font-size: 12px; color: var(--wp--preset--color--muted); margin: 6px 0 0; }
.vt-nav { align-items: center; gap: var(--wp--preset--spacing--md); }
.vt-header .wp-block-navigation { font-size: 14px; font-weight: 600; }

.vt-footer {
	border-top: 1px solid var(--wp--custom--color-border);
	margin-top: var(--wp--preset--spacing--xl);
	padding-block: var(--wp--preset--spacing--lg);
	font-size: 14px; color: #5f5f57;
}
.vt-footer .wp-block-heading {
	font-family: var(--wp--preset--font-family--body);
	font-size: 12px; text-transform: uppercase; letter-spacing: .06em;
	font-weight: 700; color: #9a9a8f; margin: 0 0 12px;
}
.vt-footer p { margin: 0 0 10px; line-height: 1.6; }
.vt-footer a { color: #5f5f57; }
.vt-ktaryba img { max-width: 150px; height: auto; opacity: .85; }
.vt-copyright {
	border-top: 1px solid var(--wp--custom--color-border);
	margin-top: var(--wp--preset--spacing--md); padding-top: 16px;
	font-size: 13px; color: #9a9a8f;
}

/* ============================================================
   Ilgos nuorodos / URL nelaužo konteinerio
   ============================================================ */
.wp-block-post-content,
.wp-block-post-content a,
.wp-block-post-excerpt,
.wp-block-post-title,
.wp-block-post-title a,
.vt-masonry a,
.vt-footer,
.vt-footer a {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
/* Ilgi vientisi URL'ai laužiami bet kur */
.wp-block-post-content a,
.vt-footer a {
	overflow-wrap: anywhere;
}

/* ============================================================
   Paieškos mygtukas (ikona)
   ============================================================ */
.wp-block-search__button.has-icon {
	line-height: 0;
	background-color: #ffffff;
	color: #32373c;
}

/* ============================================================
   Header kompaktiškas: logotipas + užrašas + meniu vienoj juostoj
   ============================================================ */
.vt-header { padding-block: 10px; }
.vt-header .alignwide { align-items: center; gap: var(--wp--preset--spacing--md); }
.vt-brand { display: flex; flex-direction: row; align-items: center; gap: 12px; flex-wrap: nowrap; }
.vt-brand .wp-block-site-logo { margin: 0; line-height: 0; }
.vt-brand .wp-block-site-logo img { width: 48px; height: auto; display: block; }
.vt-subtitle {
	margin: 0;
	font-family: var(--wp--preset--font-family--body);
	font-size: 12px; line-height: 1.25;
	color: var(--wp--preset--color--muted);
	max-width: 210px;
}
.vt-nav { gap: var(--wp--preset--spacing--sm); }
.vt-header .wp-block-navigation { font-size: 14px; font-weight: 600; }

/* ============================================================
   Header — variantas 1: plati viena juosta (galutinis)
   ============================================================ */
.vt-header {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--custom--color-border);
	padding-block: 14px;
	padding-inline: clamp(18px, 4vw, 48px);
	margin-block: 0 var(--wp--preset--spacing--lg);
	align-items: center;
	gap: 28px;
	flex-wrap: wrap;
}
.vt-brand { display: flex; align-items: center; gap: 12px; flex-wrap: nowrap; }
.vt-brand .wp-block-site-logo { margin: 0; line-height: 0; }
.vt-brand .wp-block-site-logo img { width: 46px; height: auto; display: block; }
.vt-subtitle {
	margin: 0;
	font-family: var(--wp--preset--font-family--heading);
	font-weight: 700;
	font-size: 15px;
	line-height: 1.15;
	color: var(--wp--preset--color--contrast);
	max-width: 240px;
}
.vt-nav { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; }
.vt-header .wp-block-navigation { font-size: 14px; font-weight: 600; }
.vt-header .wp-block-navigation a:hover { color: var(--wp--preset--color--accent); }

@media (max-width: 600px) {
	.vt-header { padding-inline: 18px; gap: 14px; }
	.vt-subtitle { font-size: 14px; max-width: none; }
}

/* ============================================================
   Footer — platus, erdvus (atitinka header'į)
   ============================================================ */
.vt-footer {
	border-top: 1px solid var(--wp--custom--color-border);
	margin-top: var(--wp--preset--spacing--xl);
	padding-block: 52px 32px;
	padding-inline: clamp(18px, 4vw, 48px);
	font-size: 14px;
	color: #5f5f57;
}
.vt-footer-cols {
	gap: clamp(24px, 5vw, 72px);
	margin-bottom: var(--wp--preset--spacing--lg);
}
.vt-footer .wp-block-heading {
	font-family: var(--wp--preset--font-family--body);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .06em;
	font-weight: 700;
	color: #9a9a8f;
	margin: 0 0 14px;
}
.vt-footer p { margin: 0 0 10px; line-height: 1.65; }
.vt-footer a { color: #5f5f57; }
.vt-ktaryba { margin: 0; }
.vt-ktaryba img { max-width: 150px; height: auto; opacity: .85; }
.vt-copyright {
	border-top: 1px solid var(--wp--custom--color-border);
	margin: 0;
	padding-top: 18px;
	font-size: 13px;
	color: #9a9a8f;
}

@media (max-width: 782px) {
	.vt-footer-cols { display: block; }
	.vt-footer-cols .wp-block-column { margin-bottom: var(--wp--preset--spacing--lg); }
	.vt-footer-cols .wp-block-column[style] { flex-basis: auto !important; }
}
@media (max-width: 600px) {
	.vt-footer { padding-inline: 18px; padding-block: 40px 28px; }
}

/* ============================================================
   Sticky FIX: lipni pati <header> template-part juosta.
   (Vidinis .vt-header negali „lipti" — jo tėvas <header> žemas.)
   ============================================================ */
.vt-header { position: static; margin-block: 0; }
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
	background: var(--wp--preset--color--base);
	margin-bottom: var(--wp--preset--spacing--lg);
}

/* ============================================================
   Menininko puslapis: portretas + bio kolonos, darbai tinkleliu
   ============================================================ */
.vt-artist {
	margin-bottom: var(--wp--preset--spacing--lg);
	gap: clamp(20px, 4vw, 40px);
}
.vt-artist .wp-block-column img { width: 100%; height: auto; display: block; }
.vt-artist p { margin-top: 0; }
.vt-works { margin-top: var(--wp--preset--spacing--md); }
.vt-works figcaption {
	font-size: 13px;
	color: var(--wp--preset--color--muted);
	margin-top: 6px;
	text-align: left;
}

/* ============================================================
   Menininko puslapio pataisos + archyvas be nuotraukų
   ============================================================ */
/* Portretas — natūralaus dydžio (netempiam mažo iki kolonos) */
.vt-artist .wp-block-column:first-child img {
	width: min-content;
	max-width: 150px;
	height: auto;
}
/* Darbai užpildo tinklelį */
.vt-works .wp-block-image { margin: 0; }
.vt-works .wp-block-image img { width: 100%; height: auto; }

/* Meno kūrėjų archyve — be featured nuotraukų, tik tekstas/excerpt */
body.category-meno-kurejai .vt-masonry .wp-block-post-featured-image { display: none; }

/* ============================================================
   Single puslapis: kategorijos žymė — spalvotas taškas (pagal tipą)
   ============================================================ */
body { --cat: #6b7280; }
body.category-aukso-vainikas,
body.category-sidabrinis-vainikelis,
body.category-monikos-konkursas { --cat: #c0891e; }
body.category-parodos,
body.category-parodos-uzsienyje { --cat: #0e8a86; }
body.category-meno-kurejai { --cat: #6d5bd0; }
body.category-naujienos,
body.category-kronika,
body.category-spaudoje { --cat: #e63329; }
body.category-verbos,
body.category-kaziukas,
body.category-piligrimai,
body.category-plenerai-stovyklos { --cat: #3f9142; }
body.category-veikla,
body.category-leidyba,
body.category-skelbimai { --cat: #2f6fb0; }

.vt-post-meta .wp-block-post-terms { font-size: 12px; font-weight: 700; }
.vt-post-meta .wp-block-post-terms::before {
	content: "";
	display: inline-block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: var(--cat);
	margin-right: 7px;
	vertical-align: middle;
}
.vt-post-meta .wp-block-post-terms a { color: var(--cat); text-decoration: none; }

/* ============================================================
   Single meta kategorija — patikimai pagal nuorodą (href), su tašku
   ============================================================ */
.vt-post-meta .wp-block-post-terms::before { display: none; } /* nuimam tėvo tašką (buvo dublis) */
.vt-post-meta .wp-block-post-terms a {
	color: #6b7280;
	font-weight: 700;
	font-size: 12px;
	text-decoration: none;
}
.vt-post-meta .wp-block-post-terms a::before {
	content: "";
	display: inline-block;
	width: 8px; height: 8px;
	border-radius: 50%;
	background: currentColor;
	margin-right: 7px;
	vertical-align: middle;
}
.vt-post-meta a[href*="/category/aukso-vainikas/"],
.vt-post-meta a[href*="/category/sidabrinis-vainikelis/"],
.vt-post-meta a[href*="/category/monikos-konkursas/"] { color: #c0891e; }
.vt-post-meta a[href*="/category/parodos/"],
.vt-post-meta a[href*="/category/parodos-uzsienyje/"] { color: #0e8a86; }
.vt-post-meta a[href*="/category/meno-kurejai/"] { color: #6d5bd0; }
.vt-post-meta a[href*="/category/naujienos/"],
.vt-post-meta a[href*="/category/kronika/"],
.vt-post-meta a[href*="/category/spaudoje/"] { color: #e63329; }
.vt-post-meta a[href*="/category/verbos/"],
.vt-post-meta a[href*="/category/kaziukas/"],
.vt-post-meta a[href*="/category/piligrimai/"],
.vt-post-meta a[href*="/category/plenerai-stovyklos/"] { color: #3f9142; }
.vt-post-meta a[href*="/category/veikla/"],
.vt-post-meta a[href*="/category/leidyba/"],
.vt-post-meta a[href*="/category/skelbimai/"] { color: #2f6fb0; }

/* Nariai archyve — be featured nuotraukų (kaip Meno kūrėjų archyve) */
body.post-type-archive-vt_narys .vt-masonry .wp-block-post-featured-image { display: none; }

/* „Rodyti daugiau" mygtukas */
.vt-pagination.vt-loadmore { justify-content: center; }
.vt-pagination.vt-loadmore .wp-block-query-pagination-next {
	border: 1px solid var(--wp--custom--color-border);
	padding: 11px 26px;
	border-radius: 2px;
	transition: background-color .2s ease, border-color .2s ease;
}
.vt-pagination.vt-loadmore .wp-block-query-pagination-next:hover {
	background: #faf9f5;
	border-color: #d8d5cf;
	color: var(--wp--preset--color--contrast);
}

/* Pavadinimas — nuoroda be pabraukimo */
.vt-subtitle a { color: inherit; text-decoration: none; }

/* Mobile: sumuštinis (hamburger) dešinėje */
@media (max-width: 600px) {
	.vt-header { flex-wrap: nowrap; align-items: center; }
	.vt-brand { min-width: 0; }
	.vt-nav { margin-left: auto; flex: 0 0 auto; }
}

/* ---------- Mobile overlay meniu ----------
   Desktop: submeniu atsidaro ant hover (WP native).
   Mobile overlay: submeniu suskleisti, atidaromi paspaudus eilutę arba rodyklę
   (žr. assets/js/mobile-menu.js).

   Kodėl tiek !important — patikrinta @wordpress/block-library
   build-style/navigation/style.css:
     eil. 553  .wp-block-navigation-item__content { padding: 0 }        (0,5,0)
     eil. 549  .wp-block-navigation__submenu-container { padding-top: 2em }
     eil. 545  .wp-block-navigation__container { gap: inherit }
     eil. 530  .wp-block-navigation__submenu-icon { display: none }
   Core blokų stiliai spausdinami puslapio viduje, t.y. vėliau už temos
   style.css, ir jų specifiškumas didesnis. Be !important taisyklės neveikia.

   --navigation-layout-justification-setting core'e skaitomas tik dviejose
   vietose (eil. 523 ir 560) ir abi yra .is-menu-open viduje, tad perrašymas
   žemiau paliečia tik atidarytą mobile meniu. Desktop naudoja kitą kintamąjį
   (--navigation-layout-justify) ir lieka nepaliestas. */

/* Lygiuotė į dešinę — per patį WP kintamąjį, o ne kova su core taisyklėmis */
.wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: flex-end;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	text-align: right;
}

/* Tarpai — core gap:inherit paverčia netolygiais, todėl ritmą duoda padding */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	gap: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item {
	margin: 0;
	max-width: 100%;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	padding: 11px 0 !important;
}

/* Punktas su submeniu: [pavadinimas][rodyklė] vienoje eilutėje, submeniu — po jais */
.wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-submenu {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	justify-content: flex-end !important;
	align-items: center !important;
	width: 100% !important;
	cursor: pointer;
}

/* Rodyklė — core ją overlay'e slepia, grąžiname. Dydį duoda padding, ne width:
   core turi svg { width: inherit }, tad fiksuotas konteinerio dydis išpučia ikoną. */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 11px 0 11px 10px !important;
	background: transparent;
	border: 0;
	color: inherit;
	cursor: pointer;
	transition: transform .18s ease;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon svg {
	width: 12px !important;
	height: 12px !important;
	margin: 0 !important;
	flex: none !important;
	display: block;
}
.wp-block-navigation__responsive-container.is-menu-open li.vt-open > .wp-block-navigation__submenu-icon {
	transform: rotate(180deg);
}

/* Submeniu — suskleistas; be dėžutės, rėmelio, šešėlio, be core 2em padding'o */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	display: none !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 14px 6px 0 !important;
}
/* Atidarytas submeniu — atskira eilutė po tėviniu punktu */
.wp-block-navigation__responsive-container.is-menu-open li.vt-open > .wp-block-navigation__submenu-container {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-end !important;
	flex-basis: 100%;
	width: 100%;
}
/* Submeniu punktai — lengvesni, kad matytųsi hierarchija */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 9px 0 !important;
	font-weight: 400;
	opacity: 0.82;
}