/*
 * Restaurant Order Core - frontend.css
 * File Version: 1.3.0
 * File Protocol:
 * - 1.0.0: Prototype layout.
 * - 1.1.0: Neutralized CSS namespace.
 * - 1.2.0: Packaged unchanged for normal plugin distribution.
 * - 1.3.0: Hardened the quantity +/- buttons against theme button styling (e.g. Kadence): explicit
 *          text color, font-size, line-height, weight and flex centering so the glyphs stay visible
 *          regardless of an aggressive theme reset. No markup or class changes.
 * - 1.4.0: Styles for the scheduled date/time picker: .roc__row2 (two equal columns), .roc__field
 *          (label + input stack) and .roc__fieldlabel (muted caption). Collapses to one column under
 *          820px alongside the existing .roc__row.
 */
.roc{--roc-border:#e5e7eb;--roc-bg:#fff;--roc-muted:#64748b;--roc-dark:#0f172a;font-family:inherit;color:var(--roc-dark)}
.roc *{box-sizing:border-box}.roc__header{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.roc__header h2{margin:0 0 .25rem}.roc__header p{margin:0;color:var(--roc-muted)}
.roc__badge{display:inline-flex;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:700}.roc__badge.is-open{background:#dcfce7;color:#166534}.roc__badge.is-closed{background:#fee2e2;color:#991b1b}.roc__notice{border:1px solid #fde68a;background:#fffbeb;border-radius:.75rem;padding:.85rem 1rem;margin:0 0 1rem}
.roc__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.25rem;align-items:start}.roc__category{margin:0 0 1.2rem}.roc__category h3{margin:0 0 .65rem}.roc__item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1rem;border:1px solid var(--roc-border);border-radius:1rem;background:var(--roc-bg);margin-bottom:.7rem}.roc__item p{margin:.25rem 0;color:var(--roc-muted)}.roc__item small{color:var(--roc-muted)}
.roc__item-actions{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.roc__item-actions button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border-radius:999px;border:1px solid var(--roc-border);background:#f8fafc;color:var(--roc-dark);font-size:1.25rem;line-height:1;font-weight:700;cursor:pointer}.roc__item-actions b{min-width:1.5rem;text-align:center}.roc__cart{position:sticky;top:1rem;border:1px solid var(--roc-border);border-radius:1rem;background:#fff;padding:1rem;box-shadow:0 10px 30px rgba(15,23,42,.06)}.roc__cart h3{margin-top:0}.roc__types{display:flex;gap:1rem;margin-bottom:1rem}.roc__summary>div,.roc__total{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px solid #f1f5f9}.roc__total{font-size:1.1rem;border-bottom:0;border-top:2px solid var(--roc-border);margin-top:.5rem;padding-top:.7rem}.roc__empty,.roc__warning{color:var(--roc-muted);margin:.5rem 0}.roc__warning{color:#b45309;font-weight:700}.roc__fields{display:grid;gap:.55rem;margin:1rem 0}.roc__fields input,.roc__fields textarea{width:100%;border:1px solid var(--roc-border);border-radius:.6rem;padding:.7rem;background:#fff}.roc__fields textarea{min-height:5rem}.roc__row{display:grid;grid-template-columns:110px 1fr;gap:.55rem}.roc__row2{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.roc__field{display:flex;flex-direction:column;gap:.2rem}.roc__fieldlabel{font-size:.8rem;color:var(--roc-muted)}.roc__whatsapp{width:100%;border:0;border-radius:.75rem;background:#16a34a;color:#fff;font-weight:800;padding:.9rem 1rem;cursor:pointer}.roc__whatsapp:disabled{background:#94a3b8;cursor:not-allowed}.roc__twint{margin-top:1rem;border-top:1px solid var(--roc-border);padding-top:1rem;text-align:center}.roc__twint h4{margin:.2rem 0}.roc__twint img{max-width:220px;width:100%;height:auto;border:1px solid var(--roc-border);border-radius:.75rem}.roc__qr-placeholder{display:flex;align-items:center;justify-content:center;min-height:180px;border:2px dashed var(--roc-border);border-radius:.75rem;color:var(--roc-muted)}
@media (max-width: 820px){.roc__layout{grid-template-columns:1fr}.roc__cart{position:static}.roc__item{grid-template-columns:1fr}.roc__item-actions{justify-content:space-between}.roc__row{grid-template-columns:1fr}.roc__row2{grid-template-columns:1fr}}