/*
Theme Name: Chekah Academy
Theme URI: https://chekah.com/
Author: آکادمی حسابداری چکاه
Author URI: https://chekah.com/
Description: قالب اختصاصی و مدرن آموزشگاه حسابداری و مالیاتی چکاه. طراحی شده با بالاترین استانداردهای UI/UX Pro Max، بهینه‌سازی شده برای دوره‌های حضوری، آنلاین و پکیج‌های ضبط شده ویدیویی، کاملاً واکنش‌گرا و سازگار با ووکامرس و اسپات‌پلیر.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
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: chekah-academy
Tags: education, e-commerce, custom-menu, featured-images, rtl-language-support, theme-options, translation-ready
*/

/* ==========================================================================
   CSS VARIABLES & DESIGN SYSTEM TOKENS (UI/UX PRO MAX)
   ========================================================================== */
:root {
  /* Brand & Corporate Colors */
  --ck-navy: #0F172A;
  --ck-navy-light: #1E293B;
  --ck-navy-dark: #0A0F1D;
  
  --ck-primary: #0F172A;
  --ck-primary-hover: #1E293B;
  
  --ck-teal: #0D9488;
  --ck-teal-light: #F0FDFA;
  --ck-teal-border: #99F6E4;
  --ck-teal-hover: #0F766E;

  --ck-accent: #0D9488;
  --ck-accent-hover: #0F766E;

  --ck-amber: #D97706;
  --ck-amber-light: #FEF3C7;
  --ck-amber-hover: #B45309;

  --ck-emerald: #059669;
  --ck-emerald-light: #ECFDF5;

  /* Course Mode Badge Colors */
  --ck-mode-inperson: #4F46E5;        /* دوره‌های حضوری - نیلی */
  --ck-mode-inperson-bg: #EEF2FF;
  --ck-mode-online: #0284C7;          /* کلاس‌های آنلاین - آبی روشن */
  --ck-mode-online-bg: #E0F2FE;
  --ck-mode-recorded: #059669;        /* پکیج‌های ضبط شده - سبز زمردی */
  --ck-mode-recorded-bg: #ECFDF5;

  /* Neutrals & Surfaces */
  --ck-bg: #F8FAFC;
  --ck-surface: #FFFFFF;
  --ck-surface-subtle: #F1F5F9;
  --ck-border: #E2E8F0;
  --ck-border-subtle: #F1F5F9;

  /* Text Colors */
  --ck-text-main: #0F172A;
  --ck-text-muted: #64748B;
  --ck-text-subtle: #94A3B8;
  --ck-text-white: #FFFFFF;

  /* Shadows (Multi-layer soft elevation) */
  --ck-shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --ck-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.07), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
  --ck-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --ck-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.09), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --ck-shadow-hover: 0 20px 30px -10px rgba(13, 148, 136, 0.15), 0 10px 15px -5px rgba(15, 23, 42, 0.06);

  /* Radius */
  --ck-radius-sm: 8px;
  --ck-radius-md: 12px;
  --ck-radius-lg: 16px;
  --ck-radius-xl: 24px;
  --ck-radius-full: 9999px;

  /* Transitions */
  --ck-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --ck-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --ck-transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Font Stack */
  --ck-font-family: 'Vazirmatn', 'Vazir', -apple-system, BlinkMacSystemFont, 'Segoe UI', Tahoma, Arial, sans-serif;
}

/* ==========================================================================
   FONT FACE DEFINITIONS (VAZIRMATN & IRANYEKANX)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800;900&display=swap');

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

@font-face {
  font-family: 'IranYekanX';
  src: url('assets/fonts/iranyekanx.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Base resets & typography */
html, body, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.ck-hero-title, .ck-section-title, .ck-course-title,
.ck-brand-title, .ck-nav-link, .ck-btn,
.ck-filter-btn, .ck-stat-num, .ck-price-final {
  font-family: var(--ck-font-family) !important;
}

html {
  font-family: var(--ck-font-family);
  direction: rtl;
  text-align: right;
  scroll-behavior: smooth;
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--ck-bg);
  color: var(--ck-text-main);
  font-size: 15px;
  line-height: 1.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--ck-transition-fast);
}

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

button, input, select, textarea {
  font-family: inherit;
}


/* CHEKAH TAX CLASS HARMONY */
/* ==========================================================================
   CHEKAH ACADEMY - UNIFIED TAX-CLASS COLOR HARMONY & DESIGN SYSTEM
   Source of Truth: https://chekah.com/tax-class/
   ========================================================================== */

