/*!
Theme Name: برنجکده خان
Theme URI: https://khanrice.shop
Description: قالب اختصاصی فروشگاه برنجکده خان — عرضه برنج، حبوبات و خشکبار. راست‌چین، بدون صفحه‌ساز، با تمرکز بر سرعت و اصالت محصول.
Author: Berenjkade Khan
Author URI: https://khanrice.shop
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: berenjkadekhan
Tags: e-commerce, rtl-language-support, custom-logo, custom-menu, featured-images, translation-ready

راست‌چینی با خصوصیت‌های منطقی CSS پیاده شده، پس فایل جداگانه rtl لازم نیست.
*/

/* =========================================================
   توکن‌های طراحی
   تنها منبع حقیقت برای رنگ، تایپوگرافی، فاصله و حرکت.
   ========================================================= */

:root {
	/* --- رنگ پایه --- */
	--bkk-cream: #faf6ef;         /* پس‌زمینه اصلی، رنگ برنج خام */
	--bkk-sand: #ede3d2;          /* سطوح ثانویه */
	--bkk-sand-deep: #ddcfb8;     /* لبه‌ها و حالت فشرده */
	--bkk-surface: #ffffff;       /* کارت‌های روشن */
	--bkk-saffron: #d98a2b;       /* لهجه اصلی — فقط اقدام و تأکید */
	--bkk-saffron-deep: #b86f1b;  /* حالت فشرده دکمه */
	--bkk-saffron-soft: #f6e7cf;  /* پس‌زمینه ملایم لهجه */
	--bkk-green: #3e5c3a;         /* خاستگاه و تازگی */
	--bkk-green-soft: #e6ebe0;
	--bkk-ink: #2a2420;           /* متن اصلی — قهوه‌ای مشکی گرم */
	--bkk-muted: #7a6e62;         /* متن ثانویه */
	--bkk-sale: #c0392b;          /* تخفیف */

	/* --- رنگ‌های مشتق --- */
	--bkk-line: rgba(42, 36, 32, 0.12);
	--bkk-line-strong: rgba(42, 36, 32, 0.22);
	--bkk-overlay: rgba(42, 36, 32, 0.55);

	/* --- فونت --- */
	--font-display: "Estedad", "Vazirmatn", Tahoma, sans-serif;
	--font-body: "Vazirmatn", Tahoma, sans-serif;

	/* --- مقیاس سیال متن --- */
	--step--2: clamp(0.72rem, 0.70rem + 0.10vw, 0.78rem);
	--step--1: clamp(0.84rem, 0.81rem + 0.15vw, 0.92rem);
	--step-0: clamp(1rem, 0.96rem + 0.20vw, 1.09rem);
	--step-1: clamp(1.19rem, 1.12rem + 0.35vw, 1.36rem);
	--step-2: clamp(1.41rem, 1.30rem + 0.55vw, 1.70rem);
	--step-3: clamp(1.68rem, 1.51rem + 0.85vw, 2.13rem);
	--step-4: clamp(2rem, 1.75rem + 1.25vw, 2.66rem);
	--step-5: clamp(2.37rem, 2.02rem + 1.78vw, 3.33rem);
	--step-6: clamp(2.82rem, 2.32rem + 2.5vw, 4.16rem);

	/* --- ارتفاع خط: فارسی فضای عمودی بیشتری از لاتین می‌خواهد --- */
	--lh-tight: 1.2;
	--lh-heading: 1.4;
	--lh-body: 1.85;

	/* --- فاصله --- */
	--space-3xs: 0.25rem;
	--space-2xs: 0.5rem;
	--space-xs: 0.75rem;
	--space-s: 1rem;
	--space-m: 1.5rem;
	--space-l: 2rem;
	--space-xl: 3rem;
	--space-2xl: 4.5rem;
	--space-3xl: 7rem;

	/* --- چیدمان --- */
	--wrap: 1280px;
	--wrap-narrow: 780px;
	--measure: 68ch;   /* بیشینه طول سطر خواندنی در فارسی */
	--gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);

	/* --- شعاع --- */
	--radius-s: 6px;
	--radius-m: 12px;
	--radius-l: 20px;
	--radius-pill: 999px;

	/* --- سایه: فقط دو سطح در کل سایت --- */
	--shadow-soft: 0 2px 4px rgba(42, 36, 32, 0.04), 0 8px 24px rgba(42, 36, 32, 0.06);
	--shadow-lift: 0 4px 8px rgba(42, 36, 32, 0.06), 0 16px 40px rgba(42, 36, 32, 0.1);

	/* --- حرکت --- */
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--dur-fast: 140ms;
	--dur-base: 260ms;
	--dur-slow: 460ms;

	/* --- لایه‌بندی --- */
	--z-sticky: 100;
	--z-header: 200;
	--z-drawer: 300;
	--z-modal: 400;

	/* --- بافت دانه کاغذی: SVG درون‌خط، بدون درخواست شبکه --- */
	--texture-paper: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23p)'/%3E%3C/svg%3E");
}

/* =========================================================
   فونت — خودمیزبان و متغیر
   ========================================================= */

@font-face {
	font-family: "Vazirmatn";
	src: url("assets/fonts/vazirmatn-var.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Estedad";
	src: url("assets/fonts/estedad-var.woff2") format("woff2-variations");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}