.bilito-persian-datepicker { position: relative; display: flex; align-items: center; gap: 8px; direction: rtl; }
.bilito-persian-datepicker [data-jalali-display] { cursor: pointer; }
.bilito-persian-datepicker [data-persian-time] { width: 105px; min-width: 105px; }
.bilito-persian-datepicker__popup { position: absolute; z-index: 99999; top: calc(100% + 8px); right: 0; width: 300px; padding: 12px; color: #102d70; background: #fff; border: 1px solid #3973f6; border-radius: 12px; box-shadow: 0 18px 42px rgb(16 45 112 / 20%); }
.bilito-persian-datepicker__popup[hidden] { display: none !important; }
.bilito-persian-datepicker__head { display: grid; grid-template-columns: 34px 1fr 34px; align-items: center; gap: 8px; margin-bottom: 10px; text-align: center; }
.bilito-persian-datepicker__head button, .bilito-persian-datepicker__days button, .bilito-persian-datepicker__today { border: 0; background: transparent; cursor: pointer; }
.bilito-persian-datepicker__head button { width: 34px; height: 34px; color: #102d70; font-size: 22px; border-radius: 7px; }
.bilito-persian-datepicker__head button svg { display: block; width: 21px; height: 21px; margin: auto; }
.bilito-persian-datepicker__head button:hover { background: #eef4ff; }
.bilito-persian-datepicker__week, .bilito-persian-datepicker__days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; text-align: center; }
.bilito-persian-datepicker__week { margin-bottom: 5px; color: #7c8baa; font-size: 11px; }
.bilito-persian-datepicker__days button { aspect-ratio: 1; padding: 0; color: #1b356f; border-radius: 7px; }
.bilito-persian-datepicker__days button:hover { background: #edf3ff; }
.bilito-persian-datepicker__days button.is-outside { color: #bdc5d5; }
.bilito-persian-datepicker__days button.is-selected { color: #fff; background: #3973f6; }
.bilito-persian-datepicker__today { display: block; width: 100%; margin-top: 8px; padding: 8px; color: #3973f6; border-top: 1px solid #e8ecf4; }
@media (max-width: 480px) { .bilito-persian-datepicker__popup { right: 50%; width: min(300px, calc(100vw - 32px)); transform: translateX(50%); } }