/*
Theme Name: Grimm
Theme URI: http://localhost/wordpress
Author: Grimm
Author URI: http://localhost/wordpress
Description: Grimm — kompiuterinės technikos elektroninės prekybos tema. Šviesus, erdvus dizainas: Morning Mist fonas, plokšti prekių langeliai be šešėlių, 30px piliulės formos mygtukai ir geometrinė tipografija. Pilnas WooCommerce palaikymas: katalogas, filtrai, prekės kortelė, krepšelio šoninis skydelis, atsiskaitymas ir paskyra.
Version: 1.6.11
Requires at least: 6.4
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: grimm
Tags: e-commerce, woocommerce, one-column, two-columns, custom-menu, custom-logo, featured-images, translation-ready, block-styles, wide-blocks
*/

/* =============================================================================
   GRIMM — 1. Dizaino žetonai (design tokens)
   Visos vertės perkeltos iš dizaino specifikacijos.
   ========================================================================== */

:root {
	/* --- Spalvos ------------------------------------------------------- */
	--color-midcurrent-navy: #000e1f;
	--color-deep-cobalt: #0000c5;
	--color-twilight-slate: #1a2635;
	--color-graphite: #000000;
	--color-paper-white: #ffffff;
	--color-morning-mist: #f4f4f4;
	--color-cloud-veil: #e6e7e9;
	--color-soft-stone: #dcdddf;
	--color-slate-gray: #666e79;
	--color-sunbeam: #fff48d;

	/* Navigacijos juostos spalvos (papildo bazinę paletę). */
	--color-navbar-blue: #304b86;
	--color-navbar-blue-active: #21335c;

	/* Semantiniai pseudonimai */
	--c-text: var(--color-midcurrent-navy);
	--c-text-muted: var(--color-slate-gray);
	--c-ink: var(--color-graphite);
	--c-canvas: var(--color-morning-mist);
	--c-surface: var(--color-paper-white);
	--c-line: var(--color-cloud-veil);
	--c-line-strong: var(--color-soft-stone);
	/* Akcentas naudojamas visuose pirminiuose mygtukuose ir ženkliukuose.
	   Nukreipus jį į kitą spalvą, pasikeičia visa svetainė vienu žingsniu. */
	--c-accent: var(--color-navbar-blue);
	--c-accent-hover: var(--color-navbar-blue-active);
	--c-star: var(--color-sunbeam);
	--c-navbar: var(--color-navbar-blue);
	--c-navbar-active: var(--color-navbar-blue-active);

	/* Funkcinės būsenos — laikomos neutralios, sistema yra 95 % neutrali */
	--c-success: #0f5132;
	--c-success-bg: #eef4f0;
	--c-warning: #6b4e00;
	--c-warning-bg: #fdf8e3;
	--c-error: #8a1c1c;
	--c-error-bg: #f7eded;

	/* --- Tipografija --------------------------------------------------- */
	--font-gt-walsheim-pro: 'Outfit', 'GT Walsheim Pro', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--font-body: var(--font-gt-walsheim-pro);
	--font-display: var(--font-gt-walsheim-pro);
	--font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

	--text-caption: 11px;
	--leading-caption: 1.4;
	--text-micro: 12px;
	--text-small: 13px;
	--text-body: 16px;
	--leading-body: 1.4;
	--text-subheading: 20px;
	--leading-subheading: 1.2;
	--text-heading-sm: 26px;
	--leading-heading-sm: 1.2;
	--text-heading: 30px;
	--leading-heading: 1.1;
	--text-heading-lg: 44px;
	--leading-heading-lg: 1.1;
	--text-display: 70px;
	--leading-display: 1;

	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 700;
	--font-weight-black: 900;

	/* --- Tarpai -------------------------------------------------------- */
	--spacing-4: 4px;
	--spacing-6: 6px;
	--spacing-8: 8px;
	--spacing-10: 10px;
	--spacing-12: 12px;
	--spacing-13: 13px;
	--spacing-14: 14px;
	--spacing-16: 16px;
	--spacing-18: 18px;
	--spacing-20: 20px;
	--spacing-24: 24px;
	--spacing-32: 32px;
	--spacing-40: 40px;
	--spacing-48: 48px;
	--spacing-72: 72px;
	--spacing-77: 77px;

	/* --- Išdėstymas ---------------------------------------------------- */
	--page-max-width: 1200px;
	--page-gutter: 24px;
	/* Antgalvio juostų atitraukimas nuo ekrano krašto — paieška, krepšelis,
	   navigacijos punktai ir akcijų nuoroda lygiuojami į vieną liniją. */
	--edge-gutter: 12px;
	/* Herojaus antraštės ir mygtukų atitraukimas nuo kairės. */
	--hero-inner-pad-left: 75px;
	/* Teksto atitraukimas nuo kairiojo krašto skyriuje su nuotrauka. */
	--showcase-pad-left: clamp(24px, 5vw, 110px);
	--section-gap: 72px;
	--section-gap-sm: 48px;
	--card-padding: 16px;
	--element-gap: 10px;

	/* --- Kampų apvalinimas --------------------------------------------- */
	--radius-tags: 30px;
	--radius-cards: 0px;
	--radius-links: 30px;
	--radius-inputs: 30px;
	--radius-buttons: 30px;
	--radius-producttiles: 0px;
	--radius-lg: 8px;
	--radius-3xl: 30px;
	--radius-navbar: 8px;

	/* --- Paviršiai ----------------------------------------------------- */
	--surface-page-canvas: #f4f4f4;
	--surface-product-card: #ffffff;
	--surface-elevated-brand: #000e1f;
	--surface-brand-accent: var(--color-navbar-blue);

	/* --- Chrominiai matmenys ------------------------------------------- */
	--announcement-height: 36px;
	--nav-height: 68px;
	--hairline: 1px;

	/* Sistema yra sąmoningai be šešėlių — jokių shadow žetonų. */
	--transition-fast: 140ms ease;
	--transition: 200ms ease;
}

