/**
 * Persian Date Input Styles
 * 
 * This CSS disables default date picker for Persian date inputs
 */

/* Disable default date picker for Persian date inputs */
.persian-date-input {
    cursor: pointer !important;
    background-color: #f8f9fa !important;
    user-select: none !important;
}

.persian-date-input::-webkit-calendar-picker-indicator {
    display: none !important;
}

.persian-date-input::-webkit-inner-spin-button,
.persian-date-input::-webkit-outer-spin-button {
    display: none !important;
}

.persian-date-input::-webkit-clear-button {
    display: none !important;
}

.persian-date-input::-webkit-datetime-edit-text {
    color: #7e8299;
}

.persian-date-input::-webkit-datetime-edit-month-field,
.persian-date-input::-webkit-datetime-edit-day-field,
.persian-date-input::-webkit-datetime-edit-year-field {
    color: #7e8299;
}

/* Focus state */
.persian-date-input:focus {
    background-color: white !important;
    border-color: #009ef7 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 158, 247, 0.25) !important;
    outline: none !important;
}

/* Hover state */
.persian-date-input:hover {
    background-color: #f5f8ff !important;
    border-color: #009ef7 !important;
}

/* Dark mode support */
[data-bs-theme="dark"] .persian-date-input {
    background-color: #2b2b40 !important;
    border-color: #3f4254 !important;
    color: #92929f !important;
}

[data-bs-theme="dark"] .persian-date-input:focus {
    background-color: #1e1e2d !important;
    border-color: #009ef7 !important;
}

[data-bs-theme="dark"] .persian-date-input:hover {
    background-color: #2b2b40 !important;
    border-color: #009ef7 !important;
}