/*
 * Blocksy perrašymai. Kintamieji (--theme-*) perrašomi čia, kad Customizer ir tokenai nesiskirtų.
 * Patikrinta su Blocksy 2.1.50. Po didelio atnaujinimo – bandomasis puslapis (README).
 */

:root {
	--theme-font-family: var(--smm-font-body);
	--theme-font-size: var(--smm-fs-base);
	--theme-line-height: var(--smm-lh-text);
	--theme-font-weight: 400;
	--theme-text-color: var(--smm-text);
	--theme-headings-color: var(--smm-heading);
	--theme-heading-color: var(--smm-heading);
	--theme-link-initial-color: var(--smm-primary);
	--theme-link-hover-color: var(--smm-primary-hover);
	--theme-border-color: var(--smm-line);
	--theme-selection-text-color: var(--smm-on-primary);
	--theme-selection-background-color: var(--smm-primary);

	--theme-button-min-height: var(--smm-tap);
	--theme-button-padding: 0.625rem 1.5rem;
	--theme-button-border-radius: var(--smm-radius-md);
	--theme-button-font-family: var(--smm-font-body);
	--theme-button-font-size: 1rem;
	--theme-button-font-weight: 500;
	--theme-button-line-height: 1.2;
	--theme-button-text-transform: none;
	--theme-button-letter-spacing: 0;
	--theme-button-text-initial-color: var(--smm-on-primary);
	--theme-button-text-hover-color: var(--smm-on-primary);
	--theme-button-background-initial-color: var(--smm-primary);
	--theme-button-background-hover-color: var(--smm-primary-hover);
	--theme-button-shadow: none;
	--theme-button-transform: none;

	--theme-form-font-size: 1rem;
	--theme-form-field-height: 48px;
	--theme-form-field-padding: 0 0.875rem;
	--theme-form-field-border-radius: var(--smm-radius-md);
	--theme-form-field-border-width: 1px;
	--theme-form-field-border-initial-color: var(--smm-input-border);
	--theme-form-field-border-focus-color: var(--smm-primary);
	--theme-form-field-background-initial-color: var(--smm-base);
	--theme-form-field-background-focus-color: var(--smm-base);
	--theme-form-text-initial-color: var(--smm-heading);
	--theme-form-text-focus-color: var(--smm-heading);
	--theme-form-selection-field-initial-color: var(--smm-input-border);
	--theme-form-selection-field-active-color: var(--smm-primary);

	--theme-content-spacing: var(--smm-space-40);
}

h1, .h1 {
	--theme-font-size: var(--smm-fs-3xl);
	--theme-font-weight: 600;
	--theme-line-height: var(--smm-lh-display);
	--theme-letter-spacing: -0.01em;
}

h2, .h2 {
	--theme-font-size: var(--smm-fs-2xl);
	--theme-font-weight: 600;
	--theme-line-height: 1.15;
	--theme-letter-spacing: -0.01em;
}

h3, .h3 {
	--theme-font-size: var(--smm-fs-xl);
	--theme-font-weight: 600;
	--theme-line-height: var(--smm-lh-heading);
}

h4, .h4 {
	--theme-font-size: var(--smm-fs-lg);
	--theme-font-weight: 600;
	--theme-line-height: var(--smm-lh-heading);
}

h5, .h5 {
	--theme-font-size: var(--smm-fs-md);
	--theme-font-weight: 600;
	--theme-line-height: 1.3;
}

h6, .h6 {
	--theme-font-size: var(--smm-fs-base);
	--theme-font-weight: 600;
	--theme-line-height: 1.3;
}

/* Antraštė: linija atsiranda prasislinkus, sticky – per #header. */

#header {
	position: relative;
	z-index: 50;
}

#header [data-row] {
	transition: box-shadow var(--smm-base-motion) var(--smm-ease);
}

#header.smm-scrolled [data-row="middle"] {
	box-shadow: 0 1px 0 var(--smm-line);
}

#header .ct-menu-link {
	min-height: var(--smm-tap);
	font-weight: 500;
}

#header [data-id="button"] .ct-button,
#header .ct-header-cta .ct-button {
	min-height: var(--smm-tap);
}

#header :is(.ct-header-trigger, .ct-header-cart, .ct-header-search, .ct-header-account) {
	min-width: var(--smm-tap);
	min-height: var(--smm-tap);
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 600px) {
	.admin-bar #wpadminbar {
		position: fixed;
	}
}

/* Offcanvas (mobile meniu): tas pats turinys kaip desktop, taikiniai ≥ 44 px. */

#offcanvas .ct-panel-content {
	padding-inline: var(--smm-margin);
}