/* =============================================================================
   2. Atstatymas (reset) ir dokumento pagrindas
   ========================================================================== */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: calc(var(--nav-height) + 16px);
}

body {
	margin: 0;
	background-color: var(--c-canvas);
	color: var(--c-text);
	font-family: var(--font-body);
	font-size: var(--text-body);
	line-height: var(--leading-body);
	font-weight: var(--font-weight-regular);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

body.grimm-no-scroll {
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 var(--spacing-16);
	font-family: var(--font-display);
	color: var(--c-text);
	font-weight: var(--font-weight-bold);
	letter-spacing: normal;
}

h1 { font-size: var(--text-heading-lg); line-height: var(--leading-heading-lg); }
h2 { font-size: var(--text-heading); line-height: var(--leading-heading); }
h3 { font-size: var(--text-heading-sm); line-height: var(--leading-heading-sm); }
h4 { font-size: var(--text-subheading); line-height: var(--leading-subheading); }
h5 { font-size: var(--text-body); line-height: var(--leading-body); }
h6 { font-size: var(--text-small); line-height: var(--leading-body); text-transform: uppercase; }

p {
	margin: 0 0 var(--spacing-16);
}

p:last-child,
ul:last-child,
ol:last-child {
	margin-bottom: 0;
}

a {
	color: var(--c-text);
	text-decoration: none;
	transition: color var(--transition-fast), opacity var(--transition-fast);
}

a:hover,
a:focus-visible {
	color: var(--c-accent);
}

:where(.grimm-entry-content, .grimm-prose) a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

img,
svg,
video,
iframe {
	max-width: 100%;
	height: auto;
	display: block;
}

figure {
	margin: 0;
}

ul, ol {
	margin: 0 0 var(--spacing-16);
	padding-left: var(--spacing-20);
}

blockquote {
	margin: var(--spacing-24) 0;
	padding: 0 0 0 var(--spacing-20);
	border-left: 2px solid var(--c-text);
	font-size: var(--text-subheading);
	line-height: var(--leading-subheading);
}

hr {
	border: 0;
	border-top: var(--hairline) solid var(--c-line);
	margin: var(--spacing-32) 0;
}

code, kbd, pre, samp {
	font-family: var(--font-mono);
	font-size: 0.9em;
}

pre {
	background: var(--c-surface);
	border: var(--hairline) solid var(--c-line);
	padding: var(--spacing-16);
	overflow-x: auto;
}

table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-small);
}

th, td {
	text-align: left;
	padding: var(--spacing-12) var(--spacing-14);
	border-bottom: var(--hairline) solid var(--c-line);
}

th {
	font-weight: var(--font-weight-bold);
}

button {
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
}

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

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

.screen-reader-text {
	border: 0;
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: var(--c-surface);
	clip-path: none;
	color: var(--c-text);
	display: block;
	font-size: var(--text-small);
	font-weight: var(--font-weight-bold);
	height: auto;
	left: var(--spacing-16);
	line-height: normal;
	padding: var(--spacing-12) var(--spacing-20);
	text-decoration: none;
	top: var(--spacing-16);
	width: auto;
	z-index: 100000;
	border-radius: var(--radius-buttons);
	border: var(--hairline) solid var(--c-line);
}

