/* ──────────────────────────────────────────────────────────────────────
   رنگ‌های ویجت نوبت‌دهی ای‌منشی، هم‌رنگِ خودِ سایت دکتر انتظاری.

   ⚠️ `web-component.css` یک تم DaisyUI است و رنگ‌هایش را از چند متغیر
   می‌خواند — نه از کلاس. پس برای تغییر رنگ **نباید** دنبال کلاس گشت؛
   کافی است همان متغیرها را عوض کنیم. این فایل بعد از آن لود می‌شود و
   فقط همین کار را می‌کند. باندلِ ای‌منشی دست‌نخورده می‌ماند، پس
   به‌روزرسانی بعدیِ آن این تم را خراب نمی‌کند.

   ⚠️ مقادیر DaisyUI در این نسخه **oklch بدون تابع** است:
   `<روشنایی>% <غلظت> <زاویه>`. نوشتن `#b4a088` اینجا کار نمی‌کند و
   رنگ را بی‌صدا به سیاه می‌برد. هر عدد زیر از روی همان hex در
   `src/styles/brand.css` حساب شده است.

   ⛔ اسکوپ عمداً روی خودِ تگِ ویجت است، نه `:root` — تا این متغیرها
   به بقیه‌ی سایت نشت نکنند.
   ────────────────────────────────────────────────────────────────── */

emonshi-nobat,
emonshi-invoice,
emonshi-callback {
  /* اصلی: سرمه‌ایِ برند (--ink #1a2b3c) — همان رنگ دکمه‌ی «تماس با مطب» */
  --p: 28.2610% 0.03883 249.3445;
  --pc: 100% 0 89.8756;

  /* دوم: شنیِ لوگو (--sand #b4a088) با متنِ سرمه‌ای روی آن */
  --s: 71.6804% 0.04100 72.1589;
  --sc: 28.2610% 0.03883 249.3445;

  /* تأکید: شنیِ روشن (--sand-light #e7d3b4) — همان رنگ دکمه‌ی طلاییِ سایت */
  --a: 87.5329% 0.04687 78.8081;
  --ac: 28.2610% 0.03883 249.3445;

  /* خنثی: برنز (--bronze #7a6246) */
  --n: 51.2732% 0.05153 70.5859;
  --nc: 100% 0 89.8756;

  /* زمینه‌ها: سفید، کاغذی، کاغذیِ گرم (--surface / --paper / --paper-warm) */
  --b1: 100% 0 89.8756;
  --b2: 98.0050% 0.00736 80.7212;
  --b3: 94.5552% 0.01649 79.3506;
  /* متنِ روی زمینه (--text #3f3a35) */
  --bc: 34.9% 0.0127 67.46;

  /* ⚠️ تله: باندل رنگ‌ها را به‌شکل `var(--fallback-p, oklch(var(--p)/…))`
     می‌نویسد. یعنی اگر `--fallback-p` تعریف شده باشد (و در `:root` خودِ
     باندل هست: بنفشِ #491eff)، **همان برنده می‌شود** و `--p` اصلاً
     خوانده نمی‌شود. پس هر دو باید عوض شوند، وگرنه بخشی از ویجت بنفش
     می‌ماند. این‌ها hex معمولی‌اند، نه oklch. */
  --fallback-p: #1a2b3c;
  --fallback-pc: #ffffff;
  --fallback-s: #b4a088;
  --fallback-sc: #1a2b3c;
  --fallback-a: #e7d3b4;
  --fallback-ac: #1a2b3c;
  --fallback-n: #7a6246;
  --fallback-nc: #ffffff;
  --fallback-b1: #ffffff;
  --fallback-b2: #fbf8f3;
  --fallback-b3: #f3ece1;
  --fallback-bc: #3f3a35;

  /* دو متغیرِ غیرِ DaisyUI که باندل خودش ساخته و بنفش‌اند. */
  --primary-muted: #f3ece1;  /* بود #EFF8FF */
  --warning-text: #7a6246;   /* بود #262774 */

  /* گردی‌ها هم‌اندازه‌ی خودِ سایت: دکمه‌ها قرصی، کارت‌ها نرم */
  --rounded-box: 20px;
  --rounded-btn: 999px;
  --rounded-badge: 999px;
  --border-btn: 1px;
}

