/* PayaPipe typography, hosted on Tajan Azma for independent loading. */
@font-face {
	font-family: "Peyda";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("peyda-regular.woff2") format("woff2");
}
@font-face {
	font-family: "Peyda";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("peyda-bold.woff2") format("woff2");
}
@font-face {
	font-family: "Gofteh";
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url("gofteh-fanum-heavy.woff2") format("woff2");
}

/* One palette for WordPress blocks, customer routes and the maintenance screen. */
:root {
	--tajco-site-font: "Peyda", Tahoma, Arial, sans-serif;
	--tajco-site-heading: "Gofteh", "Peyda", Tahoma, Arial, sans-serif;
	--tajco-site-bg: #ffffff;
	--tajco-site-surface: #ffffff;
	--tajco-site-raised: #f5f5f5;
	--tajco-site-ink: #252525;
	--tajco-site-muted: #626262;
	--tajco-site-border: #dedede;
	--tajco-site-border-strong: #a3a3a3;
	--tajco-site-accent: #08664f;
	--tajco-site-fill: #08735b;
	--tajco-site-soft: #f0f0f0;
	--tajco-site-success: #167148;
	--tajco-site-danger: #b42318;
	--tajco-site-scheme: light;
}

html body {
	--font-family-base: var(--tajco-site-font);
	--wp--preset--font-family--manrope: var(--tajco-site-font);
	--wp--preset--font-family--fira-code: var(--tajco-site-font);
	font-family: var(--tajco-site-font) !important;
}
html body :is(button, input, select, textarea),
html body.signals-plugin .content,
html body.signals-plugin :is(.secondary-text, .anti-spam, .gdpr_consent) {
	font-family: var(--tajco-site-font);
}
html body :is(h1, h2, h3, h4, h5, h6),
html body.signals-plugin .header-text {
	font-family: var(--tajco-site-heading) !important;
	font-weight: 900 !important;
}

html body .tajco-site-brand,
html body .wp-block-site-title a {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
}
html body .tajco-site-logo {
	display: block;
	width: 64px;
	height: 64px;
	max-width: 100%;
	flex: 0 0 auto;
	object-fit: contain;
	/* Let the supplied transparent mark sit directly on each page surface. */
	background: transparent;
}
html body.tajco-homepage .tajco-public-header .tajco-site-logo {
	background: transparent;
	border-radius: 0;
}
.tajco-site-brand-copy { display: grid; gap: 4px; text-align: start; }
.tajco-site-brand-copy strong {
	font: 900 26px/1.4 var(--tajco-site-heading);
}
.tajco-site-brand-copy > span {
	font: 400 12px/1.6 var(--tajco-site-font);
	color: var(--tajco-site-muted);
}
html body .tajco-public-footer { align-items: center; }
html body .tajco-public-footer .tajco-site-logo { width: 48px; height: 48px; }
html body.signals-plugin .logo-container .tajco-site-logo { width: 112px; height: 112px; margin-inline: auto; }
.tajco-public-footer .tajco-site-brand-copy strong { font-size: 20px; }
@media (max-width: 520px) {
	html body .tajco-site-logo { width: 52px; height: 52px; }
	.tajco-site-brand-copy strong { font-size: 23px; }
	.tajco-site-brand-copy > span { font-size: 11px; }
	.tajco-public-footer .tajco-site-brand { margin-bottom: 12px; }
}

html[data-tajco-theme="dark"] {
	--tajco-site-bg: #202020;
	--tajco-site-surface: #292929;
	--tajco-site-raised: #333333;
	--tajco-site-ink: #f2f2f2;
	--tajco-site-muted: #bdbdbd;
	--tajco-site-border: #454545;
	--tajco-site-border-strong: #737373;
	--tajco-site-accent: #78d8bd;
	--tajco-site-fill: #146b56;
	--tajco-site-soft: #383838;
	--tajco-site-success: #89dca9;
	--tajco-site-danger: #ffaba3;
	--tajco-site-scheme: dark;
}

