/*
Theme Name: simple WS theme
Theme URI: https://whitestudio.team/
Author: WhiteStudio Team - Brilliant Digital Team LTD
Author URI: https://whitestudio.team/
Description: A Gutenberg full-site editing block theme for the WhiteStudio / Easy Form Builder website.
Version: 1.11.33
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: simple-ws-theme
Tags: block-patterns, block-styles, full-site-editing, custom-colors, custom-menu, editor-style, featured-images, rtl-language-support, translation-ready

simple WS theme, Copyright 2026 WhiteStudio Team - Brilliant Digital Team LTD
simple WS theme is distributed under the terms of the GNU GPL.
*/

/*
 * Local locale-specific fonts. The theme never asks a third-party font CDN for
 * these files. The matching token is selected from WordPress's html[lang]
 * attribute, so changing the Site Language changes the frontend typography.
 */
@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/vazirmatn-regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Vazirmatn';
	src: url('assets/fonts/vazirmatn-bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans Arabic';
	src: url('assets/fonts/noto-sans-arabic-regular.ttf') format('truetype');
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'Noto Sans Arabic';
	src: url('assets/fonts/noto-sans-arabic-bold.ttf') format('truetype');
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'Inter';
	src: url('assets/fonts/inter-latin-variable.woff2') format('woff2');
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
}

:root {
	--bs-body-font-family: 'Plus Jakarta Sans', Vazirmatn, Vazir, IRANSans, 'Noto Sans Arabic', Tahoma, 'Segoe UI', 'Geeza Pro', system-ui, -apple-system, sans-serif;
	--font-display: 'Sora', Vazirmatn, Vazir, IRANSans, 'Noto Sans Arabic', Tahoma, 'Segoe UI', 'Geeza Pro', system-ui, sans-serif;
	--ws-locale-body-size: 16px;
	--ws-locale-body-line-height: 1.6;
	--ws-locale-body-weight: 400;
	--ws-locale-heading-weight: 600;
	--ws-locale-heading-line-height: 1.12;
	--ws-locale-heading-tracking: -0.025em;
	--ws-locale-ui-weight: 600;
	--ws-locale-body-tracking: -0.005em;
}

/* Persian (fa, fa-IR): Vazirmatn is designed for Persian text and UI. */
html[lang^="fa"],
html[lang^="fa"] body {
	--bs-body-font-family: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
	--font-display: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
	--wp--preset--font-family--body: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
	--wp--preset--font-family--display: 'Vazirmatn', Tahoma, 'Segoe UI', sans-serif;
	--ws-locale-body-size: 17px;
	--ws-locale-body-line-height: 1.95;
	--ws-locale-heading-weight: 700;
	--ws-locale-heading-line-height: 1.48;
	--ws-locale-heading-tracking: 0;
	--ws-locale-ui-weight: 700;
	--ws-locale-body-tracking: 0;
}

/* Arabic (ar, ar-SA, ar-AE, ...): Noto Sans Arabic for body and headings. */
html[lang^="ar"],
html[lang^="ar"] body {
	--bs-body-font-family: 'Noto Sans Arabic', Tahoma, 'Segoe UI', sans-serif;
	--font-display: 'Noto Sans Arabic', Tahoma, 'Segoe UI', sans-serif;
	--wp--preset--font-family--body: 'Noto Sans Arabic', Tahoma, 'Segoe UI', sans-serif;
	--wp--preset--font-family--display: 'Noto Sans Arabic', Tahoma, 'Segoe UI', sans-serif;
	--ws-locale-body-size: 17px;
	--ws-locale-body-line-height: 1.85;
	--ws-locale-heading-weight: 700;
	--ws-locale-heading-line-height: 1.42;
	--ws-locale-heading-tracking: 0;
	--ws-locale-ui-weight: 700;
	--ws-locale-body-tracking: 0;
}

/* German (de, de-DE, de-AT, ...): Inter is a familiar modern web UI face. */
html[lang^="de"],
html[lang^="de"] body {
	--bs-body-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--font-display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--wp--preset--font-family--body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--wp--preset--font-family--display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--ws-locale-body-size: 16px;
	--ws-locale-body-line-height: 1.68;
	--ws-locale-heading-weight: 650;
	--ws-locale-heading-line-height: 1.16;
	--ws-locale-heading-tracking: -0.018em;
	--ws-locale-ui-weight: 650;
	--ws-locale-body-tracking: -0.003em;
}

/* Apply the active language's type scale to body text, headings, and controls. */
html[lang^="fa"] body,
html[lang^="ar"] body,
html[lang^="de"] body {
	font-size: var(--ws-locale-body-size);
	font-weight: var(--ws-locale-body-weight);
	line-height: var(--ws-locale-body-line-height);
	letter-spacing: var(--ws-locale-body-tracking);
}
html[lang^="fa"] :is(h1, h2, h3, h4, h5, h6, .wp-block-heading),
html[lang^="ar"] :is(h1, h2, h3, h4, h5, h6, .wp-block-heading),
html[lang^="de"] :is(h1, h2, h3, h4, h5, h6, .wp-block-heading) {
	font-weight: var(--ws-locale-heading-weight);
	line-height: var(--ws-locale-heading-line-height);
	letter-spacing: var(--ws-locale-heading-tracking);
}
html[lang^="fa"] :is(button, input, select, textarea, .btn, .wp-block-button__link),
html[lang^="ar"] :is(button, input, select, textarea, .btn, .wp-block-button__link),
html[lang^="de"] :is(button, input, select, textarea, .btn, .wp-block-button__link) {
	font-family: var(--bs-body-font-family);
}
html[lang^="fa"] :is(button, .btn, .wp-block-button__link),
html[lang^="ar"] :is(button, .btn, .wp-block-button__link),
html[lang^="de"] :is(button, .btn, .wp-block-button__link) {
	font-weight: var(--ws-locale-ui-weight);
}

.wp-block-button.is-style-simple-ws-outline .wp-block-button__link {
	background: transparent;
	border: 1px solid currentColor;
	color: inherit;
}

/* Plugins menu: give the supplied, full-color plugin artwork room to stay legible. */
.plugins-panel {
	width: min(390px, calc(100vw - 32px));
	padding: 12px;
}

.plugins-panel .mega-head {
	padding: 4px 4px 10px;
}

.plugins-panel .mega-link {
	align-items: center;
	gap: 14px;
	padding: 10px;
	border: 1px solid transparent;
}

.plugins-panel .mega-link + .mega-link {
	margin-top: 2px;
}

.plugins-panel .mega-link:hover,
.plugins-panel .mega-link:focus-visible {
	background: var(--surface-2);
	border-color: var(--line);
}

.plugins-panel .mega-link .mi.logo {
	width: 56px;
	height: 56px;
	padding: 3px;
	border-radius: 14px;
	background: var(--surface);
	border-color: var(--line);
	box-shadow: 0 4px 12px rgba(34, 22, 56, 0.08);
}

.plugins-panel .mega-link:hover .mi.logo,
.plugins-panel .mega-link:focus-visible .mi.logo {
	background: var(--surface);
}

.plugins-panel .mega-link .mi.logo img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.plugins-panel .mega-link .mt > span {
	display: block;
	margin-top: 2px;
}

@media (max-width: 991px) {
	.plugins-panel {
		padding: 4px 0 8px 10px;
	}
}

@media (max-width: 480px) {
	.plugins-panel .mega-link .mi.logo {
		width: 48px;
		height: 48px;
		border-radius: 12px;
	}
}