/* Wklej tutaj CAŁĄ zawartość pliku kalendarz.css */
#booking-container .calendar-grid { display: grid !important; grid-template-columns: repeat(7, 1fr) !important; gap: 2px !important; background: #f1f5f9 !important; border: 2px solid #f1f5f9 !important; }
#booking-container .day-cell { min-height: 110px !important; position: relative !important; display: flex !important; flex-direction: column !important; padding: 2px !important; }
#booking-container .day-header { font-size: 15px !important; font-weight: 900 !important; padding: 5px !important; text-align: right !important; }
#booking-container .slot-btn { font-size: 15px !important; text-align: center !important; padding: 6px 2px !important; border-radius: 6px !important; transition: 0.2s !important; margin: 1px !important; flex-grow: 1 !important; display: flex !important; align-items: center !important; justify-content: center !important; font-weight: 800 !important; text-transform: uppercase !important; border: 1px solid transparent !important; width: 100% !important; }
#booking-container .slot-free { background: #93c5fd !important; color: #162a65 !important; cursor: pointer !important; }
#booking-container .slot-free:hover { background: #124bd1 !important; color: white !important; transform: scale(1.02) !important; z-index: 10 !important; }
#booking-container .slot-full { background: #f3f4f6 !important; color: #9ca3af !important; border: 1px dashed #d1d5db !important; cursor: not-allowed !important; pointer-events: none !important; opacity: 0.70 !important; }
@media (max-width: 640px) { #booking-container .day-cell { min-height: 60px !important; } #booking-container .day-header { font-size: 10px !important; } #booking-container .slot-btn { font-size: 7px !important; padding: 3px 0 !important; } }