/*
Theme Name: سفارشینو
Author: Sefareshino
Description: قالب بلوکی (FSE) برای رستوران، فست‌فود، کافه، شیرینی‌فروشی، سوپرمارکت و هر فروشگاهی که سفارش آنلاین، بیرون‌بر و ارسال با پیک دارد؛ همراه افزونه‌ی سفارشینو. همه‌ی بخش‌ها در ویرایشگر سایت قابل تغییرند.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later (GPL-2.0-or-later)
Text Domain: sefareshino
Tags: block-patterns, block-styles, full-site-editing, rtl-language-support, custom-colors, editor-style, wide-blocks, food-and-drink, e-commerce
*/

/* Persian text never gets spaced-out letters or forced case, whatever a style sets. */
body,
.wp-block-site-title,
.wp-block-navigation,
:where(h1, h2, h3, h4, h5, h6),
.wp-element-button {
	letter-spacing: normal;
	text-transform: none;
}

/* Money and counts line up. */
:where(.sft-price, .sft-stat strong, .sft-zone__fee, table) {
	font-variant-numeric: tabular-nums;
}

/* Visible keyboard focus everywhere. */
:where(a, button, input, select, textarea, summary):focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 2px;
}

/*
 * Plain form fields from other plugins match the theme instead of the browser's default
 * boxes. :where() keeps this at zero specificity, so any plugin that styles its own fields
 * (the ordering app, WooCommerce, a contact form) wins.
 */
:where(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="button"], [type="reset"], [type="file"], [type="range"], [type="color"], [type="hidden"]), select, textarea) {
	box-sizing: border-box;
	max-width: 100%;
	min-height: 44px;
	padding: 0.5em 0.75em;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--wp--custom--radius--control, 8px);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font: inherit;
}

:where(.comment-form) :where(input:not([type="checkbox"], [type="radio"], [type="submit"], [type="hidden"]), select, textarea) {
	width: 100%;
}

:where(input[type="submit"], input[type="button"], input[type="reset"]) {
	min-height: 44px;
	padding: 0.5em 1.4em;
	border: 0;
	border-radius: var(--wp--custom--radius--medium, 10px);
	background: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent-ink);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

/* Every button and menu toggle is a full 44px touch target. */
.wp-element-button,
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-block-size: 44px;
}

.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-inline-size: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Skip link. */
.sft-skip-link {
	position: absolute;
	inset-inline-start: 1rem;
	top: -100px;
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
	padding: 0.5rem 1rem;
	border-radius: var(--wp--custom--radius--small, 6px);
	z-index: 1000;
}

.sft-skip-link:focus {
	top: 1rem;
}

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