/* ordina.html page styles */

/* ── Status banner ── */
.avail-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r-lg);margin-bottom:28px;transition:all .3s;}
.avail-banner.open{background:rgba(52,199,89,0.12);border:1.5px solid rgba(52,199,89,0.25);}
.avail-banner.closed{background:rgba(255,59,48,0.10);border:1.5px solid rgba(255,59,48,0.22);}
.avail-banner.warning{background:rgba(255,149,0,0.10);border:1.5px solid rgba(255,149,0,0.25);}
.avail-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.avail-banner.open .avail-dot{background:#34C759;box-shadow:0 0 0 3px rgba(52,199,89,0.2);animation:pulse-green 2s infinite;}
.avail-banner.closed .avail-dot{background:var(--red);}
.avail-banner.warning .avail-dot{background:#FF9500;box-shadow:0 0 0 3px rgba(255,149,0,0.2);animation:pulse-green 2s infinite;}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 3px rgba(52,199,89,0.2);}50%{box-shadow:0 0 0 6px rgba(52,199,89,0.06);}}
.avail-text{font-size:14px;font-weight:700;}
.avail-banner.open .avail-text{color:#1a7a2e;}
.avail-banner.closed .avail-text{color:#c0281f;}
.avail-banner.warning .avail-text{color:#b36b00;}
.avail-sub{font-size:13px;margin-top:2px;}
.avail-banner.open .avail-sub{color:#2d9e40;}
.avail-banner.closed .avail-sub{color:#d94035;}
.avail-banner.warning .avail-sub{color:#cc7a00;}
/* Countdown */
.countdown-wrap{margin-left:auto;text-align:right;flex-shrink:0;}
.countdown-label{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;}
.countdown{font-size:22px;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;}
.avail-banner.closed .countdown{color:var(--red);}
.avail-banner.warning .countdown{color:#FF9500;}
/* Delivery badge */
.delivery-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:10px;background:rgba(0,122,255,0.10);border:1px solid rgba(0,122,255,0.18);font-size:13px;font-weight:600;color:#0055cc;margin-bottom:24px;}
.delivery-badge svg{width:14px;height:14px;stroke:#0055cc;fill:none;stroke-width:2;}
/* Blocked overlay on items */
.menu-card.blocked .order-item{opacity:.45;pointer-events:none;}
.menu-card.blocked .menu-section-head{opacity:.6;}
.blocked-overlay{display:none;position:absolute;inset:0;z-index:10;border-radius:var(--r-xl);background:rgba(255,255,255,0.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;padding:20px;}
.menu-card-wrap{position:relative;}
.menu-card-wrap.blocked .blocked-overlay{display:flex;}
.blocked-icon{font-size:36px;}
.blocked-title{font-size:17px;font-weight:700;color:var(--text);}
.blocked-desc{font-size:13px;color:var(--text-2);max-width:260px;line-height:1.5;}
.order-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;}
.menu-card{border-radius:var(--r-xl);overflow:hidden;}
.menu-section-head{padding:16px 20px;background:rgba(255,255,255,0.45);border-bottom:1px solid rgba(255,255,255,0.5);backdrop-filter:blur(16px);}
.menu-section-head h3{font-size:17px;font-weight:700;letter-spacing:-0.3px;}
.menu-section-head p{font-size:13px;color:var(--text-2);margin-top:2px;}
.order-item{display:flex;align-items:center;gap:14px;padding:14px 20px;background:rgba(255,255,255,0.40);border-bottom:1px solid rgba(0,0,0,0.04);transition:background 0.15s;}
.order-item:last-child{border-bottom:none;}
.order-item:hover{background:rgba(255,255,255,0.58);}
.oi-img{width:60px;height:60px;border-radius:12px;object-fit:cover;flex-shrink:0;background:rgba(0,0,0,0.06);}
.oi-info{flex:1;}
.oi-name{font-size:15px;font-weight:600;margin-bottom:3px;}
.oi-desc{font-size:12px;color:var(--text-2);}
.oi-price{font-size:16px;font-weight:700;color:var(--red);margin-right:10px;flex-shrink:0;}
.oi-add{width:34px;height:34px;border-radius:50%;background:var(--red);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--red-glow);transition:transform 0.2s,box-shadow 0.2s;flex-shrink:0;}
.oi-add:hover{transform:scale(1.1);}
.oi-add svg{width:15px;height:15px;stroke:white;fill:none;stroke-width:3;}
/* Sidebar cart */
.sidebar-cart{border-radius:var(--r-xl);overflow:hidden;position:sticky;top:76px;}
.sc-head{padding:18px 20px;background:rgba(255,255,255,0.55);border-bottom:1px solid rgba(255,255,255,0.6);}
.sc-head h3{font-size:17px;font-weight:700;}
.sc-head p{font-size:12px;color:var(--text-2);margin-top:2px;}
.sc-body{padding:16px 20px;background:rgba(255,255,255,0.38);min-height:120px;}
.sc-empty{text-align:center;padding:30px 0;}
.sc-empty svg{width:36px;height:36px;stroke:var(--text-3);fill:none;stroke-width:1.5;margin-bottom:10px;}
.sc-empty p{font-size:13px;color:var(--text-2);}
.sc-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.05);}
.sc-item:last-child{border-bottom:none;}
.sci-left{display:flex;align-items:center;gap:8px;flex:1;}
.sci-name{font-size:13px;font-weight:600;}
.sci-qty{font-size:12px;color:var(--text-2);}
.sci-price{font-size:14px;font-weight:700;color:var(--red);}
.sc-footer{padding:14px 20px 20px;background:rgba(255,255,255,0.50);border-top:1px solid rgba(255,255,255,0.6);}
.sc-totals .row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-2);padding:3px 0;}
.sc-totals .total{font-size:16px;font-weight:700;color:var(--text);border-top:1px solid rgba(0,0,0,0.06);padding-top:8px;margin-top:4px;}
.compose-btn{display:block;width:100%;margin-top:12px;padding:13px;background:var(--red);color:#fff;font-size:15px;font-weight:700;border:none;border-radius:14px;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 3px 10px var(--red-glow);transition:all 0.2s;}
.compose-btn:hover{background:var(--red-hover);transform:translateY(-1px);}
.clear-btn{display:block;width:100%;margin-top:8px;padding:10px;background:rgba(0,0,0,0.06);color:var(--text-2);font-size:13px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:background 0.2s;}
.clear-btn:hover{background:rgba(0,0,0,0.10);}
@media(max-width:768px){.order-layout{grid-template-columns:1fr;}.sidebar-cart{position:static;}}