/* قرارداد مشترک رابط؛ پس از CSS مسیرها بارگذاری می‌شود. مقادیر در Tokens.php هستند. */
/* فلش مشترک select تک‌انتخابی؛ فاصلهٔ داخلی از لبه و فضای محفوظ برای متن. */
body select:not([multiple]):not([size]) {
	-webkit-appearance: none; appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2378716c' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: left 16px center; background-size: 16px;
	padding-inline-end: var(--gh-space-44);
}
html[dir="ltr"] select:not([multiple]):not([size]) { background-position: right 16px center; }
:is(.gh-btn, .gh-icon-btn, .gh-chip, .gh-review-open, .gh-bookmark-btn,
 .gh-pal-lock, .gh-pal-remove, .gh-palcard-download, .gh-ct-palette-apply,
 .gh-ct-palette-download, .gh-pwa-install-close) {
	min-inline-size: var(--gh-control-sm);
	min-block-size: var(--gh-control-sm);
}
.gh-btn.gh-btn-sm { min-height: var(--gh-control-sm); }
.gh-btn:not(.gh-btn-sm):not(.gh-btn-lg):not(.gh-btn-icon) { min-height: var(--gh-control-md); }
.gh-btn.gh-btn-lg { min-height: var(--gh-control-lg); }
.gh-btn { font-weight: 700; line-height: 1.5; }
.gh-btn, .gh-chip, .gh-icon-btn { transition-timing-function: var(--gh-ease-out); }
.gh-review-open { display: inline-flex; align-items: center; }
.gh-ct-presets > button { inline-size: var(--gh-control-sm); block-size: var(--gh-control-sm); }
.gh-ct-color-control input[type="text"] { min-block-size: var(--gh-control-sm); }
.gh-ct-palette-meta, .gh-ct-palette-actions { flex-wrap: wrap; }
.gh-ct-palette-actions { align-items: center; }
.gh-bk-field input, .gh-bk-field select { height: var(--gh-control-lg); min-height: var(--gh-control-lg); }
.gh-bk-library-filters select, .gh-ct-preview-options select { height: var(--gh-control-md); min-height: var(--gh-control-md); }
.gh-bk-controls, .gh-bk-preview-card, .gh-bk-tokens { padding: var(--gh-panel-padding); min-width: 0; }
.gh-contrast-page { --gh-ct-pad: var(--gh-panel-padding); }
.gh-bk-studio { margin-block: var(--gh-flow-gap) var(--gh-section-gap); }
.gh-ct-studio { margin-block: var(--gh-flow-gap) var(--gh-section-gap); }
.gh-ct-recommendations { margin-block-end: var(--gh-section-gap); }
.gh-td-card p, .gh-ticket-msg { line-height: var(--gh-line-body); }
.gh-td-card-link { min-block-size: var(--gh-control-md); }
.gh-td-card-title h3 { min-inline-size: 0; overflow-wrap: anywhere; }
.gh-inbox-thread { min-width: 0; padding: var(--gh-card-padding); }
.gh-chat-b { overflow-wrap: anywhere; }
.gh-chat-author { flex-wrap: wrap; }
.gh-ticket-user-actions { min-width: 0; }
.gh-ticket-user-actions .gh-btn { white-space: normal; text-align: center; }
.gh-pwa-install { grid-template-columns: 48px minmax(0, 1fr) auto var(--gh-control-sm); }
.gh-pwa-install-close { inline-size: var(--gh-control-sm); block-size: var(--gh-control-sm); }
.gh-pwa-install-copy small { white-space: normal; }
/* اندازه یکسان، ترتیب طبیعی DOM در RTL؛ ارقام چندرقمی داخل هر خانه جدا می‌مانند. */
:is(.gh-pagination, .woocommerce-pagination, .wp-block-query-pagination, .wp-block-comments-pagination) {
	font-size: var(--gh-text-14);
}
:is(.gh-pagination, .woocommerce-pagination) :is(.nav-links, ul.page-numbers) { direction: rtl; }
:is(.gh-pagination, .woocommerce-pagination, .wp-block-query-pagination, .wp-block-comments-pagination) :is(a.page-numbers, span.page-numbers) {
	min-inline-size: var(--gh-control-sm); min-block-size: var(--gh-control-sm);
	border-radius: var(--gh-radius-control); unicode-bidi: isolate;
}
:is(.gh-btn, .gh-chip, .gh-icon-btn, .gh-pal-lock, .gh-pal-remove, .gh-palcard-download,
 .gh-td-card-link, .gh-ct-presets > button):focus-visible {
	outline: 2px solid var(--gh-accent-solid); outline-offset: 3px;
}
@media (max-width: 640px) {
	.gh-chat-b { max-width: 94%; }
	.gh-bk-token-actions { flex-wrap: wrap; }
	.gh-pwa-install { grid-template-columns: 40px minmax(0, 1fr) var(--gh-control-sm); }
	.gh-pwa-install-mark { inline-size: 40px; block-size: 40px; }
	.gh-pwa-install > .gh-btn { grid-column: 2; grid-row: 2; }
	.gh-pwa-install-close { grid-column: 3; grid-row: 1; }
}
/* دسترس‌پذیری بر انیمیشن‌های مسیرها و استایل inline اولویت دارد. */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto !important; }
	*, *::before, *::after {
		animation-duration: .01ms !important; animation-iteration-count: 1 !important;
		transition-duration: .01ms !important; scroll-behavior: auto !important;
	}
}