#offcanvas .mobile-menu a {
	min-height: var(--smm-tap);
	display: flex;
	align-items: center;
	font-size: var(--smm-fs-md);
	font-weight: 500;
}

#offcanvas .ct-toggle-close {
	min-width: var(--smm-tap);
	min-height: var(--smm-tap);
}

/* Poraštė: turinys ateina iš patterno smm/footer-columns valdiklio srityje. */

.ct-footer [data-row="middle"] {
	--container-spacing: 0;
}

.ct-footer [data-row="middle"] > .ct-container,
.ct-footer [data-row="middle"] > .ct-container-fluid {
	padding: 0;
	max-width: none;
	width: 100%;
	display: block;
}

.ct-footer .ct-widget:has(.smm-footer-columns),
.ct-footer .ct-widget:has(.smm-footer-simple) {
	width: 100%;
}

/* Puslapiai iš patternų: Blocksy turinio tarpai nuimami, sekcijos per visą plotį. */

.smm-site .entry-content > .alignfull.smm-section:first-child {
	margin-top: 0;
}

.smm-site [data-vertical-spacing=""] .entry-content > .smm-section:last-child {
	margin-bottom: 0;
}

.smm-site .hero-section[data-type="type-1"] {
	--container-width: var(--smm-wide);
}

/* Formų laukai Blocksy kontekste. */

.ct-search-form input[type="search"] {
	font-size: 1rem;
}

.ct-search-form .wp-element-button,
.ct-search-form button {
	min-width: var(--smm-tap);
	min-height: var(--smm-tap);
}

/* Paieškos forma (404, be rezultatų). */

.smm-search-form {
	display: grid;
	gap: 0.375rem;
	width: 100%;
	max-width: 36rem;
}

.smm-search-form label {
	font-size: var(--smm-fs-small);
	font-weight: 500;
	color: var(--smm-heading);
}

.smm-search-form__row {
	display: flex;
	gap: var(--smm-space-20);
}

.smm-search-form input[type="search"] {
	flex: 1;
	min-width: 0;
	min-height: 48px;
	padding: 0.625rem 0.875rem;
	border: 1px solid var(--smm-input-border);
	border-radius: var(--smm-radius-md);
	background: var(--smm-base);
	font-size: 1rem;
	color: var(--smm-heading);
}

.smm-search-form input[type="search"]:focus-visible {
	outline: var(--smm-focus-width) solid var(--smm-primary);
	outline-offset: 1px;
}

/* 404 ir paieška be rezultatų (t-404, t-search). */

.smm-system {
	padding-block: var(--smm-space-80);
}

.smm-system__inner {
	width: min(100% - 2 * var(--smm-margin), 44rem);
	margin-inline: auto;
	display: grid;
	gap: var(--smm-space-40);
	justify-items: start;
}

.smm-system__code {
	font-size: var(--smm-fs-4xl);
	font-weight: 600;
	line-height: 1;
	color: var(--smm-line);
	letter-spacing: -0.02em;
}

.smm-system__title {
	margin: 0;
}

.smm-system__lead {
	margin: 0;
	font-size: var(--smm-fs-md);
	max-width: var(--smm-measure);
}

.smm-system__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--smm-space-30);
}

.smm-system__actions .wp-element-button:not(:first-child) {
	background: transparent;
	color: var(--smm-primary);
	border-color: var(--smm-primary);
}

.smm-system__actions .wp-element-button:not(:first-child):hover {
	background: color-mix(in srgb, var(--smm-primary) 8%, transparent);
}

.smm-system__box {
	width: 100%;
	display: grid;
	gap: var(--smm-space-30);
	padding: var(--smm-space-40);
	background: var(--smm-base);
	border: 1px solid var(--smm-line);
	border-radius: var(--smm-radius-lg);
}

.smm-system__box h2 {
	font-size: var(--smm-fs-lg);
	margin: 0;
}

@media (max-width: 689px) {
	.smm-system__actions {
		flex-direction: column;
		align-items: stretch;
		width: 100%;
	}
}

.smm-search-empty {
	display: grid;
	gap: var(--smm-space-40);
	justify-items: start;
	width: 100%;
}

.smm-search-empty__title {
	font-size: var(--smm-fs-xl);
	margin: 0;
}

.smm-search-empty > p {
	margin: 0;
}

.wp-element-button.smm-btn-secondary {
	background-color: transparent;
	border: 1px solid var(--smm-primary);
	color: var(--smm-primary);
}

.wp-element-button.smm-btn-secondary:hover {
	background-color: color-mix(in srgb, var(--smm-primary) 8%, transparent);
	color: var(--smm-primary-hover);
}