/* JalaliDatePicker — اف‌کوییز (تم تیره) */

jdp-container {
    z-index: 12001 !important;
    font-family: KalamehWebFaNum, Arial, sans-serif !important;
    font-size: 0.9rem;
}

jdp-overlay {
    z-index: 12000 !important;
}

jdp-container,
jdp-container * {
    font-family: inherit;
}

jdp-container {
    --text-color: #f5f5f5;
    background: #1a1a1a;
    color: #f5f5f5;
    border: 1px solid rgba(255, 192, 5, 0.28);
    box-shadow: 0 0.35rem 1.2rem rgba(0, 0, 0, 0.45);
}

jdp-container .jdp-icon-minus,
jdp-container .jdp-icon-plus {
    background-color: #2a2a2a;
    fill: #ffc005;
}

jdp-container .jdp-day.selected {
    background: linear-gradient(135deg, #ffc005, #ffb800) !important;
    color: #111 !important;
}

jdp-container .jdp-btn-today,
jdp-container .jdp-btn-empty {
    background: #ffc005;
    color: #111;
    border: 0;
}

jdp-container .jdp-day-name {
    background-color: #2a2a2a !important;
    color: #f5f5f5 !important;
    font-family: KalamehWebFaNum, Arial, sans-serif !important;
    font-weight: 700;
    font-size: 0.82rem;
    line-height: 27px;
    border-color: rgba(255, 192, 5, 0.15);
}

jdp-container .jdp-day-name.holly-day,
jdp-container .jdp-day-name.last-week {
    color: #ff6b6b !important;
}

jdp-container .jdp-days {
    background: #1a1a1a;
}

jdp-container .jdp-months,
jdp-container .jdp-years {
    background: #1a1a1a;
}

jdp-container .jdp-month,
jdp-container .jdp-month input,
jdp-container .jdp-month select,
jdp-container .jdp-year,
jdp-container .jdp-year input,
jdp-container .jdp-year select {
    background-color: #2a2a2a !important;
    color: #f5f5f5 !important;
    font-family: KalamehWebFaNum, Arial, sans-serif !important;
    font-weight: 600;
    border-radius: 4px;
}

jdp-container .jdp-month select,
jdp-container .jdp-year select {
    border: 1px solid rgba(255, 192, 5, 0.2);
    padding: 2px 4px;
}

jdp-container .jdp-month select option,
jdp-container .jdp-year select option {
    background-color: #2a2a2a;
    color: #f5f5f5;
}

jdp-container .jdp-month:hover,
jdp-container .jdp-year:hover {
    filter: none;
}

jdp-container .jdp-month select:hover,
jdp-container .jdp-year select:hover {
    border-color: rgba(255, 192, 5, 0.45);
}