/* Shared base rules and component foundations. */

/* Local Persian typeface used across the theme and block editor. */
@font-face {
	font-family: 'Peyda';
	src: url('../fonts/PeydaWeb-Medium.woff2') format('woff2'), url('../fonts/PeydaWeb-Medium.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Peyda';
	src: url('../fonts/PeydaWeb-Bold.woff2') format('woff2'), url('../fonts/PeydaWeb-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Peyda';
	src: url('../fonts/PeydaWeb-Black.woff2') format('woff2'), url('../fonts/PeydaWeb-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Material Symbols are served only from the local theme assets. */
@font-face {
	font-family: 'Material Symbols Outlined';
	src: url('../fonts/MaterialSymbolsOutlined.woff2') format('woff2'), url('../fonts/MaterialSymbolsOutlined.ttf') format('truetype');
	font-weight: 100 700;
	font-style: normal;
	font-display: block;
}

:root {
	color-scheme: light;
}

html {
	scroll-behavior: smooth;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	font-family: 'Peyda', sans-serif;
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: 'liga';
	font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
}

[data-teravat-modal][hidden],
[data-teravat-drawer][hidden] {
	display: none;
}

.teravat-overlay-open {
	overflow: hidden;
}

.component-loading-state__indicator {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	border: 2px solid currentColor;
	border-inline-end-color: transparent;
	border-radius: 50%;
	animation: teravat-spin 0.8s linear infinite;
}

@keyframes teravat-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.component-loading-state__indicator {
		animation: none;
	}
}

/* Keep every shared layout container centered after its responsive max-width is applied. */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
	
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.75rem;
	margin-right: -0.75rem;
}

.row>* {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.no-gutters {
	margin-left: 0;
	margin-right: 0;
}

.no-gutters>* {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	position: fixed;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	margin: 1rem;
	overflow: visible;
	clip: auto;
	white-space: normal;
	background: #ffffff;
	color: #111827;
	z-index: 100000;
}

[multiple]:focus,
[type=date]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
input:where(:not([type])):focus,
select:focus,
textarea:focus {
	--tw-ring-color: rgba(255, 255, 255, 0) !important;
	border-color: rgb(99 99 99) !important;
}


img {
	object-fit: cover;
	object-position: center;
	transition: all 0.3s ease-in-out;
}

.zoom:hover {
	scale: 1.03;
}


.container {
	max-width: 1280px !important;
}