:root {
  /* Chekah Brand Core Palette */
  --prussian:      #00304D;   /* Prussian Blue - authoritative primary ground */
  --prussian-900:  #00233A;   /* Deep Prussian Blue - dark section backgrounds */
  --azure:         #2E6F97;   /* Steel Azure - secondary brand / links */
  --azure-soft:    #6EA3C2;   /* Azure Soft - light accents / borders */
  --orange:        #E98322;   /* Tiger Orange - primary vibrant accent */
  --orange-700:    #C96A12;   /* Orange Mid - badges & highlights */
  --orange-btn:    #B25A0C;   /* Deep Tiger Orange - AA-safe for white text */
  --orange-btn-h:  #984A09;   /* Orange Button Hover */
  --sandy:         #F4A460;   /* Sandy Brown - warm highlight */
  --ghost:         #F6F8FB;   /* Ghost White - clean page background */

  /* Neutral & Text */
  --ink:           #0A1C28;   /* Deep ink text on light backgrounds */
  --ink-soft:      rgba(70, 86, 97, 0.5);
  --muted:         #5A6B77;   /* Slate/gray secondary body text */
  --line:          #E2E8EE;   /* Clean light border lines */
  --white:         #FFFFFF;   /* Pure white */

  /* Semantic Aliases */
  --ck-primary:    var(--prussian);
  --ck-secondary:  var(--azure);
  --ck-accent:     var(--orange);
  --ck-accent-btn: var(--orange-btn);
  --ck-accent-hover: var(--orange-btn-h);
  --ck-bg:         var(--ghost);
  --ck-text:       var(--ink);
  --ck-text-muted: var(--muted);
  --ck-border:     var(--line);

  /* Shadows */
  --shadow-sm:     0 2px 8px rgba(0, 48, 77, 0.06);
  --shadow-md:     0 14px 40px rgba(0, 48, 77, 0.12);
  --shadow-lg:     0 30px 70px rgba(0, 48, 77, 0.18);

  /* Geometry & Transitions */
  --radius:        18px;
  --radius-sm:     12px;
  --radius-pill:   999px;
  --ease:          cubic-bezier(0.22, 0.61, 0.36, 1);
  --font-family:   'Vazirmatn', system-ui, -apple-system, sans-serif;
}

/* Base Body Surface & Typography */
body, html {
  font-family: var(--font-family) !important;
  background-color: var(--ghost) !important;
  color: var(--ink) !important;
}

/* ==========================================================================
   1. BUTTONS (Tiger Orange with Deep Glow)
   ========================================================================== */
.btn,
.btn-gold,
.btn-primary,
.ck-btn-primary,
.button.primary,
button[type="submit"].primary,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
  background: var(--orange-btn) !important;
  background-color: var(--orange-btn) !important;
  color: var(--white) !important;
  border: none !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: 0 10px 26px rgba(178, 90, 12, 0.34) !important;
  font-weight: 700 !important;
  font-family: var(--font-family) !important;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), background 0.25s !important;
}

.btn:hover,
.btn-gold:hover,
.btn-primary:hover,
.ck-btn-primary:hover,
.button.primary:hover,
button[type="submit"].primary:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
  background: var(--orange-btn-h) !important;
  background-color: var(--orange-btn-h) !important;
  color: var(--white) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 16px 34px rgba(178, 90, 12, 0.46) !important;
}

.btn-ghost,
.btn-outline,
.ck-btn-outline {
  background: transparent !important;
  color: var(--white) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.4) !important;
  border-radius: var(--radius-sm) !important;
  transition: all 0.25s var(--ease) !important;
}

.btn-ghost:hover,
.btn-outline:hover,
.ck-btn-outline:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: var(--white) !important;
  transform: translateY(-3px) !important;
}

.btn-light {
  background: var(--white) !important;
  color: var(--prussian) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--radius-sm) !important;
}

.btn-light:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--shadow-md) !important;
}

/* ==========================================================================
   2. EYEBROWS, CHIPS & BADGES
   ========================================================================== */
.eyebrow {
  color: var(--orange) !important;
  font-weight: 700 !important;
}

.eyebrow::before,
.double-line::before,
.double-line::after {
  background: var(--orange) !important;
}

.code-chip,
.ck-badge-tag {
  display: inline-block;
  font-weight: 700;
  font-size: 0.8rem;
  color: var(--prussian) !important;
  background: rgba(46, 111, 151, 0.12) !important;
  border: 1px solid rgba(46, 111, 151, 0.24) !important;
  padding: 4px 12px;
  border-radius: 8px;
}

.badge,
.ck-badge-pill {
  background: rgba(233, 131, 34, 0.12) !important;
  color: var(--orange-700) !important;
  font-weight: 800 !important;
}

/* ==========================================================================
   3. HERO SECTION (Prussian Blue Gradient + Tiger Orange Highlights)
   ========================================================================== */
#home,
.hero,
.ck-hero {
  background:
    radial-gradient(1100px 520px at 88% -8%, rgba(46, 111, 151, 0.55), transparent 60%),
    radial-gradient(800px 400px at 5% 110%, rgba(233, 131, 34, 0.16), transparent 55%),
    linear-gradient(160deg, var(--prussian) 0%, var(--prussian-900) 100%) !important;
  color: var(--white) !important;
}

.hero h1,
.hero h1 b,
.ck-hero-title {
  color: var(--white) !important;
}

.hero h1 span,
.hero h1 .hl,
.ck-hero-title span {
  color: var(--sandy) !important;
  background: linear-gradient(transparent 68%, rgba(233, 131, 34, 0.32) 68%) !important;
}

