/*
Theme Name: پرگار | Pargar Academy
Theme URI: https://hakiminezhad.tech/
Author: hakimitech
Author URI: https://hakiminezhad.tech/
Description: قالب حرفه‌ای و مدرن فارسی (RTL) برای آکادمی‌ها، آموزشگاه‌های آنلاین و مدرسان مستقل. شامل سیستم مدیریت دوره، حالت روشن و تیره، پنل تنظیمات جامع و سازگاری کامل با ووکامرس.
Version: 3.6.38
Requires at least: 5.8
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pargar
Domain Path: /languages
Tags: education, e-commerce, two-columns, right-sidebar, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support
*/

/* ============================================================
   Pargar Academy — سیستم متغیرها (Design System)
   مطابق دقیق دیزاین Claude Design. از پنل «تنظیمات پرگار» کنترل می‌شوند.
   ============================================================ */

:root {
    /* رنگ برند */
    --bm-primary: #4F46E5;
    --bm-primary-hover: #6366F1;
    --bm-primary-dark: #3730A3;
    --bm-primary-soft: #EEF2FF;
    --bm-on-primary: #FFFFFF;

    --bm-secondary: #0EA5E9;
    --bm-secondary-soft: #E0F2FE;

    --bm-accent: #F59E0B;
    --bm-accent-soft: #FEF3C7;

    --bm-success: #10B981;
    --bm-success-soft: #D1FAE5;
    --bm-warning: #F59E0B;
    --bm-error: #EF4444;
    --bm-error-soft: #FEE2E2;

    /* خنثی (Slate) */
    --bm-bg: #F8FAFC;
    --bm-surface: #FFFFFF;
    --bm-surface-2: #F1F5F9;
    --bm-border: #E2E8F0;
    --bm-border-strong: #CBD5E1;
    --bm-text: #0F172A;
    --bm-text-sub: #475569;
    --bm-text-mute: #94A3B8;

    --bm-ring: rgba(79, 70, 229, .30);

    /* تایپوگرافی */
    --bm-font: 'Yekan Bakh', 'Vazirmatn', Tahoma, sans-serif;
    --bm-font-heading: var(--bm-font);
    --bm-fs-base: 16px;
    --bm-lh-base: 1.9;

    /* شعاع */
    --bm-radius-sm: 11px;
    --bm-radius: 16px;
    --bm-radius-lg: 20px;
    --bm-radius-xl: 28px;

    /* سایه (مطابق دیزاین) */
    --bm-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
    --bm-shadow: 0 4px 12px rgba(15, 23, 42, .08);
    --bm-shadow-md: 0 4px 12px rgba(15, 23, 42, .08);
    --bm-shadow-lg: 0 12px 28px rgba(15, 23, 42, .10);
    --bm-shadow-xl: 0 24px 56px rgba(15, 23, 42, .14);

    --bm-container: 1240px;
    --bm-gap: 20px;
    --bm-header-h: 70px;
}

/* ============ حالت تیره ============ */
:root[data-theme="dark"] {
    --bm-primary-soft: #1E1B4B;
    --bm-secondary-soft: #0C3A52;
    --bm-accent-soft: #4A340A;
    --bm-success-soft: #0B3B2C;
    --bm-error-soft: #4A1414;

    --bm-bg: #0E1622;
    --bm-surface: #161F2C;
    --bm-surface-2: #1B2736;
    --bm-border: #2A3848;
    --bm-border-strong: #3A4A5E;
    --bm-text: #EAF1F8;
    --bm-text-sub: #9FB0C2;
    --bm-text-mute: #64748B;

    --bm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
    --bm-shadow: 0 4px 12px rgba(0, 0, 0, .35);
    --bm-shadow-md: 0 4px 12px rgba(0, 0, 0, .35);
    --bm-shadow-lg: 0 12px 28px rgba(0, 0, 0, .45);
    --bm-shadow-xl: 0 24px 56px rgba(0, 0, 0, .55);
}

