.jalali-calendar {
    font-family: Vazirmatn,"Segoe UI",sans-serif!important;
    background: var(--surface,#fff)!important;
    color: var(--ink,#17151d)!important;
    border: 1px solid var(--line,#e9e6eb)!important;
    /* box-shadow: 0 18px 55px #17131f24; */
    border-radius: 16px!important;
    padding: 13px!important;
    width: 100%;
}
.panel-calendar-widget .jalali-calendar{
    border-width: 2px !important;
}
.jalali-calendar * {
    font-family: IRANYekanXFaNum,"Segoe UI",sans-serif!important;
    color: var(--ink,#17151d)
}

.jc-header button {
    background: var(--surface-2,#f8f7f9)!important;
    color: var(--ink,#17151d)!important;
    border: 1px solid var(--line,#e9e6eb)!important
}

.jc-header button svg {
    filter: var(--calendar-icon-filter,none)
}

html[data-theme=dark] {
    --calendar-icon-filter: invert(1)
}

.jc-day,.jc-empty {
    background: var(--surface-2,#f8f7f9)!important;
    color: var(--ink,#17151d)!important;
    cursor: pointer;
    transition: background .15s,transform .15s
}

.jc-day:hover {
    background: var(--brand-soft,#f0ebf8)!important;
    transform: translateY(-1px)
}

.jc-day.today {
    background: var(--brand,#6950a4)!important;
    color: #fff!important
}

.jc-day.selected {
    background: #171521!important;
    color: #fff!important
}

.jc-day.today span,.jc-day.selected span {
    color: #fff!important
}

.jc-day.holiday {
    color: #a44f58!important;
    background: #f9ecee!important;
    border-color: transparent!important
}

.jc-weekday {
    color: var(--muted,#85818d)!important
}

.jc-holidays {
    border-color: var(--line,#e9e6eb)!important
}

.jc-clickable:hover {
    color: var(--brand,#6950a4)!important
}

.jc-dropdown {
    background: var(--surface,#fff)!important;
    border: 1px solid var(--line,#e9e6eb)!important;
    box-shadow: 0 8px 25px #17131f20;
    border-radius: 10px;
    max-height: 210px;
    overflow: auto;
    z-index: 4
}

.jc-dropdown .jc-option {
    padding: 6px 9px;
    cursor: pointer
}

.jc-dropdown .jc-option:hover,.jc-dropdown .jc-option.selected {
    background: var(--brand-soft,#f0ebf8)!important
}