.hero .lead,
.hero-sub,
.ck-hero-desc {
  color: #c7dae6 !important;
}

.hero-badge,
.ck-hero-badge {
  background: rgba(233, 131, 34, 0.16) !important;
  border: 1px solid rgba(233, 131, 34, 0.4) !important;
  color: var(--sandy) !important;
}

.hero-badge .dot {
  background: var(--orange) !important;
  box-shadow: 0 0 0 0 rgba(233, 131, 34, 0.7);
}

/* Document Card in Hero */
.notice-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  box-shadow: var(--shadow-lg) !important;
}

.notice-card::before {
  background: var(--orange) !important;
  color: var(--white) !important;
}

.notice-stamp {
  border-color: var(--sandy) !important;
  color: var(--sandy) !important;
}

.notice-row .amount {
  color: var(--sandy) !important;
}

/* ==========================================================================
   4. STATS STRIP
   ========================================================================== */
.stats,
.ck-stats-bar {
  background: var(--white) !important;
  border-bottom: 1px solid var(--line) !important;
  box-shadow: var(--shadow-sm) !important;
}

.stat .num,
.ck-stat-num {
  color: var(--prussian) !important;
}

.stat .num .plus,
.ck-stat-num span {
  color: var(--orange) !important;
}

.stat .lbl,
.ck-stat-label {
  color: var(--muted) !important;
}

/* ==========================================================================
   5. CARDS & SECTIONS (Course, Features, Instructors, Videos)
   ========================================================================== */
.sec-head h2,
.sec-title,
.ck-section-title {
  color: var(--prussian) !important;
  font-weight: 900 !important;
}

.sec-head p,
.sec-lead,
.ck-section-subtitle {
  color: var(--muted) !important;
}

.course-card,
.ck-course-card,
.feature-card,
.risk-card,
.studio-card,
.inst-card,
.ck-student-video-card {
  background: var(--white) !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-sm) !important;
  transition: transform 0.3s var(--ease), box-shadow 0.3s var(--ease), border-color 0.3s !important;
}

.course-card:hover,
.ck-course-card:hover,
.feature-card:hover,
.risk-card:hover,
.studio-card:hover,
.inst-card:hover,
.ck-student-video-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--shadow-md) !important;
  border-color: var(--sandy) !important;
}

.course-price,
.price-current,
.ck-course-price-val {
  color: var(--orange-btn) !important;
  font-weight: 800 !important;
}

.feature-icon,
.studio-ico {
  background: linear-gradient(150deg, var(--prussian), var(--azure)) !important;
  color: var(--white) !important;
  box-shadow: 0 8px 20px rgba(0, 48, 77, 0.2) !important;
}

.studio-card::before {
  background: linear-gradient(var(--orange), var(--sandy)) !important;
}

/* Filter tabs */
.ck-mode-tab.active,
.filter-btn.active {
  background: var(--prussian) !important;
  color: var(--white) !important;
  border-color: var(--prussian) !important;
  box-shadow: 0 4px 14px rgba(0, 48, 77, 0.2) !important;
}

/* ==========================================================================
   6. ACCOUNTING SERVICES CITIES (Tax-Class Deep Theme)
   ========================================================================== */
.chekah-accounting-services {
  --cas-bg: var(--prussian) !important;
  --cas-bg-dark: var(--prussian-900) !important;
  --cas-card: rgba(255, 255, 255, 0.05) !important;
  --cas-card-hover: rgba(255, 255, 255, 0.09) !important;
  --cas-border: rgba(255, 255, 255, 0.12) !important;
  --cas-white: #ffffff !important;
  --cas-muted: rgba(255, 255, 255, 0.65) !important;
  --cas-green: var(--orange) !important;
  background:
    radial-gradient(circle at 5% 10%, rgba(233, 131, 34, 0.14), transparent 25%),
    radial-gradient(circle at 95% 90%, rgba(46, 111, 151, 0.2), transparent 28%),
    linear-gradient(145deg, var(--prussian), var(--prussian-900)) !important;
}

.chekah-accounting-city:hover {
  border-color: var(--sandy) !important;
  box-shadow: 0 10px 24px rgba(0, 48, 77, 0.4) !important;
}

.chekah-accounting-city__number {
  color: var(--sandy) !important;
}

.chekah-accounting-city__arrow {
  color: var(--orange) !important;
}

/* ==========================================================================
   7. FOOTER (Deep Prussian Night Theme)
   ========================================================================== */
footer,
.site-footer,
.ck-footer {
  background: linear-gradient(180deg, var(--prussian) 0%, var(--prussian-900) 100%) !important;
  color: #cddde8 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

footer a,
.ck-footer a {
  color: #dce8f0 !important;
}

footer a:hover,
.ck-footer a:hover {
  color: var(--sandy) !important;
}

/* Floating contact icon */
.floating-contact,
.quick-call-btn {
  background: var(--orange-btn) !important;
  color: var(--white) !important;
  box-shadow: 0 8px 24px rgba(178, 90, 12, 0.45) !important;
}