/* PHASE-214-APP-WIDE-JALALI-V2 */
/* PHASE-208-GLOBAL-JDP-STABLE-STYLE: compatibility marker */
/* PHASE-209-JDP-STABLE-STYLE: compatibility marker */

.logos-jalali-field {
    display: grid;
    width: 100%;
    gap: 0.5rem;
}

.logos-jalali-date-field {
    grid-template-columns: minmax(0, 1fr);
}

.logos-jalali-datetime-field {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.42fr);
}

.logos-jalali-date-proxy,
.logos-jalali-time-proxy {
    width: 100%;
    min-width: 0;
}

.logos-jalali-date-proxy {
    text-align: center;
}

.logos-jalali-date-proxy[aria-invalid="true"] {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgb(239 68 68 / 0.10) !important;
}

jdp-container {
    z-index: 9999 !important;
    border-radius: 1rem !important;
    box-shadow: 0 12px 32px -8px rgba(79, 70, 229, .18) !important;
    border: 1px solid #e0e7ff !important;
    overflow: hidden;
    font-family: inherit !important;
}

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

@media (max-width: 640px) {
    .logos-jalali-datetime-field {
        grid-template-columns: minmax(0, 1fr);
    }
}