/* تنسيق الحاوية لتوسيط التقويم */
.date-picker-wrapper {
    display: flex;
    justify-content: center;
    width: 90%;
    max-width: 100%;
    overflow: hidden;
    /* منع التسريب الأفقي */
    padding: 10px;
    box-sizing: border-box;
}

.flatpickr-calendar.inline {
    width: 100% !important;
    max-width: 350px;
    /* العرض المثالي للموبايل */
    min-width: 200px !important;
    box-shadow: none;
    border: none;
    background: transparent;
}

/* جعل شبكة الأيام متجاوبة */
.flatpickr-innerContainer,
.flatpickr-rContainer,
.flatpickr-days,
.dayContainer {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}

/* تعديل شكل Flatpickr   */
.flatpickr-calendar {
    box-shadow: none;
    border: 1px solid #eee;
    width: 100%;
    max-width: 400px;
}

/* جعل رؤوس الأيام (السبت، الأحد...) باللون الرمادي */
.flatpickr-weekday {
    color: #888;
    font-weight: 600;
}

/* تصغير حجم خلايا الأيام قليلاً لتناسب الشاشات الصغيرة */
.flatpickr-day {
    max-width: 13% !important;
    /* لضمان وجود 7 أيام في الصف */
    height: 35px;
    line-height: 35px;
    margin: 2px 0.5%;
}

/* تنسيق اليوم المختار (اللون الأزرق في صورتك) */
.flatpickr-day.selected {
    background: #3867d6;
    border-color: #3867d6;
}

/* تحريك الأسهم والقوائم لتكون في صف واحد */
.flatpickr-months {
    padding: 10px 0;
}