/* Typografia globalna - Kształty Natury */

body,
.site-content,
.site-footer,
button,
input,
select,
textarea,
.woocommerce {
	font-family: var(--kn-font-body);
	font-weight: var(--kn-fw-regular);
	color: var(--kn-text);
	line-height: var(--kn-lh-normal);
	font-size: var(--kn-fs-base);
	background: var(--kn-bg);
}

h1, h2, h3, h4, h5, h6,
.site-title,
.storefront-product-section h2,
.page-title,
.entry-title {
	font-family: var(--kn-font-heading);
	font-weight: var(--kn-fw-light);
	color: var(--kn-ink-900);
	line-height: var(--kn-lh-tight);
	letter-spacing: 0;
}

h1 { font-size: var(--kn-fs-2xl); }
h2 { font-size: var(--kn-fs-xl); margin-bottom: 1rem; }
h3 { font-size: var(--kn-fs-lg); }
h4 { font-size: var(--kn-fs-md); }

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

a {
	color: var(--kn-ink-800);
	text-decoration: none;
	transition: color var(--kn-dur) var(--kn-ease);
}

a:hover,
a:focus {
	color: var(--kn-accent-dark);
}

*:focus { outline: none !important; }
:focus-visible {
	outline: none !important;
	box-shadow: 0 0 0 3px rgba(168, 177, 112, .35) !important;
	border-radius: 4px !important;
}
/* Storefront override: no purple/blue outlines on product/link clicks */
.woocommerce a:focus,
.woocommerce a:active,
a.woocommerce-LoopProduct-link:focus,
a.woocommerce-LoopProduct-link:active,
.woocommerce ul.products li.product *:focus,
.woocommerce ul.products li.product *:active {
	outline: none !important;
	box-shadow: none !important;
}

.kn-eyebrow {
	font-family: var(--kn-font-body);
	font-size: var(--kn-fs-xs);
	font-weight: var(--kn-fw-medium);
	letter-spacing: var(--kn-tracking-wider);
	text-transform: uppercase;
	color: var(--kn-text-soft);
}

.kn-script {
	font-family: var(--kn-font-script);
	font-weight: var(--kn-fw-regular);
	font-size: var(--kn-fs-script);
	line-height: 1.1;
	color: var(--kn-ink-900);
}

/* Storefront override - wycisz "Sale!" badge na rzecz spokojnego stylu.
   Pełny „pill" (spójnie z kartą produktu) + subtelny cień, by ładnie odcinał się od zdjęcia. */
.woocommerce span.onsale {
	display: inline-block;
	background: var(--kn-burgundy-500);
	color: var(--kn-paper);
	font-family: var(--kn-font-body);
	font-weight: var(--kn-fw-medium);
	font-size: var(--kn-fs-xs);
	letter-spacing: var(--kn-tracking-wide);
	text-transform: uppercase;
	border-radius: var(--kn-radius-pill);
	min-height: 0;
	min-width: 0;
	padding: 5px 13px;
	line-height: 1.3;
	box-shadow: 0 2px 8px rgba(60, 20, 15, .18);
}