#catering-delivery-calendar-wrapper {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background: #f9f9f9;
}

#catering-delivery-calendar-wrapper h3 {
    margin-top: 0;
    color: #333;
}

#catering-calendar-container {
    margin: 15px 0;
}

#catering-selected-days {
    margin-top: 15px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    min-height: 40px;
}

#catering-days-list li {
    display: inline-block;
    margin: 5px;
    padding: 5px 10px;
    background: #4CAF50;
    color: white;
    border-radius: 4px;
}

#catering-days-list .remove-day {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
}

#catering-days-list .remove-day:hover {
    color: #ffeb3b;
}

/* Flatpickr customization */
.flatpickr-calendar {
    font-family: inherit;
}

.flatpickr-day.selected {
    background: #4CAF50;
    border-color: #4CAF50;
}

.flatpickr-day.selected:hover {
    background: #45a049;
    border-color: #45a049;
}

/* Stylowanie kontenera kalendarza dla produktów */
.catering-calendar-product-container {
    width: 100%;
    margin: 10px 0;
    position: relative;
    min-height: 0; /* Usuń min-height, kalendarz sam określi wysokość */
}

/* Ukryj input flatpickr (używamy tylko kalendarza inline) */
.catering-calendar-product-container.flatpickr-input {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Stylowanie wrappera flatpickr - musi być widoczny */
.catering-delivery-calendar-product .flatpickr-wrapper {
    margin-top: 10px !important;
    width: 100% !important;
    position: relative !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Stylowanie kalendarza inline - musi być widoczny */
.catering-delivery-calendar-product .flatpickr-wrapper .flatpickr-calendar,
.catering-delivery-calendar-product .flatpickr-calendar.inline {
    width: 100% !important;
    max-width: 100% !important;
    box-shadow: none !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    margin: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}