.catering-categories { padding: 1rem; border: 1px solid #e2e2e2; background: #fafafa; }
.catering-categories h2 { margin-top: 0; }

.catering-calendar { display:flex; align-items:center; gap:12px; max-width:760px; margin: 1rem auto; justify-content:center; }
.catering-cal-arrow { background:#fff; border:1px solid #ddd; padding:8px 12px; cursor:pointer; font-size:18px; }
.catering-cal-arrow[disabled] { opacity:0.4; cursor:default; }
.catering-cal-viewport { overflow:hidden; flex:1; }
.catering-cal-list { display:flex; gap:8px; padding:0; margin:0; list-style:none; transition:transform .25s ease; justify-content:flex-start; }
.catering-cal-item { box-sizing:border-box; width: calc((100% - (4 * 8px)) / 5); min-width:120px; background:#fff; border:1px solid #e6e6e6; padding:10px; text-align:center; }

.catering-cal-label { display:block; color:#666; font-size:13px; }
.catering-cal-day { display:block; font-size:20px; font-weight:600; }

@media (max-width: 700px) {
	.catering-calendar { max-width:100%; }
	.catering-cal-item { min-width:80px; }
}

.catering-categories-list { margin-top:16px; }
.catering-categories-list ul { list-style:none; padding:0; margin:0; display:flex; gap:10px; flex-wrap:wrap; }
.catering-category { background:#fff; border:1px solid #e6e6e6; padding:8px 12px; cursor:pointer; }
.catering-category:hover { background:#f6f6f6; }

.catering-cal-item { position: relative; }
.catering-cal-item.selected { box-shadow: inset 0 0 0 2px #1976d2; z-index:2; }
.catering-category.selected { box-shadow: inset 0 0 0 2px #1976d2; }

.catering-menu-container { margin-top:14px; }
.catering-menu-list { list-style:none; padding:0; margin:0; display:block; }
.catering-menu-item { padding:10px; border:1px solid #e6e6e6; margin-bottom:8px; background:#fff; }
.catering-menu-title { font-weight:700; }
.catering-menu-sub { color:#666; font-size:13px; }
.catering-menu-price { font-weight:600; }
.catering-menu-empty { color:#777; font-style:italic; }

.catering-menu-item { display:flex; gap:12px; align-items:stretch; }
.catering-menu-left { flex: 0 0 50%; max-width:50%; }
.catering-menu-img { width:100%; height:auto; display:block; object-fit:cover; max-height: 500px;}
.catering-menu-right { flex: 0 0 50%; display:flex; flex-direction:column; justify-content:space-between; text-align: center;padding: 5rem 1rem;}
.catering-menu-content { margin-top:8px; color:#444; }
.catering-menu-actions { text-align:center; margin-top:12px; }
.catering-order-btn { background:#1976d2; color:#fff; border:none; padding:8px 14px; cursor:pointer; }
.catering-menu-price { font-size:20px; font-weight:800; margin-top:8px; text-align:center; }

.catering-cal-list { display:flex; gap:8px; padding:0; margin:0; list-style:none; transition:transform .25s ease; justify-content:flex-start; }
.catering-cal-item { box-sizing:border-box; width: calc((100% - (4 * 8px)) / 5); min-width:120px; background:#fff; border:1px solid #e6e6e6; padding:10px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; }
.catering-cal-item { cursor: pointer; transition: background .15s ease, border-color .15s ease; }
.catering-cal-item:hover { background: #f6f9ff; border-color: #cfe3ff; }
.catering-cal-item.is-weekend { cursor: not-allowed; pointer-events: none; opacity: 0.55; background: #f7f7f7; border-color: #e3e3e3; }
.catering-categories-list ul { list-style:none; padding:0; margin:0; display:flex; gap:10px; }
.catering-categories-list ul li { flex:1 1 0; text-align:center; }

@media (max-width: 767px) {
	.catering-menu-item { flex-direction:column; }
	.catering-menu-left, .catering-menu-right { flex: 0 0 100% !important; max-width:100% !important; }
	.catering-menu-left { width:100%; }
	.catering-menu-left .catering-menu-img { width:100%; height:auto; max-height:none; }
	.catering-menu-actions { text-align:center; }
	.catering-menu-price { text-align:center; float:none; }
}