@font-face {
    font-family: Vazir;
    src: url('./fonts/Vazir-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: Vazir;
    src: url('./fonts/Vazir-Bold.woff2') format('woff2');
    font-weight: 500 900;
    font-style: normal;
    font-display: swap;
}

html[lang^="fa"] body,
html[lang^="fa"] .font-inter,
html[lang^="fa"] input,
html[lang^="fa"] button,
html[lang^="fa"] select,
html[lang^="fa"] textarea {
    font-family: Vazir, sans-serif;
}

.parskrayin-picker {
    position: fixed;
    z-index: 10004;
    width: 300px;
    padding: 12px;
    border: 1px solid #9ca3af;
    border-radius: 8px;
    background: white;
    color: #111827;
    box-shadow: 0 8px 24px #0003;
    font: 14px Vazir, sans-serif;
    direction: rtl;
}
.dark .parskrayin-picker { background: #111827; color: #f9fafb; }
.parskrayin-picker[hidden] { display: none; }
.parskrayin-picker header { display: flex; align-items: center; justify-content: space-between; }
.parskrayin-picker .days { display: grid; grid-template-columns: repeat(7, 1fr); text-align: center; }
.parskrayin-picker button { padding: 6px; border: 0; background: transparent; color: inherit; font: inherit; border-radius: 4px; cursor: pointer; }
.parskrayin-picker button:hover { background: #0e90d922; }
.parskrayin-picker button[aria-pressed="true"] { background: #0e90d9; color: white; }
.parskrayin-picker button:disabled { opacity: .35; cursor: default; }
.parskrayin-picker .time { display: flex; align-items: center; gap: 8px; margin-block: 8px; }
.parskrayin-picker .time input { width: 65px; border: 1px solid #9ca3af; padding: 4px; color: inherit; background: inherit; }