@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;
	}
}

/* =============================================================================
   3. Išdėstymo primityvai
   ========================================================================== */

.grimm-container {
	width: 100%;
	max-width: var(--page-max-width);
	margin-inline: auto;
	padding-inline: var(--page-gutter);
}

.grimm-container--narrow {
	max-width: 720px;
}

.grimm-container--reading {
	max-width: 640px;
}

.grimm-container--wide {
	max-width: 1440px;
}

.grimm-section {
	padding-block: var(--section-gap);
}

.grimm-section--tight {
	padding-block: var(--section-gap-sm);
}

.grimm-section--flush-top {
	padding-top: 0;
}

.grimm-section--surface {
	background: var(--c-surface);
}

.grimm-section--dark {
	background: var(--surface-elevated-brand);
	color: var(--color-paper-white);
}

.grimm-section--dark h1,
.grimm-section--dark h2,
.grimm-section--dark h3,
.grimm-section--dark h4 {
	color: var(--color-paper-white);
}

.grimm-section + .grimm-section {
	border-top: var(--hairline) solid var(--c-line);
}

.grimm-divider {
	height: var(--hairline);
	background: var(--c-line);
	border: 0;
	margin: 0;
}

/* Tinklelio primityvai */

.grimm-grid {
	display: grid;
	gap: var(--spacing-24);
}

.grimm-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grimm-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grimm-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grimm-grid--5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grimm-grid--6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

/* Plytelių tinklelis: plaukelio linijos vietoje tarpų — balti langeliai
   ant Cloud Veil pagrindo sukuria 1px skiriamąsias linijas. */
.grimm-tilegrid {
	display: grid;
	grid-template-columns: repeat(var(--grimm-tiles, 4), minmax(0, 1fr));
	gap: var(--hairline);
	background: var(--c-line);
	border: var(--hairline) solid var(--c-line);
	list-style: none;
	margin: 0;
	padding: 0;
}

.grimm-tilegrid--2 { --grimm-tiles: 2; }
.grimm-tilegrid--3 { --grimm-tiles: 3; }
.grimm-tilegrid--4 { --grimm-tiles: 4; }
.grimm-tilegrid--5 { --grimm-tiles: 5; }
.grimm-tilegrid--6 { --grimm-tiles: 6; }

@media (max-width: 1200px) {
	.grimm-tilegrid--5,
	.grimm-tilegrid--6 { --grimm-tiles: 4; }
}

@media (max-width: 900px) {
	.grimm-tilegrid--4,
	.grimm-tilegrid--5,
	.grimm-tilegrid--6 { --grimm-tiles: 3; }
}

@media (max-width: 700px) {
	.grimm-tilegrid--3,
	.grimm-tilegrid--4,
	.grimm-tilegrid--5,
	.grimm-tilegrid--6 { --grimm-tiles: 2; }
}

@media (max-width: 1200px) {
	.grimm-grid--6 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.grimm-grid--5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	:root {
		--section-gap: 48px;
		--section-gap-sm: 32px;
		--text-display: 44px;
		--text-heading-lg: 32px;
		--text-heading: 26px;
		--text-heading-sm: 22px;
	}

	.grimm-grid--6,
	.grimm-grid--5,
	.grimm-grid--4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.grimm-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	:root {
		--page-gutter: 16px;
		--text-display: 34px;
		--text-heading-lg: 28px;
	}

	.grimm-grid--6,
	.grimm-grid--5,
	.grimm-grid--4,
	.grimm-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.grimm-grid--2 { grid-template-columns: minmax(0, 1fr); }
}

/* Bendrieji pagalbininkai */

.grimm-stack { display: flex; flex-direction: column; gap: var(--element-gap); }
.grimm-row { display: flex; align-items: center; gap: var(--element-gap); }
.grimm-row--between { justify-content: space-between; }
.grimm-row--wrap { flex-wrap: wrap; }
.grimm-center { text-align: center; }
.grimm-full-bleed { width: 100vw; margin-left: calc(50% - 50vw); }

/* =============================================================================
   4. Tipografijos klasės
   ========================================================================== */

.g-display {
	font-size: var(--text-display);
	line-height: var(--leading-display);
	font-weight: var(--font-weight-black);
	margin: 0 0 var(--spacing-20);
}

