/*
Theme Name: Mokyklos tema
Theme URI: https://example.com/mokykla
Author: Mokyklos tinklalapio komanda
Description: Pilnaverė bloko (Full Site Editing) tema mokyklos tinklalapiui. Maksimalus prieinamumas, plati spalvų paletė (bordo ir vyšninių atspalviai), 7 stiliaus variantai, trijų skilčių išdėstymas, valdiklių sritys kairėje ir dešinėje, valdiklių juosta po pagrindiniu meniu bei virš turinio, prilipdomi įrašai, įrašų formatai, pilno pločio šablonas ir šablonų redagavimas tinklalapio redaktoriuje.
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mokykla
Tags: education, accessibility-ready, block-patterns, block-styles, custom-colors, custom-logo, editor-style, featured-images, full-site-editing, full-width-template, grid-layout, left-sidebar, right-sidebar, three-columns, wide-blocks, post-formats, sticky-post, style-variations, threaded-comments, translation-ready
*/

:root {
	--school-radius: 10px;
	--school-gutter: clamp(1rem, 4vw, 2rem);
	--school-sidebar-width: 300px;
	--school-full-content: 1000px;
	--school-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

html { scroll-behavior: smooth; }
body { overflow-wrap: break-word; }
img { height: auto; max-width: 100%; }

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* ---------- Prieinamumas ---------- */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
.skip-link {
	background: var(--wp--preset--color--primary-dark);
	color: #fff;
	left: -9999px;
	padding: 0.75rem 1rem;
	position: absolute;
	top: 0;
	z-index: 100000;
}
.skip-link:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	left: 0.5rem;
	top: 0.5rem;
	width: auto;
	margin: 0;
}
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--preset--color--secondary);
	outline-offset: 3px;
}
.school-topbar a:focus-visible, .school-masthead a:focus-visible,
.school-footer a:focus-visible, .school-hero a:focus-visible, .school-topbar button:focus-visible {
	outline-color: #fff;
}

html.school-underline-links a { text-decoration: underline !important; }
html.school-readable-font body,
html.school-readable-font body * {
	font-family: Verdana, Tahoma, Arial, sans-serif !important;
	letter-spacing: 0.03em;
}
html.school-readable-font body { line-height: 1.85; }