/* ============================================================
   ریست و پایه
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; }

html { font-size: var(--bm-fs-base); scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: var(--bm-font);
    line-height: var(--bm-lh-base);
    color: var(--bm-text);
    background: var(--bm-bg);
    direction: rtl;
    text-align: right;
    -webkit-font-smoothing: antialiased;
    transition: background-color .3s ease, color .3s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--bm-font-heading);
    color: var(--bm-text);
    line-height: 1.4;
    margin: 0 0 .6em;
    font-weight: 800;
    letter-spacing: -.4px;
}

p { margin: 0 0 1em; }

a { color: var(--bm-primary); text-decoration: none; transition: color .2s; }
a:hover { color: var(--bm-primary-dark); }

img { max-width: 100%; height: auto; display: block; }

ul, ol { padding-right: 1.4em; padding-left: 0; }

/* ============================================================
   لایه‌بندی
   ============================================================ */
.bm-container {
    max-width: var(--bm-container);
    margin-inline: auto;
    padding-inline: 32px;
    width: 100%;
}

.bm-section { padding-block: 64px; }

.bm-grid { display: grid; gap: var(--bm-gap); }
.bm-grid-2 { grid-template-columns: repeat(2, 1fr); }
.bm-grid-3 { grid-template-columns: repeat(3, 1fr); }
.bm-grid-4 { grid-template-columns: repeat(4, 1fr); }
.bm-grid-6 { grid-template-columns: repeat(6, 1fr); }

/* ============================================================
   کارت پایه
   ============================================================ */
.bm-card {
    background: var(--bm-surface);
    border: 1px solid var(--bm-border);
    border-radius: var(--bm-radius-lg);
    box-shadow: var(--bm-shadow-sm);
    transition: transform .18s, box-shadow .18s;
}

/* ============================================================
   دکمه‌ها
   ============================================================ */
.bm-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 10px 20px;
    border-radius: var(--bm-radius-sm);
    font-family: inherit;
    font-size: .95rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all .2s;
    line-height: 1.2;
}
.bm-btn-primary { background: var(--bm-primary); color: #fff; box-shadow: 0 6px 16px rgba(79, 70, 229, .28); }
.bm-btn-primary:hover { background: var(--bm-primary-hover); color: #fff; transform: translateY(-2px); }
.bm-btn-outline { background: var(--bm-surface); color: var(--bm-text); border-color: var(--bm-border-strong); }
.bm-btn-outline:hover { border-color: var(--bm-primary); color: var(--bm-primary); }
.bm-btn-ghost { background: var(--bm-surface-2); color: var(--bm-text); }
.bm-btn-lg { padding: 15px 32px; font-size: 1rem; border-radius: 14px; }
.bm-btn-light { background: #fff; color: var(--bm-primary); }
.bm-btn-light:hover { color: var(--bm-primary); transform: translateY(-2px); }
.bm-btn-block { width: 100%; }

/* ============================================================
   اجزای کمکی
   ============================================================ */
.bm-badge {
    display: inline-block;
    padding: 4px 11px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
}
.bm-badge-primary { background: var(--bm-primary-soft); color: var(--bm-primary); }
.bm-badge-accent { background: var(--bm-accent); color: #fff; }
.bm-badge-success { background: var(--bm-success); color: #fff; }

.bm-eyebrow { font-size: .82rem; font-weight: 700; color: var(--bm-primary); margin-bottom: 10px; }

.bm-skip-link {
    position: absolute;
    right: -9999px;
    top: 8px;
    background: var(--bm-primary);
    color: #fff;
    padding: 10px 16px;
    border-radius: 8px;
    z-index: 9999;
}
.bm-skip-link:focus { right: 8px; }

/* ============================================================
   ریسپانسیو پایه
   ============================================================ */
@media (max-width: 1024px) {
    .bm-grid-6 { grid-template-columns: repeat(3, 1fr); }
    .bm-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .bm-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 680px) {
    .bm-container { padding-inline: 20px; }
    .bm-section { padding-block: 44px; }
    .bm-grid-2, .bm-grid-3, .bm-grid-4, .bm-grid-6 { grid-template-columns: 1fr; }
}