/* Bestillingslista: rader nedover som i Foodora. Tekst til venstre, bilde til høyre med pluss-knappen oppå hjørnet.
   Tett, lys flate med mørk tekst — leses i sol og om natta. Deles av forsiden (#lista) og dashbordet (Bestill). */
.lista { background: rgba(7,24,42,.5); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); border: 1px solid rgba(255,255,255,.3); color: #fdf9f0; border-radius: 1.4rem; text-shadow: none; text-align: left; overflow: hidden; }
.lista h3.gruppe { display: block; margin: 0; text-align: left; padding: 1.1rem 1.25rem .35rem; font: 600 1.0625rem/1.2 -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif; color: #fdf9f0; letter-spacing: 0; text-transform: none; }
.lista h3.gruppe small { display: block; font-weight: 400; color: rgba(253,249,240,.72); font-size: .875rem; margin-top: .15rem; }
.rad { display: flex; align-items: stretch; gap: 1rem; padding: .9rem 1.25rem; border-top: 1px solid rgba(255,255,255,.14); }
.rad:first-of-type, .gruppe + .rad { border-top: 0; }
.rad-tekst { flex: 1; min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: .15rem; }
.rad-tekst b { font: 600 1.0625rem/1.25 -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif; }
.rad-info { color: rgba(253,249,240,.72); font-size: .9375rem; }
.rad-pris { font-weight: 600; font-size: 1.0625rem; margin-top: .25rem; font-variant-numeric: tabular-nums; }
.rad-bilde { position: relative; flex: none; width: 104px; height: 104px; border-radius: 14px; overflow: visible; }
.rad-bilde img { width: 100%; height: 100%; object-fit: cover; border-radius: 14px; display: block; background: #9fc3e4; border: 1px solid rgba(255,255,255,.25); }
.rad-knapp { position: absolute; right: -6px; bottom: -6px; display: flex; align-items: center; background: rgba(7,24,42,.85); border-radius: 999px; box-shadow: 0 2px 10px rgba(3,30,36,.35); }
.rad-knapp button { width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fdf9f0; color: #0a3540; font: 600 1.5rem/1 -apple-system, BlinkMacSystemFont, system-ui, sans-serif; cursor: pointer; display: grid; place-items: center; padding: 0; }
.rad-knapp button:active { transform: scale(.94); }
.rad-knapp output { min-width: 2rem; text-align: center; font: 600 1.125rem -apple-system, BlinkMacSystemFont, system-ui, sans-serif; font-variant-numeric: tabular-nums; color: #fdf9f0; }
.rad-knapp.tom button[data-d="-1"], .rad-knapp.tom output { display: none; }
.rad.valgt .rad-tekst b::after { content: ''; }
/* Bunnstripa: én knapp som viser hva du har og hva det koster. Følger med nederst. */
.lista-bunn { padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px)); background: rgba(7,24,42,.7); backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); border-top: 1px solid rgba(255,255,255,.14); }
.lista-bunn .btn { width: 100%; display: flex; justify-content: space-between; align-items: center; background: #fdf9f0; color: #0a3540; min-height: 56px; font-size: 1.0625rem; padding: .9rem 1.25rem; }
.lista-bunn .btn:disabled { background: rgba(253,249,240,.25); color: rgba(253,249,240,.8); cursor: default; }
.lista-bunn .btn .ant { display: inline-grid; place-items: center; min-width: 1.6rem; height: 1.6rem; padding: 0 .4rem; border-radius: 999px; background: #0a3540; color: #fdf9f0; font-size: .9375rem; margin-right: .6rem; }
.lista-bunn .btn .tot { font-variant-numeric: tabular-nums; }
.lista-topp { padding: 1.25rem 1.25rem .4rem; }
.lista-topp h2 { margin: 0; font-size: 1.75rem; color: #fdf9f0; text-align: left; }
.lista-topp p { margin: .3rem 0 0; color: rgba(253,249,240,.72); font-size: .9375rem; }
@media (max-width: 860px) { .rad-bilde { width: 92px; height: 92px; } .rad { padding: .8rem 1rem; } .lista h3.gruppe, .lista-topp { padding-left: 1rem; padding-right: 1rem; } }
/* «Installer appen»: oppskrift per enhet, og ekte Installer-knapp der nettleseren tillater det */
.install-steg { margin: .9rem 0 0; padding-left: 1.4rem; text-align: left; font-size: 1.0625rem; line-height: 1.5; } .install-steg li { margin: .35rem 0; } .install-steg b { font-weight: 600; }
.ikon-del { display: inline-block; font-size: 1.2em; line-height: 1; vertical-align: -.1em; }
.install-knapp { margin-top: .8rem; } .install-knapp[hidden] { display: none; }
.install-ark { position: fixed; inset: 0; z-index: 30; display: grid; place-items: center; padding: 1.2rem; background: rgba(3,20,30,.45); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.install-ark[hidden] { display: none; }
.install-kort { max-width: 26rem; width: 100%; padding: 1.6rem 1.5rem 1.4rem; border-radius: 1.6rem; background: rgba(7,24,42,.72); border: 1px solid rgba(255,255,255,.35); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); color: #fdf9f0; text-shadow: none; text-align: center; box-shadow: 0 30px 80px rgba(3,30,36,.5); }
.install-kort h3 { margin: 0 0 .6rem; font: 400 1.6rem/1.15 'Fraunces', Georgia, serif; } .install-kort p { margin: 0; color: rgba(253,249,240,.86); }
.install-kort .lukk { margin-top: 1rem; }