/*
Theme Name: Nobatino
Author: Nobatino
Description: قالب بلوکی (FSE) برای مطب، کلینیک و سالن زیبایی؛ همراه افزونه‌ی نوبت‌دهی نوبتینو. همه‌ی بخش‌ها در ویرایشگر سایت قابل تغییرند.
Version: 0.1.0
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nobatino
Tags: block-patterns, block-styles, full-site-editing, rtl-language-support, custom-colors, editor-style, wide-blocks
*/

/* 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;
}

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

/* Skip link. */
.nbt-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);
	z-index: 1000;
}

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

/* Bundled illustrations recolour with the palette. */
.nbt-art svg {
	inline-size: 100%;
	block-size: auto;
	color: var(--wp--preset--color--accent);
}

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

/* Phone header: title, menu button and call to action stay on one row, and the menu
   button is a full 44px touch target. */
.wp-block-navigation__responsive-container-open,
.wp-block-navigation__responsive-container-close {
	min-inline-size: 44px;
	min-block-size: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 599px) {
	.nbt-header .wp-block-group:has(> .wp-block-navigation) {
		flex-wrap: nowrap;
		gap: 0.5rem;
	}
	.nbt-header .wp-block-group:has(> .wp-block-navigation) > .wp-block-site-title {
		flex: 1 1 auto;
		min-inline-size: 0;
	}
	.nbt-header .wp-block-group:has(> .wp-block-navigation) > .wp-block-navigation {
		order: 2;
	}
	.nbt-header .wp-block-group:has(> .wp-block-navigation) > .wp-block-buttons {
		order: 1;
		flex-shrink: 0;
	}
}