/* ──────────────────────────────────────────────────────────────────────
   چرخِ «در حال بارگذاری».

   تا وقتی ویجت داده را از ای‌منشی بگیرد، تنها چیزی که کاربر می‌بیند همین
   چرخ است — پس باید رنگِ برند باشد، نه رنگِ پیش‌فرضِ کتابخانه.
   طلاییِ شنی انتخاب شد چون روی زمینه‌ی سفیدِ کارت دیده می‌شود ولی مثل
   سرمه‌ای سنگین نیست.

   ⚠️ دو نکته‌ی عمدی:
     · `[class*=…]` به‌جای نام کامل: کلاس یک پسوندِ هش‌شده‌ی Svelte دارد
       (`.three-quarter-spinner.svelte-fz7k6o`) که با هر build عوض می‌شود.
     · `!important` چون قانون اصلی دو کلاسه است و از این سلکتور قوی‌تر.
   ────────────────────────────────────────────────────────────────── */
emonshi-nobat [class*="three-quarter-spinner"],
emonshi-invoice [class*="three-quarter-spinner"],
emonshi-callback [class*="three-quarter-spinner"] {
  border-color: var(--sand, #b4a088) !important;
  border-top-color: transparent !important;
}

/* ──────────────────────────────────────────────────────────────────────
   ⛔ پنج رنگِ **ثابت** که به هیچ متغیری گوش نمی‌دهند.

   این‌ها کلاس‌های «مقدار دلخواه» تیلویند‌اند (`bg-[#E7E4FF]`): هگز مستقیم
   داخل اسم کلاس نوشته شده و در CSS هم هگز نشسته. یعنی هر چقدر هم
   `--p` و `--fallback-p` را عوض کنیم، این‌ها بنفش می‌مانند — همان آبی و
   بنفشی که امیر بعد از دیپلوی روی تقویم و کادرها دید (۶ اکتبر ۲۰۲۶، با
   اینسپکتور پیدایشان کرد).

   ⚠️ سلکتورها با `[class*=…]` نوشته شده‌اند نه با نام دقیق، چون نام
   کلاس داخل CSS اسکیپ‌شده است (`.bg-\[\#E7E4FF\]`) و در مارک‌آپ بدون
   اسکیپ. `!important` هم لازم است چون قانون اصلی `--tw-bg-opacity` دارد.

   ⚠️ اگر باندل ای‌منشی به‌روز شد، این هگزها ممکن است عوض شوند. فهرستشان
   را دوباره دربیاور:
     grep -oE '\.bg-\\\[\\#[0-9a-fA-F]{6}\\\]' web-component.css | sort -u
   ────────────────────────────────────────────────────────────────── */

/* روزِ امروز در تقویم — آبیِ روشن → شنیِ روشن */
emonshi-nobat [class*="bg-[#c0d4ee]"],
emonshi-nobat .calendar-day span.current {
  background-color: var(--sand-light, #e7d3b4) !important;
  color: var(--ink, #1a2b3c) !important;
}

/* روزِ انتخاب‌شده — بنفش → شنیِ برند */
emonshi-nobat [class*="bg-[#B6AEFF]"],
emonshi-nobat .calendar-day span.selected {
  background-color: var(--sand, #b4a088) !important;
  color: var(--ink, #1a2b3c) !important;
}

/* کادرهای اطلاع‌رسانی («زمان انتخابی شما…»، «مبلغ قابل پرداخت») و
   ردیف‌های برجسته‌ی صورتحساب — سه طیفِ یاسی → کاغذیِ گرمِ برند */
emonshi-nobat [class*="bg-[#E7E4FF]"],
emonshi-nobat [class*="bg-[#F4F2FF]"],
emonshi-invoice [class*="bg-[#E7E4FF]"],
emonshi-invoice [class*="bg-[#F4F2FF]"],
emonshi-callback [class*="bg-[#E7E4FF]"],
emonshi-callback [class*="bg-[#F4F2FF]"] {
  background-color: var(--paper-warm, #f3ece1) !important;
}

emonshi-nobat [class*="bg-[#F3F1FF]"],
emonshi-invoice [class*="bg-[#F3F1FF]"],
emonshi-callback [class*="bg-[#F3F1FF]"] {
  background-color: var(--paper, #fbf8f3) !important;
}