/* =====================================================================
   The food map — Community Services (Loop 1a)
   Extends ../assets/app.css (the shared brand skin). Chip classes below
   implement the SAME normalized badge vocabulary as edspickle.shop so a
   chip means the same thing on both surfaces (see assets/badges.js).
   ===================================================================== */

.chip{
  font-weight:700;border-radius:999px;padding:.25em .7em;font-size:.78rem;
  display:inline-flex;align-items:center;gap:.3em;
  border:2px solid var(--line);color:var(--muted);background:#fff;
}
.chip.on{color:var(--good);border-color:var(--good);background:var(--good-soft);}
.chip.warm{color:#92400e;border-color:#fbbf24;background:var(--warn-soft);}
.chip.brand{color:var(--brand-deep);border-color:var(--brand-2);background:var(--brand-soft);}
.bge-warm{background:var(--warn-soft);color:#92400e;}

/* map grid / stub styles */
.leaflet-container{background:#eef2f6;}
.food-grid{stroke:#0e7490;stroke-width:1;fill-opacity:.28;cursor:pointer;}
.food-grid:hover{stroke-width:2;fill-opacity:.5;}

/* a single food row */
.food-card{border:2px solid var(--line);border-radius:var(--radius);background:#fff;}
.food-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;}
.food-head h3{font-size:1.12rem;font-weight:800;letter-spacing:-.02em;margin:0;}
.food-note{color:var(--muted);font-size:.95rem;}
.food-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.food-actions{display:flex;flex-wrap:wrap;gap:8px;}
.food-seam{border:2px dashed var(--line);border-radius:var(--radius-sm);background:var(--wash);}

/* ---- the fold card (PR-A) : a paper strip, you on top, destination below ---- */
#foldDialog .modal-body{overflow-y:auto;}
.fold-paper{
  --fold:var(--brand);
  position:relative;margin:0 auto;max-width:20rem;
  background:linear-gradient(180deg,var(--brand-soft),#fff 38%);
  border:2px solid var(--line);border-radius:var(--radius-sm);
  padding:1.2rem 1.4rem 1.6rem;
}
.fold-paper::before,.fold-paper::after{
  content:"";position:absolute;left:12px;right:12px;height:14px;
  border-top:2px dashed color-mix(in srgb,var(--brand) 55%,transparent);
  border-radius:50%;
}
.fold-paper::before{top:52px;}
.fold-paper::after{bottom:52px;}
.fold-crease{
  display:flex;flex-direction:column;align-items:center;gap:2px;margin:.4rem 0;
  font-size:.72rem;font-weight:700;color:var(--muted);
}
.fold-crease .fold-line{width:2px;height:2.2rem;background:var(--brand);border-radius:2px;}
.fold-crease .fold-line.turn{background:repeating-linear-gradient(0deg,var(--brand) 0 5px,#fff 5px 9px);}
.fold-user,.fold-dest{
  display:inline-flex;align-items:center;gap:.4rem;font-weight:800;font-size:.95rem;
}
.fold-user{color:var(--brand-deep);}
.fold-dest{color:var(--good);}
.fold-user .dot,.fold-dest .dot{
  width:.7rem;height:.7rem;border-radius:50%;
}
.fold-user .dot{background:var(--brand);}
.fold-dest .dot{background:var(--good);}
.fold-row{
  display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--muted);
  padding:.35rem 0;border-top:2px solid var(--wash);
}
.fold-row:last-of-type{border-top:0;}
.fold-row strong{color:var(--ink);font-weight:700;}