.inventory-display{max-width:800px;margin:2rem 0;padding:1.5rem;border:1px solid #e0e0e0;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000001a}.inventory-display__header{margin-bottom:1.5rem;text-align:center}.inventory-display__title{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.5rem}.inventory-display__description{font-size:.9rem;color:#666;margin:0}.inventory-display__loading{text-align:center;padding:2rem;color:#666}.inventory-display__loading p{margin-top:1rem;font-size:.9rem}.inventory-display__error{text-align:center;padding:2rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:1rem}.error-message{color:#dc2626;margin-bottom:1rem}.inventory-display__date-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.current-date{font-weight:600;font-size:1.1rem;color:#333}.btn{padding:.5rem 1rem;border-radius:4px;border:none;cursor:pointer;font-size:.9rem;transition:all .2s ease}.btn--outline{background:transparent;border:1px solid #ddd;color:#666}.btn--outline:hover{background:#f5f5f5;border-color:#bbb}.btn--secondary{background:#6c757d;color:#fff}.btn--secondary:hover{background:#5a6268}.time-slots-header{text-align:center;margin-bottom:1rem;padding:1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd;box-shadow:0 1px 3px #0000001a}.time-slots-title{font-size:1.2rem;font-weight:700;color:#0369a1;margin:0 0 .5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.time-slots-subtitle{font-size:.9rem;color:#64748b;margin:0;font-weight:500}.inventory-display__time-slots{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;background:#f8f9fa;border-radius:12px;padding:1.5rem;border:1px solid #e9ecef}.time-slot{padding:1rem 1.5rem;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;text-align:left;display:flex;align-items:center;justify-content:space-between;min-height:60px;position:relative;box-shadow:0 1px 3px #0000001a}.time-slot:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.time-slot.available{border-left:4px solid #10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.time-slot.available:hover{border-left-color:#059669;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.time-slot.selected{border-left:4px solid #3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 4px 12px #3b82f633}.time-slot.selected:before{content:"\2713";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1.2rem;font-weight:700;color:#3b82f6;background:#dbeafe;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #3b82f6}.time-slot.unavailable{border-left:4px solid #ef4444;background:linear-gradient(135deg,#fef2f2,#fee2e2);cursor:not-allowed;opacity:.7}.time-slot.unavailable:before{content:"\2715";position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:1rem;font-weight:700;color:#ef4444;background:#fee2e2;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ef4444}.time-slot__time{font-size:1.55rem;font-weight:700;color:#1f2937;margin-bottom:0;flex:0 0 80px;position:relative}.time-slot__status{margin-bottom:0;flex:1;text-align:left;margin-left:2rem;display:flex;align-items:center;gap:.5rem}.available-count{font-size:1.25rem;color:#059669;font-weight:600;background:#dcfce7;padding:.25rem .75rem;border-radius:20px;border:1px solid #bbf7d0}.unavailable-text{font-size:1.25rem;color:#dc2626;font-weight:600;background:#fee2e2;padding:.25rem .75rem;border-radius:20px;border:1px solid #fecaca}.time-slot__price{display:none}.no-slots{text-align:center;padding:3rem;color:#666;font-style:italic;background:#f8f9fa;border-radius:6px;border:1px dashed #ddd}.inventory-display__selected-info{padding:1.5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;margin-top:1rem}.inventory-display__selected-info h4{margin:0 0 .5rem;color:#0c4a6e;font-size:1.1rem}.selected-slot-info{font-size:1rem;color:#075985;margin:.5rem 0;font-weight:500}.selected-slot-price{font-size:1.1rem;color:#0c4a6e;font-weight:600;margin:.5rem 0 0}@media (max-width: 768px){.inventory-display{margin:1rem 0;padding:1rem}.inventory-display__date-navigation{flex-direction:column;gap:1rem;text-align:center}.time-slots-header{padding:.8rem;margin-bottom:.8rem}.time-slots-title{font-size:1.1rem;flex-direction:column;gap:.3rem}.time-slots-subtitle{font-size:.85rem}.inventory-display__time-slots{padding:1rem;gap:.4rem}.time-slot{padding:.8rem 1rem;min-height:50px}.time-slot.selected:before,.time-slot.unavailable:before{width:20px;height:20px;font-size:.9rem}.time-slot__time{font-size:1.35rem;flex:0 0 60px}.time-slot__status{margin-left:1.5rem}.available-count,.unavailable-text{font-size:1.15rem;padding:.2rem .6rem}.inventory-display__title{font-size:1.3rem}}@media (max-width: 480px){.time-slots-header{padding:.6rem}.time-slots-title{font-size:1rem}.time-slots-subtitle{font-size:.8rem}.inventory-display__time-slots{padding:.8rem;gap:.3rem}.time-slot{padding:.6rem .8rem;min-height:45px}.time-slot.selected:before,.time-slot.unavailable:before{width:18px;height:18px;font-size:.8rem}.time-slot__time{font-size:1.25rem;flex:0 0 50px}.time-slot__status{margin-left:1rem}.available-count,.unavailable-text{font-size:1.05rem;padding:.15rem .5rem}.btn{padding:.4rem .8rem;font-size:.8rem}}.inventory-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.inventory-modal{background:#fff;border-radius:12px;max-width:900px;width:95%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.inventory-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.inventory-modal__title{font-size:1.5rem;font-weight:600;color:#333;margin:0}.inventory-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;color:#666;border-radius:50%;transition:all .2s ease}.inventory-modal__close:hover{background:#e0e0e0;color:#333}.inventory-modal__content{flex:1;overflow-y:auto;padding:1.5rem 2rem}.inventory-modal__footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e0e0e0;background:#f8f9fa}.btn--primary{background:#007bff;color:#fff;border:none}.btn--primary:hover:not(:disabled){background:#0056b3}.btn--primary:disabled{background:#ccc;cursor:not-allowed}.inventory-modal .inventory-display{max-width:none;margin:0;padding:0;border:none;background:none;box-shadow:none}.inventory-modal .inventory-display__description{text-align:center;margin-bottom:1.5rem}.inventory-modal .inventory-display__description p{color:#666;font-size:.95rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/inventory-display.css.map */