.g-h1 { font-size: var(--text-heading-lg); line-height: var(--leading-heading-lg); font-weight: var(--font-weight-bold); }
.g-h2 { font-size: var(--text-heading); line-height: var(--leading-heading); font-weight: var(--font-weight-bold); }
.g-h3 { font-size: var(--text-heading-sm); line-height: var(--leading-heading-sm); font-weight: var(--font-weight-bold); }
.g-h4 { font-size: var(--text-subheading); line-height: var(--leading-subheading); font-weight: var(--font-weight-bold); }

.g-body { font-size: var(--text-body); line-height: var(--leading-body); }
.g-small { font-size: var(--text-small); line-height: var(--leading-body); }
.g-caption { font-size: var(--text-caption); line-height: var(--leading-caption); }
.g-muted { color: var(--c-text-muted); }
.g-ink { color: var(--c-ink); }

.g-eyebrow {
	font-size: var(--text-caption);
	line-height: var(--leading-caption);
	font-weight: var(--font-weight-medium);
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: var(--c-text-muted);
	margin: 0 0 var(--spacing-12);
	display: block;
}

.grimm-section--dark .g-eyebrow {
	color: rgba(255, 255, 255, 0.62);
}

/* Skyriaus antraštė su dešinėje esančia nuoroda */

.grimm-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: var(--spacing-24);
	margin-bottom: var(--spacing-24);
}

.grimm-section-head__text { max-width: 720px; }
.grimm-section-head h2 { margin: 0; }
.grimm-section-head p { margin: var(--spacing-8) 0 0; color: var(--c-text-muted); }

@media (max-width: 640px) {
	.grimm-section-head {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Centruotas variantas. Taisyklė po media užklausos, kad galiotų
   ir siauruose ekranuose. */
.grimm-section-head--center {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: var(--spacing-16);
}

.grimm-section-head--center .grimm-section-head__text {
	max-width: 640px;
	margin-inline: auto;
}

/* =============================================================================
   5. Mygtukai — 30px piliulė yra vienintelė mygtuko forma
   ========================================================================== */

.g-btn,
.grimm-entry-content .wp-block-button__link,
.wp-block-search__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--spacing-8);
	border: var(--hairline) solid transparent;
	border-radius: var(--radius-buttons);
	padding: 11px var(--spacing-24);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.2;
	font-weight: var(--font-weight-medium);
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	background: var(--c-accent);
	color: var(--color-paper-white);
	transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
	white-space: nowrap;
}

.g-btn:hover,
.g-btn:focus-visible {
	background: var(--c-accent-hover);
	color: var(--color-paper-white);
}

/* Pirminis veiksmas — Deep Cobalt užpildas */
.g-btn--primary {
	background: var(--c-accent);
	color: var(--color-paper-white);
}

.g-btn--primary:hover,
.g-btn--primary:focus-visible {
	background: var(--c-accent-hover);
	color: var(--color-paper-white);
}

/* Tamsus variantas — naudokite tik tada, kai reikia navy mygtuko. */
.g-btn--dark {
	background: var(--color-midcurrent-navy);
	color: var(--color-paper-white);
}

.g-btn--dark:hover,
.g-btn--dark:focus-visible {
	background: var(--color-twilight-slate);
	color: var(--color-paper-white);
}

/* Šviesus mygtukas ant tamsaus paviršiaus */
.g-btn--light {
	background: var(--color-paper-white);
	color: var(--color-midcurrent-navy);
}

.g-btn--light:hover,
.g-btn--light:focus-visible {
	background: var(--c-canvas);
	color: var(--color-midcurrent-navy);
}

/* Antrinis / tretinis veiksmas — piliulės forma, teksto svoris */
.g-btn--ghost {
	background: transparent;
	color: var(--color-twilight-slate);
	border-color: var(--c-line);
}

.g-btn--ghost:hover,
.g-btn--ghost:focus-visible {
	background: transparent;
	border-color: var(--color-midcurrent-navy);
	color: var(--color-midcurrent-navy);
}

.g-btn--outline-light {
	background: transparent;
	color: var(--color-paper-white);
	border-color: rgba(255, 255, 255, 0.4);
}

.g-btn--outline-light:hover,
.g-btn--outline-light:focus-visible {
	background: var(--color-paper-white);
	color: var(--color-midcurrent-navy);
	border-color: var(--color-paper-white);
}

.g-btn--sm { padding: 7px var(--spacing-16); font-size: var(--text-small); }
.g-btn--lg { padding: 14px var(--spacing-32); font-size: var(--text-body); }
.g-btn--block { display: flex; width: 100%; }

.g-btn[disabled],
.g-btn.disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.g-btn svg { flex: 0 0 auto; }

/* Teksto nuoroda su rodykle */

