/**
 * حالت تاریک (Dark Mode) — روی سیستم بومی data-bs-theme بوت‌استرپ ۵.۳ سوار شده
 * این فایل باید بعد از CSS اصلی بوت‌استرپ و استایل‌های اختصاصی هر صفحه لود شود.
 */

[data-bs-theme="dark"] {
    color-scheme: dark;
}

[data-bs-theme="dark"] body {
    background-color: #14181f !important;
    color: #e6e8eb !important;
}

/* کارت‌های سفارشی برنامه */
[data-bs-theme="dark"] .card-custom,
[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .item-card,
[data-bs-theme="dark"] .gift-card {
    background-color: #1d232d !important;
    color: #e6e8eb !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

[data-bs-theme="dark"] .bg-white {
    background-color: #1d232d !important;
}

[data-bs-theme="dark"] .bg-light,
[data-bs-theme="dark"] .bg-light-subtle {
    background-color: #262d38 !important;
}

[data-bs-theme="dark"] .text-dark {
    color: #e6e8eb !important;
}

[data-bs-theme="dark"] .text-muted {
    color: #9aa4b2 !important;
}

[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-end,
[data-bs-theme="dark"] .border-start {
    border-color: #333c49 !important;
}

/* هدر گرادیانتی صفحات ساک بیمارستان / هدایا در حالت تاریک همان رنگ می‌ماند (خوانا و متضاد کافی دارد) */

[data-bs-theme="dark"] .modal-content {
    background-color: #1d232d;
    color: #e6e8eb;
}

[data-bs-theme="dark"] .card-header {
    background-color: #262d38 !important;
    border-color: #333c49 !important;
    color: #e6e8eb !important;
}

[data-bs-theme="dark"] .card-footer {
    background-color: #262d38 !important;
    border-color: #333c49 !important;
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select {
    background-color: #262d38;
    border-color: #3a4351;
    color: #e6e8eb;
}
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus {
    background-color: #262d38;
    color: #e6e8eb;
}
[data-bs-theme="dark"] .form-control::placeholder {
    color: #6b7684;
}

[data-bs-theme="dark"] .dropdown-menu {
    background-color: #1d232d;
    border-color: #333c49;
}
[data-bs-theme="dark"] .dropdown-item {
    color: #e6e8eb;
}
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus {
    background-color: #262d38;
    color: #fff;
}

[data-bs-theme="dark"] .bottom-nav {
    background-color: #1d232d !important;
    border-top-color: #333c49 !important;
}

[data-bs-theme="dark"] .list-group-item {
    background-color: #1d232d;
    color: #e6e8eb;
    border-color: #333c49;
}

[data-bs-theme="dark"] .alert-light {
    background-color: #262d38;
    color: #e6e8eb;
    border-color: #3a4351;
}

/* جعبه‌ی مقایسه‌ی اندازه‌ی نی‌نی (dashboard.php) — قبلاً رنگ آبی روشن هاردکد
   بود و توی حالت تاریک به‌شکل یک لکه‌ی روشن نامتناسب دیده می‌شد */
[data-bs-theme="dark"] {
    --fetal-box-bg: linear-gradient(135deg, #1c2b3a 0%, #223347 100%);
    --fetal-box-text: #cfe4f5;
    --fetal-box-accent: #6cb2e0;
}

/* نشان «بلااستفاده/کوچک‌شده» (dashboard.php) — همان مشکل: رنگ فیروزه‌ای
   خیلی روشن که در تم تاریک ناهماهنگ به نظر می‌رسید */
[data-bs-theme="dark"] .badge-outgrown {
    background-color: #0e3a42 !important;
    color: #7dd3e0 !important;
}

/* دکمه شناور دارک‌مود */
.theme-toggle-btn {
    background: none;
    border: none;
    color: inherit;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    width: 100%;
    text-align: right;
    padding: 0;
}