html[data-tajco-theme] body {
	--wp--preset--color--base: var(--tajco-site-bg);
	--wp--preset--color--contrast: var(--tajco-site-ink);
	--wp--preset--color--accent-4: var(--tajco-site-muted);
	--wp--preset--color--accent-5: var(--tajco-site-raised);
	--bg-primary: var(--tajco-site-bg);
	--bg-secondary: var(--tajco-site-surface);
	--bg-tertiary: var(--tajco-site-raised);
	--text-primary: var(--tajco-site-ink);
	--text-muted: var(--tajco-site-muted);
	--border-color: var(--tajco-site-border);
	--border-color-strong: var(--tajco-site-border-strong);
	--input-focus: var(--tajco-site-accent);
	--info: var(--tajco-site-fill);
	--success: var(--tajco-site-success);
	--error: var(--tajco-site-danger);
	--pp-color-border: var(--tajco-site-border);
	--pp-color-border-strong: var(--tajco-site-border-strong);
	--pp-color-ink: var(--tajco-site-ink);
	--pp-color-muted: var(--tajco-site-muted);
	--pp-color-primary: var(--tajco-site-accent);
	--pp-color-primary-fill: var(--tajco-site-fill);
	--pp-color-primary-soft: var(--tajco-site-soft);
	--pp-color-surface: var(--tajco-site-surface);
	--pp-color-surface-soft: var(--tajco-site-raised);
	--pp-color-success: var(--tajco-site-success);
	--pp-color-danger: var(--tajco-site-danger);
	--tajco-ink: var(--tajco-site-ink);
	--tajco-muted: var(--tajco-site-muted);
	--tajco-line: var(--tajco-site-border);
	--tajco-accent: var(--tajco-site-fill);
	background-color: var(--tajco-site-bg);
	color: var(--tajco-site-ink);
	color-scheme: var(--tajco-site-scheme);
}

html[data-tajco-theme] body :is(input, select, textarea) {
	color-scheme: var(--tajco-site-scheme);
}
html[data-tajco-theme] body :is(.wp-block-search__input, .comment-form input:not([type="submit"]), .comment-form textarea) {
	background: var(--tajco-site-surface);
	border-color: var(--tajco-site-border-strong);
	color: var(--tajco-site-ink);
}
html[data-tajco-theme] body :is(input, textarea)::placeholder { color: var(--tajco-site-muted); opacity: 1; }
html[data-tajco-theme] .wp-block-navigation__responsive-container.is-menu-open {
	background: var(--tajco-site-surface);
	color: var(--tajco-site-ink);
}
html[data-tajco-theme] .tajco-skip { background: var(--tajco-site-surface); }
html[data-tajco-theme] .tajco-public-page :focus-visible { outline-color: var(--tajco-site-accent); }
html[data-tajco-theme] body.tajco-order-panel-page :is(.tajco-panel__header, .tajco-auth__hero) {
	background: var(--tajco-site-surface);
	border-color: var(--tajco-site-border);
}

/* A compact rectangular control that scrolls with the page header. */
html body .tajco-theme-toggle {
	box-sizing: border-box;
	position: static;
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 44px;
	min-width: 44px;
	margin: 0;
	padding: 11px;
	border: 1px solid var(--tajco-site-border-strong);
	border-radius: 4px;
	background: var(--tajco-site-surface);
	color: var(--tajco-site-ink);
	box-shadow: none;
	font: 700 13px/1.4 var(--tajco-site-font);
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
html body .tajco-theme-toggle:hover { border-color: var(--tajco-site-accent); background: var(--tajco-site-raised); }
html body .tajco-theme-toggle:focus-visible { outline: 3px solid var(--tajco-site-accent); outline-offset: 4px; }
html body .tajco-theme-toggle[hidden] { display: none; }
/* Keep the accessible name while displaying only the sun/moon icon. */
.tajco-theme-toggle [data-tajco-theme-label] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
}
html[data-tajco-theme] :is(.tajco-public-header, .tajco-theme-header-actions) { flex-wrap: wrap; }
.tajco-theme-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 12px max(16px, env(safe-area-inset-left, 0px));
	direction: rtl;
}
@media (max-width: 520px) {
	html[data-tajco-theme] .tajco-public-header nav {
		width: 100%;
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}
}
.tajco-theme-icon { flex: 0 0 20px; }
.tajco-theme-icon--sun, html[data-tajco-theme="dark"] .tajco-theme-icon--moon { display: none; }
html[data-tajco-theme="dark"] .tajco-theme-icon--sun { display: block; }

/* CSMM keeps its image/content and access rules; only its surface colors change. */
html[data-tajco-theme] body.signals-plugin { background-color: var(--tajco-site-bg); }
html[data-tajco-theme] .signals-plugin .tajco-theme-header { background: var(--tajco-site-surface); }
html[data-tajco-theme] .signals-plugin .maintenance-mode .content {
	background: var(--tajco-site-surface);
	color: var(--tajco-site-ink);
	border: 1px solid var(--tajco-site-border);
}
html[data-tajco-theme] .signals-plugin :is(.header-text, .secondary-text, .gdpr_consent) { color: var(--tajco-site-ink); }
html[data-tajco-theme] .signals-plugin .anti-spam { color: var(--tajco-site-muted); }

@media print {
	html body .tajco-theme-toggle { display: none; }
}
@media (forced-colors: active) {
	html body .tajco-theme-toggle { background: Canvas; color: ButtonText; border-color: ButtonText; }
}