.g-link {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-6);
	font-size: var(--text-small);
	font-weight: var(--font-weight-medium);
	color: var(--color-midcurrent-navy);
	border-bottom: var(--hairline) solid currentColor;
	padding-bottom: 2px;
}

.g-link:hover { color: var(--c-accent); }

/* Piliulės formos žymos ir filtrų lustai */

.g-tag {
	display: inline-flex;
	align-items: center;
	gap: var(--spacing-6);
	border-radius: var(--radius-tags);
	border: var(--hairline) solid var(--c-line-strong);
	background: var(--c-surface);
	color: var(--color-twilight-slate);
	font-size: var(--text-micro);
	line-height: 1.2;
	font-weight: var(--font-weight-medium);
	padding: 6px var(--spacing-12);
}

a.g-tag:hover {
	border-color: var(--color-midcurrent-navy);
	color: var(--color-midcurrent-navy);
}

.g-tag--active,
a.g-tag--active {
	background: var(--c-accent);
	border-color: var(--c-accent);
	color: var(--color-paper-white);
}

.g-tag--accent {
	background: var(--c-accent);
	border-color: var(--c-accent);
	color: var(--color-paper-white);
}

.g-badge {
	display: inline-block;
	border-radius: var(--radius-tags);
	padding: 4px var(--spacing-10);
	font-size: var(--text-caption);
	font-weight: var(--font-weight-bold);
	line-height: var(--leading-caption);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	background: var(--c-accent);
	color: var(--color-paper-white);
}

.g-badge--dark { background: var(--color-midcurrent-navy); }
.g-badge--outline {
	background: transparent;
	color: var(--color-twilight-slate);
	border: var(--hairline) solid var(--c-line-strong);
}

/* =============================================================================
   6. Formos — 30px piliulės įvestys
   ========================================================================== */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input[type="date"],
select,
textarea,
.select2-container .select2-selection--single {
	width: 100%;
	background: var(--c-surface);
	border: var(--hairline) solid var(--c-line);
	border-radius: var(--radius-inputs);
	color: var(--c-text);
	font-family: var(--font-body);
	font-size: 15px;
	line-height: 1.2;
	padding: 11px var(--spacing-18);
	height: 42px;
	transition: border-color var(--transition-fast);
	appearance: none;
}

textarea {
	height: auto;
	min-height: 132px;
	border-radius: var(--radius-lg);
	line-height: var(--leading-body);
	resize: vertical;
}

select {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%23000e1f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right var(--spacing-16) center;
	padding-right: var(--spacing-40);
	cursor: pointer;
}

input:hover,
select:hover,
textarea:hover {
	border-color: var(--c-line-strong);
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: var(--color-midcurrent-navy);
}

::placeholder {
	color: var(--c-text-muted);
	opacity: 1;
}

label {
	display: block;
	font-size: var(--text-small);
	font-weight: var(--font-weight-medium);
	margin-bottom: var(--spacing-6);
}

.grimm-field { margin-bottom: var(--spacing-16); }

.grimm-field__hint {
	font-size: var(--text-caption);
	color: var(--c-text-muted);
	margin-top: var(--spacing-6);
}

/* Žymimieji langeliai ir radijo mygtukai — kvadratiniai valdymo elementai */

input[type="checkbox"],
input[type="radio"] {
	width: 16px;
	height: 16px;
	margin: 0 var(--spacing-8) 0 0;
	border: var(--hairline) solid var(--c-line-strong);
	background: var(--c-surface);
	appearance: none;
	cursor: pointer;
	flex: 0 0 auto;
	vertical-align: -2px;
	transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

input[type="radio"] { border-radius: 50%; }

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-color: var(--c-accent);
	border-color: var(--c-accent);
}

input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1.5' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

input[type="radio"]:checked {
	box-shadow: inset 0 0 0 3px var(--color-paper-white);
}

/* =============================================================================
   7. Pranešimų blokai (naudojami ir WooCommerce sluoksnyje)
   ========================================================================== */

.grimm-note {
	border: var(--hairline) solid var(--c-line);
	border-left-width: 3px;
	background: var(--c-surface);
	padding: var(--spacing-14) var(--spacing-18);
	font-size: var(--text-small);
	line-height: var(--leading-body);
}

.grimm-note--info { border-left-color: var(--c-accent); }
.grimm-note--success { border-left-color: var(--c-success); background: var(--c-success-bg); color: var(--c-success); }
.grimm-note--warning { border-left-color: var(--c-warning); background: var(--c-warning-bg); color: var(--c-warning); }
.grimm-note--error { border-left-color: var(--c-error); background: var(--c-error-bg); color: var(--c-error); }