/* ------------------------------------------------------------------
   Responsive adjustments
   ------------------------------------------------------------------ */

/* Desktop: 2-column menu / cart layout on menu route */
@media (min-width: 900px) {
  .menu-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: var(--s-6);
    align-items: start;
  }
  .menu-layout .menu-right {
    position: sticky;
    top: calc(var(--header-h) + var(--s-4));
  }
  .cart-bar {
    display: none;
  }
}

/* Larger touch targets on small screens */
@media (max-width: 380px) {
  :root { --fs-base: 14px; }
  .menu-item { grid-template-columns: 1fr 84px; }
  .menu-item-media { width: 84px; }
}

/* Bottom nav removed when cart bar is visible on very small screens */
@media (max-width: 480px) {
  .cart-bar { left: var(--s-3); right: var(--s-3); }
}

/* Prevent scroll on body when sheet is open */
body.no-scroll { overflow: hidden; }

/* Tablet tweaks */
@media (min-width: 768px) and (max-width: 1023px) {
  .admin-main { padding: var(--s-5); }
}

/* High contrast */
@media (prefers-contrast: more) {
  :root {
    --border: #000;
    --text-muted: #333;
  }
}

/* Ensure dropdowns/selects look consistent */
select.input {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%2364748b' d='M6 8L0 0h12z'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  padding-right: 38px;
}