/*
Theme Name:   Mana – Hello Elementor Child
Theme URI:    https://manabattery.ir
Description:  قالب چایلد Hello Elementor برای مانا باتری. فقط صفحات آرشیو و دسته‌بندی محصول را استایل می‌دهد؛ صفحه تک‌محصول در اختیار المنتور است.
Author:       Mana Battery
Version:      2.5.2
Template:     hello-elementor
Text Domain:  hello-elementor-mana
*/

/* ==================================================================
   توکن‌های برند — manabattery.ir / UI KIT / v1.1
   این فایل روی همه صفحات لود می‌شود ولی عمداً فقط متغیر تعریف می‌کند
   و هیچ سلکتور ظاهری ندارد، تا با تنظیمات سراسری المنتور درگیر نشود.
================================================================== */
:root {
	/* رنگ‌های برند */
	--mana-green: #2b7a4c;
	--mana-orange: #ee7117;
	--mana-dark: #0b3d2e;
	--mana-text: #1a1a18;

	/* حالت‌های تعاملی */
	--mana-green-hover: #1f5a38;
	--mana-orange-hover: #d25f0c;
	--mana-green-soft: #e9f2ec;
	--mana-green-border: #c9ded2;
	--mana-orange-soft: #fdf1e7;
	--mana-orange-border: #f7d9be;

	/* سطوح خنثی */
	--mana-bg: #fafaf8;
	--mana-page-bg: #ffffff;
	--mana-surface: #ffffff;
	--mana-border: #e7e5e0;
	--mana-text-muted: #6b6b66;

	/* قلم */
	--mana-font: 'IRANSansX', Tahoma, Arial, sans-serif;
	--mana-font-mono: 'IBM Plex Mono', ui-monospace, 'Courier New', monospace;

	/* مقیاس فاصله */
	--mana-space-1: 4px;
	--mana-space-2: 8px;
	--mana-space-3: 16px;
	--mana-space-4: 24px;
	--mana-space-5: 48px;
	--mana-space-6: 96px;

	/* گوشه */
	--mana-radius-control: 6px;
	--mana-radius-button: 8px;
	--mana-radius-card: 10px;

	/* سایه — فقط در حالت هاور */
	--mana-shadow-green: 0 2px 10px rgba(43, 122, 76, 0.2);
	--mana-shadow-orange: 0 2px 10px rgba(238, 113, 23, 0.2);
	--mana-shadow-neutral: 0 2px 10px rgba(26, 26, 24, 0.08);

	/* گذر */
	--mana-transition: 170ms ease-out;

	/* چیدمان آرشیو */
	--mana-sidebar-width: 280px;
}

/* ==================================================================
   قلم‌ها

   Custom Fonts المنتور فقط برای عناصری کار می‌کند که خود المنتور
   رندرشان می‌کند. صفحه آرشیو یک تمپلیت PHP است، پس روی آن هیچ
   عنصر المنتوری وجود ندارد که این قلم را درخواست کند و در نتیجه
   @font-face مربوط به آن در صفحه چاپ نمی‌شود.

   راه‌حل: @font-face مربوط به IRANSansX با PHP ساخته می‌شود و به
   همان فایل‌هایی اشاره می‌کند که در المنتور آپلود کرده‌اید. کد و
   مسیر فایل‌ها در inc/fonts.php است — نه اینجا.
================================================================== */

@font-face {
	font-family: 'IBM Plex Mono';
	src: url('assets/fonts/IBMPlexMono-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}