html.school-high-contrast {
	--wp--preset--color--base: #000;
	--wp--preset--color--surface: #0a0a0a;
	--wp--preset--color--contrast: #fff;
	--wp--preset--color--muted: #f2f2f2;
	--wp--preset--color--border: #fff;
	--wp--preset--color--primary: #ffe600;
	--wp--preset--color--primary-dark: #000;
	--wp--preset--color--primary-light: #111;
	--wp--preset--color--secondary: #00e5ff;
	--wp--preset--color--accent: #ffe600;
	--wp--preset--color--on-primary: #000;
}
html.school-high-contrast .school-masthead,
html.school-high-contrast .school-topbar,
html.school-high-contrast .school-footer { border-bottom: 2px solid #fff; }
html.school-high-contrast .school-hero h1,
html.school-high-contrast .school-hero p { color: #fff; }

/* ---------- Viršutinė juosta ---------- */
.school-topbar {
	background: var(--wp--preset--color--primary-dark);
	color: #fff;
	font-size: 0.875rem;
	padding: 0.4rem var(--school-gutter);
}
.school-topbar a { color: #fff; }
.school-topbar__inner { align-items: center; gap: 0.75rem 1.5rem; }
.school-topbar__note { margin: 0; }
.school-access { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.school-access button {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.65);
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	min-height: 32px;
	padding: 0.2rem 0.65rem;
}
.school-access button:hover { background: rgba(255, 255, 255, 0.18); }
.school-access button[aria-pressed="true"] {
	background: #fff;
	color: var(--wp--preset--color--primary-dark);
}

/* ---------- Antraštė ---------- */
.school-masthead {
	align-content: center;
	background-color: var(--wp--preset--color--primary-dark);
	background-image: linear-gradient(135deg, var(--wp--preset--color--primary-dark), var(--wp--preset--color--primary-dark));
	color: #fff;
	display: grid;
	min-height: var(--school-header-height, 0);
	padding: 1.25rem var(--school-gutter);
}
.school-masthead a { color: #fff; text-decoration: none; }
.school-masthead a:hover { text-decoration: underline; }
.school-masthead__inner { align-items: center; gap: 1rem 1.5rem; }
.school-masthead__text { gap: 0.15rem; }
.school-masthead .wp-block-site-title {
	font-family: var(--wp--preset--font-family--arial);
	font-size: clamp(1.4rem, 3vw, 2rem);
	font-weight: 700;
	margin: 0;
}
.school-masthead .wp-block-site-tagline { margin: 0; opacity: 0.92; }
.school-masthead .wp-block-search { margin-left: auto; max-width: 320px; width: 100%; }
.school-masthead .wp-block-search__inside-wrapper { background: #fff; border-radius: 6px; }
.school-masthead .wp-block-search__input { border: 0; color: #1f1a1a; background: transparent; }
.school-masthead .wp-block-search__button { background: var(--wp--preset--color--accent); color: #000; border: 0; }

/* ---------- Meniu: bendra ---------- */
.school-menu a { color: inherit; text-decoration: none; }
.school-menu__list { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }
.school-menu__list li { margin: 0; position: relative; }
.school-menu__toggle { display: none; }

/* ---------- Pagrindinis meniu (antraštėje) ---------- */
.school-navbar {
	background: var(--school-menu-main-bg, var(--wp--preset--color--primary));
	color: var(--school-menu-main-text, var(--wp--preset--color--on-primary));
	padding-inline: var(--school-gutter);
}
.school-navbar > .school-menu--main { margin-inline: auto; max-width: var(--wp--style--global--wide-size, 1200px); }
.school-menu--main { font-size: var(--school-menu-main-size, 1rem); font-weight: 600; }
.school-menu--main .school-menu__list { justify-content: var(--school-menu-main-justify, flex-start); }
.school-menu--main .school-menu__list > li > a {
	border-radius: var(--school-menu-main-radius, 0);
	display: block;
	padding: 0.85rem 1rem;
}
.school-menu--main li > a:hover,
.school-menu--main li:focus-within > a,
.school-menu--main .current-menu-item > a,
.school-menu--main .current_page_item > a,
.school-menu--main .current-menu-ancestor > a,
.school-menu--main [aria-current="page"] {
	background: var(--school-menu-main-hover, rgba(0, 0, 0, 0.22));
}
.school-menu--main .menu-item-has-children > a::after,
.school-menu--main .page_item_has_children > a::after { content: " ▾"; font-size: 0.8em; }
.school-menu--main .sub-menu,
.school-menu--main .children {
	background: var(--wp--preset--color--primary-dark);
	color: #fff;
	display: none;
	left: 0;
	list-style: none;
	margin: 0;
	min-width: 230px;
	padding: 0.35rem 0;
	position: absolute;
	top: 100%;
	z-index: 60;
}
.school-menu--main .sub-menu .sub-menu,
.school-menu--main .children .children { left: 100%; top: 0; }
.school-menu--main li:hover > .sub-menu,
.school-menu--main li:focus-within > .sub-menu,
.school-menu--main li:hover > .children,
.school-menu--main li:focus-within > .children { display: block; }
.school-menu--main .sub-menu a,
.school-menu--main .children a { display: block; padding: 0.6rem 1rem; }
.school-navbar a:focus-visible { outline-color: #fff; }

@media (max-width: 781px) {
	.school-js .school-menu--main .school-menu__toggle {
		background: transparent;
		border: 1px solid currentColor;
		border-radius: 6px;
		color: inherit;
		cursor: pointer;
		display: inline-block;
		font: inherit;
		margin: 0.5rem 0;
		min-height: 44px;
		padding: 0.4rem 1rem;
	}
	.school-js .school-menu--main .school-menu__list { display: none; flex-direction: column; }
	.school-js .school-menu--main.is-open .school-menu__list { display: flex; }
	.school-menu--main .sub-menu,
	.school-menu--main .children {
		background: transparent;
		display: block;
		padding-left: 1rem;
		position: static;
	}
	.school-menu--main .menu-item-has-children > a::after,
	.school-menu--main .page_item_has_children > a::after { content: ""; }
}

/* ---------- Antriniai meniu (viršutinė juosta, poraštė) ---------- */
.school-menu--secondary,
.school-menu--footer {
	color: var(--school-menu-sec-text, inherit);
	font-size: var(--school-menu-sec-size, 0.875rem);
	font-weight: 400;
}
.school-menu--secondary .school-menu__list,
.school-menu--footer .school-menu__list { gap: 0.25rem 1rem; }
.school-menu--secondary .school-menu__list a,
.school-menu--footer .school-menu__list a {
	border-radius: var(--school-menu-sec-radius, 0);
	display: inline-block;
	padding: 0.15rem 0.25rem;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.school-menu--secondary a:hover,
.school-menu--footer a:hover,
.school-menu--secondary [aria-current="page"],
.school-menu--footer [aria-current="page"] { text-decoration-thickness: 2px; }
.school-topbar .school-menu--secondary a:focus-visible,
.school-footer .school-menu--footer a:focus-visible { outline-color: #fff; }

/* Kiti WordPress navigacijos blokai (ne temos vietos) – lengvas stilius */
.wp-block-navigation.is-style-school-menu-main { font-weight: 600; }
.wp-block-navigation.is-style-school-menu-main .wp-block-navigation-item__content { padding: 0.6rem 0.9rem; }
.wp-block-navigation.is-style-school-menu-secondary { font-size: 0.9375rem; }
.wp-block-navigation.is-style-school-menu-secondary .wp-block-navigation-item__content { text-decoration: underline; }
.wp-block-navigation__responsive-container.is-menu-open {
	background: var(--wp--preset--color--primary-dark) !important;
	color: #fff !important;
}

/* ---------- Valdiklių juostos ---------- */
.school-below-nav, .school-content-top {
	padding: 1rem var(--school-gutter);
}
.school-below-nav {
	background: var(--wp--preset--color--primary-light);
	border-bottom: 1px solid var(--wp--preset--color--border);
}
.school-below-nav:not(:has(.school-widgets)),
.school-content-top:not(:has(.school-widgets)) { display: none; }
.school-content-top { padding-bottom: 0; }

.school-widgets {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));
}
.school-widgets[style*="--school-cols"] { grid-template-columns: repeat(var(--school-cols), minmax(0, 1fr)); }
@media (max-width: 781px) {
	.school-widgets[style*="--school-cols"] { grid-template-columns: minmax(0, 1fr); }
}
.school-widgets .widget { min-width: 0; }
.school-widgets--cards .widget {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--school-radius);
	box-shadow: var(--school-shadow);
	padding: 1.25rem;
}
.school-widgets--boxed .widget {
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 4px;
	padding: 1.25rem;
}
.widget-title {
	border-bottom: 3px solid var(--wp--preset--color--accent);
	font-size: 1.1rem;
	margin: 0 0 0.75rem;
	padding-bottom: 0.4rem;
}
.widget ul { padding-left: 1.1rem; margin: 0; }
.widget li { margin-block: 0.3rem; }
.school-widgets-empty {
	border: 2px dashed var(--wp--preset--color--border);
	border-radius: var(--school-radius);
	color: var(--wp--preset--color--muted);
	font-size: 0.9rem;
	margin: 0;
	padding: 1rem;
}

/* ---------- Išdėstymas: tinklelis, 3 skiltys ---------- */
.school-wrapper { padding: 2rem var(--school-gutter); }
.school-layout {
	display: grid;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	grid-template-columns: minmax(0, 1fr);
}
.school-layout > * { margin-block: 0 !important; }
.school-layout > .school-side { display: none; }
.school-layout.layout-right { grid-template-columns: minmax(0, 1fr) var(--school-sidebar-width); }
.school-layout.layout-left { grid-template-columns: var(--school-sidebar-width) minmax(0, 1fr); }
.school-layout.layout-both { grid-template-columns: var(--school-sidebar-width) minmax(0, 1fr) var(--school-sidebar-width); }
.school-layout.layout-right > .school-side-right,
.school-layout.layout-left > .school-side-left,
.school-layout.layout-both > .school-side { display: block; }
.school-layout .school-widgets { grid-template-columns: minmax(0, 1fr) !important; }
.school-layout .school-main .alignwide,
.school-layout .school-main .alignfull { max-width: 100%; margin-inline: 0; width: auto; }
.school-main { min-width: 0; }
.school-main > :first-child { margin-top: 0; }
@media (max-width: 900px) {
	.school-layout.school-layout { grid-template-columns: minmax(0, 1fr); }
	.school-layout .school-side-left { order: 2; }
	.school-layout .school-main { order: 1; }
	.school-layout .school-side-right { order: 3; }
}

/* Pilno pločio šablonas */
.school-fullwidth {
	--wp--style--global--content-size: var(--school-full-content, 1000px);
	padding: 0;
}
.school-fullwidth .wp-block-post-content > :where(:not(.alignfull)),
.school-fullwidth > .wp-block-post-title {
	box-sizing: border-box;
	padding-inline: var(--school-gutter);
}
.school-fullwidth > .wp-block-post-title { padding-top: 2rem; }

/* ---------- Kortelės, prilipdomi įrašai, formatai ---------- */
.school-card {
	background: var(--wp--preset--color--base);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--school-radius);
	box-shadow: var(--school-shadow);
	height: 100%;
	overflow: hidden;
}
.school-card .wp-block-post-featured-image { margin: 0; }
.school-card .wp-block-post-featured-image img { display: block; width: 100%; }
.school-card__body { padding: 1rem 1.25rem 1.25rem; }
.school-card .wp-block-post-title { margin-block: 0.4rem; }
.school-card .wp-block-post-title a { text-decoration: none; }
.school-card .wp-block-post-title a:hover { text-decoration: underline; }
.school-cats { margin: 0; }
.school-cats a {
	color: var(--wp--preset--color--secondary);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
}
.school-date, .school-meta { color: var(--wp--preset--color--muted); font-size: 0.875rem; }
.school-meta { gap: 0.5rem 1.25rem; margin-bottom: 1rem; }
.wp-block-post-template > li { margin-block-start: 0; }

.wp-block-post.sticky .school-card {
	border-color: var(--wp--preset--color--accent);
	border-width: 2px;
}
.wp-block-post.sticky .school-card::before {
	background: var(--wp--preset--color--accent);
	color: #000;
	content: "★ Prilipdintas";
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25rem 0.9rem;
	text-transform: uppercase;
}
.school-sticky:not(:has(.wp-block-post)) { display: none; }
.school-sticky { margin-bottom: 2.5rem; }

.wp-block-post[class*="format-"] .school-card__body::before {
	color: var(--wp--preset--color--muted);
	display: block;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
.wp-block-post.format-video .school-card__body::before { content: "▶ Vaizdo įrašas"; }
.wp-block-post.format-audio .school-card__body::before { content: "♫ Garso įrašas"; }
.wp-block-post.format-gallery .school-card__body::before { content: "▦ Galerija"; }
.wp-block-post.format-image .school-card__body::before { content: "▣ Paveikslėlis"; }
.wp-block-post.format-quote .school-card__body::before { content: "❝ Citata"; }
.wp-block-post.format-link .school-card__body::before { content: "↗ Nuoroda"; }
.wp-block-post.format-aside .school-card__body::before { content: "✎ Pastaba"; }
.wp-block-post.format-status .school-card__body::before { content: "● Žinutė"; }
.wp-block-post.format-chat .school-card__body::before { content: "✉ Pokalbis"; }
.wp-block-post.format-quote .wp-block-post-excerpt { font-family: var(--wp--preset--font-family--arial); font-style: italic; }
.wp-block-post.format-aside .school-card,
.wp-block-post.format-status .school-card { background: var(--wp--preset--color--primary-light); }

/* ---------- Pradinio puslapio herojus ir puslapių antraštė ---------- */
.school-hero {
	background: linear-gradient(135deg, var(--wp--preset--color--primary-dark), var(--wp--preset--color--primary));
	color: #fff;
	padding: clamp(2rem, 6vw, 4.5rem) var(--school-gutter);
}
.school-hero h1, .school-hero h2, .school-hero p, .school-hero a:not(.wp-block-button__link) { color: #fff; }
.school-hero .wp-block-button__link { background: var(--wp--preset--color--accent); color: #000; }
.school-hero .is-style-outline .wp-block-button__link { background: transparent; border: 2px solid #fff; color: #fff; }
.school-hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); margin-top: 0; }

.school-page-hero { background-color: var(--wp--preset--color--primary-dark); }
.school-page-hero :is(h1, h2, p, a, .wp-block-post-title) { color: #fff; }

/* ---------- Poraštė ---------- */
.school-footer {
	background: var(--wp--preset--color--primary-dark);
	color: #fff;
	margin-top: 3rem;
	padding: 3rem var(--school-gutter) 1.25rem;
}
.school-footer a { color: #fff; }
.school-footer .widget-title { border-bottom-color: var(--wp--preset--color--accent); color: #fff; }
.school-footer .wp-block-columns { gap: 2rem; }
.school-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	font-size: 0.875rem;
	margin-top: 2rem;
	padding-top: 1rem;
}
.school-copyright { margin: 0; }

/* ---------- Bloko stiliai ---------- */
.is-style-school-card {
	background: var(--wp--preset--color--surface);
	border: 1px solid var(--wp--preset--color--border);
	border-radius: var(--school-radius);
	box-shadow: var(--school-shadow);
	padding: 1.5rem;
}
.is-style-school-notice {
	background: var(--wp--preset--color--primary-light);
	border-left: 6px solid var(--wp--preset--color--accent);
	border-radius: 0 var(--school-radius) var(--school-radius) 0;
	padding: 1rem 1.25rem;
}
.is-style-school-bordo-panel {
	background: var(--wp--preset--color--primary-dark);
	border-radius: var(--school-radius);
	color: #fff;
	padding: 1.5rem;
}
.is-style-school-bordo-panel :is(h1, h2, h3, h4, h5, h6, a, p, li) { color: #fff; }
.wp-block-heading.is-style-school-underline {
	border-bottom: 3px solid var(--wp--preset--color--accent);
	padding-bottom: 0.4rem;
}
.wp-block-button.is-style-school-gold .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	color: #000;
}
.wp-block-image.is-style-school-rounded img { border-radius: 24px; }
.wp-block-image.is-style-school-framed img {
	border: 6px solid var(--wp--preset--color--base);
	box-shadow: 0 0 0 2px var(--wp--preset--color--primary), var(--school-shadow);
}
.wp-block-quote.is-style-school-bordo-quote {
	background: var(--wp--preset--color--surface);
	border-left: 6px solid var(--wp--preset--color--primary);
	font-family: var(--wp--preset--font-family--arial);
	padding: 1rem 1.5rem;
}
.wp-block-list.is-style-school-checks { list-style: none; padding-left: 0; }
.wp-block-list.is-style-school-checks li { padding-left: 1.75rem; position: relative; }
.wp-block-list.is-style-school-checks li::before {
	color: var(--wp--preset--color--secondary);
	content: "✔";
	left: 0;
	position: absolute;
}
.wp-block-separator.is-style-school-ornament { border: 0; height: auto; text-align: center; }
.wp-block-separator.is-style-school-ornament::before {
	color: var(--wp--preset--color--accent);
	content: "❖ ❖ ❖";
	letter-spacing: 0.5em;
}

/* Lentelės, komentarai, formos */
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table th { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--on-primary); }
.wp-block-table th, .wp-block-table td { border: 1px solid var(--wp--preset--color--border); padding: 0.6rem 0.8rem; }
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background: var(--wp--preset--color--primary-light); }
.wp-block-comments { margin-top: 3rem; }
.wp-block-post-comments-form input:not([type="submit"]),
.wp-block-post-comments-form textarea {
	background: var(--wp--preset--color--base);
	border: 2px solid var(--wp--preset--color--border);
	border-radius: 6px;
	color: var(--wp--preset--color--contrast);
	padding: 0.5rem;
	width: 100%;
}
.wp-block-query-pagination { gap: 1rem; margin-top: 2rem; }
.wp-block-query-pagination a { text-decoration: none; font-weight: 600; }

@media print {
	.school-topbar, .school-navbar, .school-below-nav, .school-side, .school-footer { display: none !important; }
	.school-layout { display: block; }
}
