/*
Theme Name: Związek Podhalan
Theme URI: https://zwiazekpodhalan.artwolf.local
Author: ArtWolf
Description: Motyw blokowy lokalnej witryny Związku Podhalan.
Version: 0.3.3
Requires at least: 7.1
Requires PHP: 8.3
Text Domain: artwolf-site-zwiazekpodhalan
*/

:root {
	--zwiazekpodhalan-transition: 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
	--wp--preset--color--ink: var(--wp--preset--color--text);
	--wp--preset--color--slate: var(--wp--preset--color--text-muted);
	--wp--preset--color--mist: var(--wp--preset--color--text-disabled);
	--wp--preset--color--line: var(--wp--preset--color--border);
	--wp--preset--color--canvas: var(--wp--preset--color--surface);
	--wp--preset--color--accent-dark: var(--wp--preset--color--brand-secondary);
	--wp--preset--color--accent-light: var(--wp--preset--color--surface-soft);
	--wp--preset--color--sale: var(--wp--preset--color--action-danger);
	--wp--preset--color--sale-soft: var(--wp--preset--color--surface-danger);
	--wp--preset--font-size--small: var(--wp--preset--font-size--eyebrow);
	--wp--preset--font-size--medium: var(--wp--preset--font-size--body);
	--wp--preset--font-size--large: var(--wp--preset--font-size--lead);
	--wp--preset--font-size--x-large: var(--wp--preset--font-size--h-1);
	--wp--preset--font-size--display: var(--wp--preset--font-size--h-1);
}

html {
	scroll-behavior: smooth;
}

body {
	font-synthesis: none;
	text-rendering: optimizeLegibility;
}

a {
	text-underline-offset: 0.18em;
}

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
	outline: 3px solid var(--wp--custom--design--color--focus-ring);
	outline-offset: 3px;
}

.wp-site-blocks {
	overflow: clip;
}

.zwiazekpodhalan-site-header {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 92%, transparent);
	border-bottom: 1px solid var(--wp--preset--color--border);
	position: relative;
	z-index: 20;
}

.zwiazekpodhalan-site-header__inner {
	min-height: 5rem;
}

.zwiazekpodhalan-site-header .wp-block-site-title a {
	text-decoration: none;
}

.zwiazekpodhalan-site-header .wp-block-navigation-item__content {
	text-decoration: none;
}

.zwiazekpodhalan-site-header .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--brand-secondary);
}

.zwiazekpodhalan-site-footer {
	border-top: 1px solid var(--wp--preset--color--border);
}

.wp-block-button__link {
	transition: background-color var(--zwiazekpodhalan-transition), border-color var(--zwiazekpodhalan-transition), color var(--zwiazekpodhalan-transition), transform var(--zwiazekpodhalan-transition);
}

.wp-block-button__link:hover {
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}

	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

.zwiazekpodhalan-has-sticky-header .zwiazekpodhalan-site-header {
	background: color-mix(in srgb, var(--wp--preset--color--surface) 94%, transparent);
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar.zwiazekpodhalan-has-sticky-header .zwiazekpodhalan-site-header {
	top: 32px;
}

@media (max-width: 782px) {

	.admin-bar.zwiazekpodhalan-has-sticky-header .zwiazekpodhalan-site-header {
		top: 46px;
	}
}

/* Read-only compatibility for previously saved block presets. */

.has-ink-color {
	color: var(--wp--preset--color--text) !important;
}

.has-ink-background-color {
	background-color: var(--wp--preset--color--text) !important;
}

.has-ink-border-color {
	border-color: var(--wp--preset--color--text) !important;
}

.has-slate-color {
	color: var(--wp--preset--color--text-muted) !important;
}

.has-slate-background-color {
	background-color: var(--wp--preset--color--text-muted) !important;
}

.has-slate-border-color {
	border-color: var(--wp--preset--color--text-muted) !important;
}

.has-mist-color {
	color: var(--wp--preset--color--text-disabled) !important;
}

.has-mist-background-color {
	background-color: var(--wp--preset--color--text-disabled) !important;
}

.has-mist-border-color {
	border-color: var(--wp--preset--color--text-disabled) !important;
}

.has-line-color {
	color: var(--wp--preset--color--border) !important;
}

.has-line-background-color {
	background-color: var(--wp--preset--color--border) !important;
}

.has-line-border-color {
	border-color: var(--wp--preset--color--border) !important;
}

.has-canvas-color {
	color: var(--wp--preset--color--surface) !important;
}

.has-canvas-background-color {
	background-color: var(--wp--preset--color--surface) !important;
}

.has-canvas-border-color {
	border-color: var(--wp--preset--color--surface) !important;
}

.has-accent-dark-color {
	color: var(--wp--preset--color--brand-secondary) !important;
}

.has-accent-dark-background-color {
	background-color: var(--wp--preset--color--brand-secondary) !important;
}

.has-accent-dark-border-color {
	border-color: var(--wp--preset--color--brand-secondary) !important;
}

.has-accent-light-color {
	color: var(--wp--preset--color--surface-soft) !important;
}

.has-accent-light-background-color {
	background-color: var(--wp--preset--color--surface-soft) !important;
}

.has-accent-light-border-color {
	border-color: var(--wp--preset--color--surface-soft) !important;
}

.has-sale-color {
	color: var(--wp--preset--color--action-danger) !important;
}

.has-sale-background-color {
	background-color: var(--wp--preset--color--action-danger) !important;
}

.has-sale-border-color {
	border-color: var(--wp--preset--color--action-danger) !important;
}

.has-sale-soft-color {
	color: var(--wp--preset--color--surface-danger) !important;
}

.has-sale-soft-background-color {
	background-color: var(--wp--preset--color--surface-danger) !important;
}

.has-sale-soft-border-color {
	border-color: var(--wp--preset--color--surface-danger) !important;
}

.has-small-font-size {
	font-size: var(--wp--preset--font-size--eyebrow) !important;
}

.has-medium-font-size {
	font-size: var(--wp--preset--font-size--body) !important;
}

.has-large-font-size {
	font-size: var(--wp--preset--font-size--lead) !important;
}

.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--h-1) !important;
}

.has-display-font-size {
	font-size: var(--wp--preset--font-size--h-1) !important;
}

/* Semantic roles, shared by the frontend and editor stylesheet. */

::selection {
	background: var(--wp--custom--design--color--selection-background);
	color: var(--wp--custom--design--color--selection-text);
}

.zwiazekpodhalan-color-scheme-inverse {
	--wp--custom--design--color--heading: var(--wp--preset--color--text-inverse);
	--wp--custom--design--color--body: var(--wp--preset--color--text-inverse);
	--wp--custom--design--color--muted: var(--wp--preset--color--text-inverse-muted);
	background: var(--wp--preset--color--surface-inverse);
	color: var(--wp--preset--color--text-inverse);
}

.zwiazekpodhalan-color-scheme-inverse ::selection {
	background: var(--wp--custom--design--color--selection-background-inverse);
	color: var(--wp--custom--design--color--selection-text-inverse);
}

.zwiazekpodhalan-lead {
	color: var(--wp--custom--design--color--muted);
	font-size: var(--wp--preset--font-size--lead);
}

:where(a):focus-visible {
	color: var(--wp--custom--design--color--link-hover);
}

.wp-block-button:not([class*="is-style-"]) .wp-block-button__link:focus-visible {
	background: var(--wp--custom--design--color--button-background-hover);
	color: var(--wp--custom--design--color--button-text-hover);
	border-color: var(--wp--custom--design--color--button-border-hover);
}