.owocni-calendar .disabled {background-color: #eee;color: #999;}
.calendar-navigation{text-align: center;margin-bottom: 20px;display:flex;justify-content:center;align-items:center;font-size:0.8rem;}
.calendar-navigation > * {margin: 0 5px;}

#rezerwacja-modal {display: none;position:fixed;right:0;top:0;bottom:0;min-width:30rem;width:40%;height: 100%;z-index: 9999;transition: right 0.3s ease-in-out;display: flex;justify-content: flex-start;align-items: center;transition:all 0.5s;transform:translateX(100%);background-color: white;height: 100%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
#rezerwacja-modal .modal-content {padding:1rem 2rem;overflow-y: auto;position: relative;width:100%;}
#rezerwacja-modal .modal-content label,#rezerwacja-modal .modal-content input {font-size:0.8rem;}
#rezerwacja-modal .modal-content h2 {font-size: 1.5rem;}
#rezerwacja-modal .zamknij-modal {position: absolute;top: 10px;right: 10px;cursor: pointer;font-size: 20px;}
#rezerwacja-modal.show { transform:translateX(0);}
#modal-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);z-index: 9998;transition: opacity 0.3s ease-in-out;z-index:-1;opacity:0;transition:all 0.5s;}
#modal-backdrop.show {opacity: 1;display: block;opacity:1;z-index:9998;}


.owocni-calendar table {   width: 100%;border-collapse: separate;    border-spacing: 1rem 0;     width: 100%;    table-layout: fixed;}
.owocni-calendar table th,.owocni-calendar table td {    background: white !important;    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);    padding: 0.7rem 1rem;    text-align: center;    vertical-align: top;    transition: transform 0.2s ease, box-shadow 0.3s ease;    border-radius: 0;border: 0px solid #ddd;text-align: center;vertical-align:middle; }
.owocni-calendar table th {    background-color: #fafafa;    border-top-left-radius: 1rem;    border-top-right-radius: 1rem;}
.owocni-calendar table tr:last-child td {    border-bottom-left-radius: 1rem;    border-bottom-right-radius: 1rem;}

.owocni-calendar td button {width:100%;background:#eee;color:#000;border:1px solid #ddd;border-radius:10px;transition:all 0.2s;}
.owocni-calendar td button:hover {background-color: var(--e-global-color-accent);   transform: translateY(-2px);    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); border:1px solid #e78f45;color:#fff; }

.calendar-navigation a,.calendar-navigation #datepicker {border:0;background:#fff;padding:0.5rem 1rem;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;border-radius:10px;border-block-start: 1px solid hsla(0,0%,50%,.5);font-size:0.8rem;color:#000 !important;transition:all 0.2s;}
.calendar-navigation #datepicker {width: 10rem;margin: 0 10px;font-size: 0.7rem;}
.calendar-navigation a:hover,.calendar-navigation #datepicker:hover  {box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1) !important;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;}
.calendar-navigation a:hover {background:var(--e-global-color-accent);color:#fff !important;border-top:1px solid #e78f45;}
.calendar-navigation #datepicker:active,.calendar-navigation #datepicker {outline:none !important;}

@media (max-width: 1024px) {
    .owocni-calendar {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch; /* Umożliwia płynne przewijanie na urządzeniach iOS */
      }
      
      .owocni-calendar table {
        width: 100%;
        min-width: 700px; /* Możesz dostosować minimalną szerokość do swoich potrzeb */
        table-layout: fixed;
      }
}
@media (max-width: 767px) {

}