/* Display the client's existing photographs unchanged, trimming the central
   labelled border. Captions and enlarged presentation use the same component. */
.food-photo-gallery > .ocf-food-day {
  grid-column:span 3;
  margin:0;
  min-width:0;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.ocf-food-day-enlarge {
  appearance:none;
  border:0;
  padding:0;
  margin:0;
  width:100%;
  cursor:zoom-in;
  background:transparent;
  color:inherit;
}
.ocf-food-day-enlarge:focus-visible { outline:3px solid var(--sand,#edc775); outline-offset:5px; }
.ocf-food-day-photographs { display:block; width:100%; }
.ocf-food-day-crop { display:block; position:relative; overflow:hidden; width:100%; }
.ocf-food-day-crop + .ocf-food-day-crop { margin-top:5px; }
.ocf-food-day-crop > img {
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  object-fit:initial !important;
  border-radius:0 !important;
}
.ocf-food-day > figcaption,
.ocf-food-day-dialog figcaption {
  padding:15px 0 0;
  color:var(--ink,#09202c);
  font-family:inherit;
  font-size:1rem;
  font-weight:700;
  line-height:1.4;
  text-align:center;
}
.ocf-food-day-dialog {
  border:0;
  padding:18px;
  border-radius:0;
  background:var(--paper,#faf8f2);
  color:var(--ink,#09202c);
  width:min(520px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
}
.ocf-food-day-dialog::backdrop { background:rgba(5,22,31,.82); }
.ocf-food-day-dialog figure { margin:12px 0 0; }
.ocf-food-day-close {
  display:block;
  margin-left:auto;
  border:1px solid currentColor;
  padding:8px 12px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font:inherit;
}
@media (max-width:780px) {
  .food-photo-gallery > .ocf-food-day { grid-column:auto; }
}
@media (max-width:420px) {
  .food-photo-gallery > .ocf-food-day { grid-column:1 / -1; }
}