/* ============================================================================
 *  PersianDatePicker — Theme override برای پروژهٔ حسابداری
 *  این فایل را بعد از persian-datepicker.css لود کنید.
 *
 *  کاری که می‌کند: فقط متغیرها و چند سایز را با پالت پروژهٔ شما بازتعریف می‌کند.
 *  هیچ‌چیز ساختاری پکیج را دست نمی‌زند، پس آپدیت پکیج چیزی را خراب نمی‌کند.
 *  فونت هم خودش از body (Tahoma) ارث می‌برد، نیازی به تنظیم نیست.
 * ========================================================================== */

/* ------------------------------------------------------------------ *
 *  ۱) رنگ‌ها — تم لایت (پیش‌فرض، مطابق تم حسابداری)
 * ------------------------------------------------------------------ */
.jdp,
.jdp-cal {
  /* رنگ اصلی = سرمه‌ایِ برند شما (#132f66) */
  --jdp-accent:            #132f66;
  --jdp-accent-strong:     #0b1f4d;
  --jdp-accent-contrast:   #ffffff;
  --jdp-accent-soft:       #eaf0fb;

  --jdp-bg:                #ffffff;
  --jdp-surface:           #f7f9fc;   /* var(--soft) شما */
  --jdp-surface-2:         #eef2f7;
  --jdp-border:            #dfe4ee;   /* بوردر اصلی پروژه */
  --jdp-border-strong:     #c5cedd;

  --jdp-text:              #1b2233;   /* var(--text) شما */
  --jdp-text-soft:         #2f3a4f;
  --jdp-muted:             #7b8798;   /* رنگ متن کم‌رنگ پروژه */
  --jdp-weekend:           #b42318;   /* قرمزِ sev-error شما */
  --jdp-disabled:          #c5cedd;

  --jdp-hover:             #f2f6ff;   /* همان hover سطرهای جدول */
  --jdp-today-ring:        #c0d0ea;

  /* گردی گوشه‌ها کمی کمتر تا با کنترل‌های کوچک پروژه بخواند */
  --jdp-radius:            12px;
  --jdp-radius-sm:         8px;
  --jdp-radius-xs:         7px;

  /* سایه با همان رنگ سرمه‌ایِ شما (rgba(11,31,77)) */
  --jdp-shadow:            0 8px 24px rgba(11, 31, 77, .14), 0 2px 6px rgba(11, 31, 77, .07);
  --jdp-shadow-sm:         0 1px 2px rgba(11, 31, 77, .06);
  --jdp-ring:              0 0 0 3px rgba(19, 47, 102, .15);
}

/* ------------------------------------------------------------------ *
 *  ۲) رنگ‌ها — تم دارک (فقط برای وب‌سایت؛ حسابداری همیشه لایت است)
 *     این بلوک هم حالت theme:'dark' و هم prefers-color-scheme را پوشش می‌دهد.
 *     مقادیر را با پالت دارکِ وب‌سایت خودت تنظیم کن.
 * ------------------------------------------------------------------ */
@media (prefers-color-scheme: dark) {
  .jdp:not(.jdp--light),
  .jdp-cal:not(.jdp--light) {
    --jdp-accent:          #6f8fd8;
    --jdp-accent-strong:   #9bb4ec;
    --jdp-accent-contrast: #0b1428;
    --jdp-accent-soft:     #1a2542;

    --jdp-bg:              #141a2b;
    --jdp-surface:         #1b2236;
    --jdp-surface-2:       #222a42;
    --jdp-border:          #2c3550;
    --jdp-border-strong:   #3a4567;

    --jdp-text:            #e6e9f2;
    --jdp-text-soft:       #b8c0d6;
    --jdp-muted:           #7c87a0;
    --jdp-weekend:         #f0857a;
    --jdp-disabled:        #3a4567;

    --jdp-hover:           #232c45;
    --jdp-today-ring:      #3b5fb0;
    --jdp-shadow:          0 12px 34px rgba(0, 0, 0, .5), 0 4px 10px rgba(0, 0, 0, .35);
    --jdp-ring:            0 0 0 3px rgba(111, 143, 216, .28);
  }
}
.jdp.jdp--dark,
.jdp-cal.jdp--dark {
  --jdp-accent:          #6f8fd8;
  --jdp-accent-strong:   #9bb4ec;
  --jdp-accent-contrast: #0b1428;
  --jdp-accent-soft:     #1a2542;

  --jdp-bg:              #141a2b;
  --jdp-surface:         #1b2236;
  --jdp-surface-2:       #222a42;
  --jdp-border:          #2c3550;
  --jdp-border-strong:   #3a4567;

  --jdp-text:            #e6e9f2;
  --jdp-text-soft:       #b8c0d6;
  --jdp-muted:           #7c87a0;
  --jdp-weekend:         #f0857a;
  --jdp-disabled:        #3a4567;

  --jdp-hover:           #232c45;
  --jdp-today-ring:      #3b5fb0;
  --jdp-shadow:          0 12px 34px rgba(0, 0, 0, .5), 0 4px 10px rgba(0, 0, 0, .35);
  --jdp-ring:            0 0 0 3px rgba(111, 143, 216, .28);
}

/* ------------------------------------------------------------------ *
 *  ۳) سایز و فشردگی — مطابق UIِ ریزِ پروژه (۱۱ تا ۱۳ پیکسل)
 *     چون سلکتورها دقیقاً با پکیج یکی‌اند و این فایل بعد لود می‌شود،
 *     بدون !important جایگزین می‌شوند.
 * ------------------------------------------------------------------ */

/* فیلد ورودی */
.jdp { font-size: 13px; }
.jdp-input {
  padding-block: 9px;
  padding-inline-start: 12px;
  padding-inline-end: 36px;
  border-width: 1px;                 /* پکیج ۱.۵px دارد؛ پروژهٔ شما ۱px */
  border-radius: var(--jdp-radius-sm);
}
.jdp--filled .jdp-input { padding-inline-start: 32px; }
.jdp-icon svg { width: 16px; height: 16px; }

/* خود تقویم */
.jdp-cal {
  width: 280px;
  font-size: 13px;                   /* بقیهٔ متن‌ها em هستند و خودکار کوچک می‌شوند */
  border-radius: var(--jdp-radius);
}
.jdp-head { padding: 10px 10px 8px; gap: 8px; }
.jdp-nav { width: 30px; height: 30px; }
.jdp-nav svg { width: 15px; height: 15px; }
.jdp-weekdays { padding: 8px 10px 2px; }
.jdp-grid { padding: 2px 10px 10px; }
.jdp-day { height: 32px; border-radius: var(--jdp-radius-xs); }
.jdp-foot { padding: 8px 10px; }

/* روی موبایل لمس راحت بماند */
.jdp-cal--modal .jdp-day { height: 38px; }