/* =========================================================================
   Tazro Minimal — App CSS
   حجم نهایی پس از minify: < 4KB
   ========================================================================= */

/* -------- Reset سبک -------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; }
img, svg, video { max-width: 100%; height: auto; display: block; }
button, input, textarea, select { font: inherit; }

/* -------- فونت Vazirmatn (خودمیزبان) -------- */
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+0000-00FF;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('../fonts/Vazirmatn-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFF, U+0000-00FF;
}

/* -------- Layout پایه -------- */
.wp-site-blocks {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.wp-site-blocks > main { flex: 1 1 auto; }

/* -------- Header چسبان -------- */
.wp-block-template-part[data-area="header"] {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: saturate(180%) blur(12px);
	background: color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent);
}

/* -------- کارت -------- */
.tz-card {
	height: 100%;
	transition: transform var(--wp--custom--transition), box-shadow var(--wp--custom--transition);
	box-shadow: var(--wp--preset--shadow--soft);
}
.tz-card:hover {
	transform: translateY(-2px);
	box-shadow: var(--wp--preset--shadow--lifted);
}

/* -------- لینک منو -------- */
.wp-block-navigation a {
	padding: 0.4rem 0.75rem;
	border-radius: var(--wp--custom--radius--sm);
	transition: background var(--wp--custom--transition), color var(--wp--custom--transition);
}
.wp-block-navigation a:hover {
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--ink);
	text-decoration: none;
}
.wp-block-navigation .current-menu-item > a {
	color: var(--wp--preset--color--accent);
	font-weight: 700;
}

/* -------- دکمه outline -------- */
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--accent);
	border: 1px solid var(--wp--preset--color--accent);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--wp--preset--color--accent-soft);
	color: var(--wp--preset--color--accent-hover);
}

/* -------- Focus ring یکنواخت -------- */
:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
	border-radius: 4px;
}

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