/*
Theme Name: TanMadar
Theme URI: https://tanmadar.app
Description: قالب رسمیِ سایتِ عمومیِ تن‌مدار (صفحاتِ خانه، ویدئوهای آموزشی، درباره ما، تماس، حریم خصوصی) — راست‌به‌چپ، فارسی، و سازگار با المنتور (Elementor). برای ساختِ صفحه با المنتور از قالبِ صفحهٔ «تن‌مدار — بوم کامل» استفاده کنید.
Author: TanMadar
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: tanmadar
Tags: rtl-language-support, full-width-template, custom-menu, elementor, footer-widgets
*/

/* استایلِ کاملِ ظاهری در assets/css/tanmadar-design.css بارگذاری می‌شود (سیستمِ طراحیِ تن‌مدار).
   این فایل فقط برای هدرِ قالب و چند override در بسترِ واقعیِ سایت (خارج از قابِ پیش‌نمایش) است. */

html { box-sizing: border-box; }
body { margin: 0; background: #fff; }

/* در سایتِ واقعی، صفحه تمام‌عرض است (برخلافِ قابِ دستگاهِ موکاپ) */
.site-page { min-height: 100vh; display: flex; flex-direction: column; }
.site-main { flex: 1 0 auto; }

/* نوارِ ناوبریِ چسبان در سایتِ واقعی */
.site-nav { position: sticky; top: 0; z-index: 50; }

/* نشانِ لوگو (به‌جای مربعِ «ت»ِ placeholder) در هدر و فوتر */
.site-brand-logo { width: 40px; height: 40px; display: block; flex: 0 0 auto; }

/* صفحهٔ عمومیِ ساخته‌شده با گوتنبرگ/المنتور داخلِ همان چارچوب */
.site-main > .entry-content { max-width: 1120px; margin-inline: auto; padding: 40px 20px; }

/* فیلدهای واقعیِ فرمِ تماس داخلِ پوستهٔ طراحی (input-shell) — بدونِ chromeِ پیش‌فرضِ مرورگر */
.input-shell input,
.input-shell textarea {
	flex: 1;
	width: 100%;
	min-width: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	outline: none;
	font: inherit;
	color: inherit;
}
.input-shell.input-textarea { padding: 10px 12px; }
.input-shell textarea { resize: vertical; line-height: 1.8; min-height: 44px; align-self: stretch; }
.input-shell input::placeholder,
.input-shell textarea::placeholder { color: #96a0af; opacity: 1; }

/* Contact Form 7 — هماهنگ با ظاهرِ فرمِ طراحی */
.wpcf7-form .input-shell .wpcf7-form-control-wrap { display: block; flex: 1; width: 100%; min-width: 0; }
.wpcf7-form .input-shell input,
.wpcf7-form .input-shell textarea { width: 100%; }
.wpcf7-form .form-grid { margin-bottom: 0; }
.wpcf7-form .field { margin-bottom: 12px; }
.wpcf7-form .site-btn-primary {
	width: 100%;
	justify-content: center;
	border: 0;
	cursor: pointer;
	margin-top: 4px;
}
.wpcf7-form .wpcf7-not-valid-tip { color: #d6354a; font-size: 11px; margin: 4px 3px 0; display: block; }
.wpcf7-form .input-shell:has(.wpcf7-not-valid) { border-color: #e6a4ad; }
.wpcf7-spinner { margin-inline: 8px; }
.wpcf7-response-output { margin: 14px 0 0 !important; border-radius: 10px; padding: 10px 14px !important; font-size: 13px; line-height: 1.8; }
.wpcf7-form.sent .wpcf7-response-output { border: 1px solid #b7e0c2; background: #eafaef; color: #1d7a3a; }
.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output { border: 1px solid #f0c2c9; background: #fdeef0; color: #c0334a; }

/* جست‌وجوی واقعیِ ویدئوها داخلِ پیلِ طراحی + حالتِ خالی + CTA پایانی */
.vid-search { flex: 1; max-width: 340px; }
.vid-search-input {
	flex: 1;
	width: 100%;
	min-width: 0;
	border: 0;
	margin: 0;
	padding: 0;
	background: transparent;
	outline: none;
	font: inherit;
	color: #414954;
}
.vid-search-input::placeholder { color: #8893a4; opacity: 1; }
.vid-search-input::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; }
.vid-empty { display: none; text-align: center; color: #7c889a; font-size: 13px; padding: 28px 0 4px; }
.vid-foot { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-top: 26px; text-align: center; }
.vid-foot p { margin: 0; color: #7c889a; font-size: 13px; }

/* دسترس‌پذیری: متنِ مخصوصِ صفحه‌خوان + لینکِ «پرش به محتوا» (با focus دیده می‌شود) */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.skip-link.screen-reader-text:focus {
	clip: auto;
	clip-path: none;
	position: fixed !important;
	top: 8px;
	right: 8px;
	left: auto;
	width: auto;
	height: auto;
	margin: 0;
	padding: 12px 20px;
	display: block;
	background: #fff;
	color: #1C2333;
	font-weight: 700;
	text-decoration: none;
	border-radius: 0 0 12px 12px;
	box-shadow: 0 8px 24px rgba(28, 35, 51, 0.18);
	z-index: 100000;
}