/* هویت بصری کوک طلایی — رنگ‌های استخراج‌شده از راهنمای برند (docs/brand) */
:root {
    --kook-claret: #6C0828;
    --kook-claret-rgb: 108, 8, 40;
    --kook-claret-dark: #4C0C20;
    --kook-chocolate: #300C18;
    --kook-ecru: #D0BC7C;
    --kook-ecru-rgb: 208, 188, 124;
    --kook-vanilla: #FCECA4;
    --kook-lion: #94845C;
    --kook-lion-rgb: 148, 132, 92;

    /* رنگ‌های سیستمی بوت‌استرپ -> رنگ برند (روی همه‌ی utility classes مثل text-warning/bg-primary/spinner-border اثر می‌گذارد) */
    --bs-primary: var(--kook-claret);
    --bs-primary-rgb: var(--kook-claret-rgb);
    --bs-warning: var(--kook-ecru);
    --bs-warning-rgb: var(--kook-ecru-rgb);
    --bs-info: var(--kook-lion);
    --bs-info-rgb: var(--kook-lion-rgb);

    /* رنگ زرشکی مخصوص متن/عنوان (نه پس‌زمینه) — در حالت روشن همان زرشکی اصلی، در حالت تاریک نسخه‌ی روشن‌تر برای خوانایی */
    --kook-claret-text: var(--kook-claret);
}

[data-bs-theme="dark"] {
    --kook-claret-text: #E88BA3;
}

/* عنوان‌ها و آیکون‌هایی که از رنگ زرشکی به‌عنوان متن استفاده می‌کنند (نه پس‌زمینه)، در حالت تاریک باید روشن‌تر شوند تا خوانا بمانند */
[data-bs-theme="dark"] .text-primary {
    color: var(--kook-claret-text) !important;
}

/* دکمه اصلی (btn-primary) — رنگ غالب برند به‌جای آبی پیش‌فرض بوت‌استرپ */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kook-claret);
    --bs-btn-border-color: var(--kook-claret);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kook-claret-dark);
    --bs-btn-hover-border-color: var(--kook-claret-dark);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--kook-claret-dark);
    --bs-btn-active-border-color: var(--kook-claret-dark);
}

/* دکمه تاکیدی (btn-warning) — طلایی برند به‌جای زرد پیش‌فرض */
.btn-warning {
    --bs-btn-color: var(--kook-claret-dark);
    --bs-btn-bg: var(--kook-ecru);
    --bs-btn-border-color: var(--kook-ecru);
    --bs-btn-hover-color: var(--kook-claret-dark);
    --bs-btn-hover-bg: var(--kook-vanilla);
    --bs-btn-hover-border-color: var(--kook-vanilla);
    --bs-btn-active-color: var(--kook-claret-dark);
    --bs-btn-active-bg: var(--kook-vanilla);
    --bs-btn-active-border-color: var(--kook-vanilla);
}

.btn-outline-warning {
    --bs-btn-color: var(--kook-lion);
    --bs-btn-border-color: var(--kook-lion);
    --bs-btn-hover-color: var(--kook-claret-dark);
    --bs-btn-hover-bg: var(--kook-ecru);
    --bs-btn-hover-border-color: var(--kook-ecru);
    --bs-btn-active-color: var(--kook-claret-dark);
    --bs-btn-active-bg: var(--kook-ecru);
    --bs-btn-active-border-color: var(--kook-ecru);
}

.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--kook-lion);
    --bs-btn-border-color: var(--kook-lion);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--kook-claret-dark);
    --bs-btn-hover-border-color: var(--kook-claret-dark);
}

/* تب‌های وضعیت در کارتابل‌ها (رنگ خام #ffc107 قبلا هاردکد شده بود در ۳ صفحه) */
.tab-btn.active {
    background: var(--kook-claret) !important;
    color: #fff !important;
}

/* اسکرول‌بار ظریف با رنگ برند (اختیاری، فقط مرورگرهای وبکیت) */
::-webkit-scrollbar-thumb {
    background-color: var(--kook-lion);
    border-radius: 6px;
}

/* تقویم شمسی مشترک (js/persian-date-picker.js) */
.pdp-popup {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    z-index: 1000;
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
    padding: 10px;
    width: 240px;
}
.pdp-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.pdp-nav {
    border: none;
    background: none;
    color: var(--kook-claret-text);
    font-size: 1rem;
    padding: 2px 8px;
    border-radius: 6px;
}
    .pdp-nav:hover { background: var(--bs-tertiary-bg); }
.pdp-title { font-size: 0.85rem; font-weight: bold; }
.pdp-weekdays, .pdp-days {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    text-align: center;
}
.pdp-weekdays div {
    font-size: 0.72rem;
    color: var(--bs-secondary-color);
    padding: 2px 0;
}
.pdp-day {
    font-size: 0.78rem;
    padding: 6px 0;
    border-radius: 6px;
    cursor: pointer;
}
    .pdp-day:hover { background: var(--bs-tertiary-bg); }
    .pdp-day.pdp-today { border: 1px solid var(--kook-claret); }
    .pdp-day.pdp-selected { background: var(--kook-claret); color: #fff; }
.pdp-footer {
    text-align: center;
    margin-top: 8px;
    border-top: 1px solid var(--bs-border-color);
    padding-top: 6px;
}