/* Twin-laag bovenop hun eigen css (app.css ongewijzigd). Alleen: de vervangen svg-tekeningen, (c)-regel, en de
   menukaart als HTML in de stijl van hun eigen PDF-kaarten (krijtbord, geel #fecc00, Ubuntu, Amatic SC-koppen). */
.tw-svgbeeld{max-width:100%;height:auto}
main img[width]{height:auto}

.tw-menu{padding:40px 0 70px;color:#fff;font-family:"Ubuntu",sans-serif}
.tw-menu__titel{font-family:"Amatic SC",cursive;font-size:58px;color:#fff;text-align:center;margin:10px 0 8px}
.tw-menu__intro{text-align:center;font-size:16px;margin:0 auto 14px;max-width:640px}
.tw-zoek{display:block;width:100%;max-width:520px;margin:18px auto 14px;padding:12px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.35);color:#fff;font:400 16px/1.2 "Ubuntu",sans-serif}
.tw-zoek::placeholder{color:#bbb}
.tw-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 auto 26px}
.tw-chips a{font-family:"Amatic SC",cursive;font-size:26px;line-height:1;color:#fecc00;text-decoration:none;padding:8px 14px;background:rgba(255,255,255,.08)}
.tw-chips a:hover,.tw-chips a:focus{background:#fecc00;color:#1e1e1e}
.tw-deel{background:rgba(0,0,0,.28);padding:24px 26px 18px;margin:0 0 22px;scroll-margin-top:20px}
.tw-deel h3{display:inline-block;font-family:"Ubuntu",sans-serif;font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.02em;
  color:#1e1e1e;background:#fecc00;padding:6px 16px;margin:0 0 12px;transform:rotate(-1deg)}
.tw-deel h4{font-family:"Ubuntu",sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;color:#fecc00;margin:18px 0 8px}
.tw-noot{font-style:italic;font-size:15px;color:#ddd;margin:0 0 8px}
.tw-lijst{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.tw-gerecht{break-inside:avoid;display:flex;justify-content:space-between;gap:14px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}
.tw-gerecht strong{font-weight:700}
.tw-info{display:block;color:#ddd;font-size:14px;line-height:1.45;margin-top:2px}
.tw-prijs{white-space:nowrap;font-weight:700;color:#fff}
.tw-icoon{display:inline-block;font-size:12px;line-height:1;padding:3px 6px;border-radius:10px;vertical-align:1px}
.tw-v{background:#e9f4d8;color:#2f5b0a}
.tw-h{background:rgba(255,255,255,.14);color:#fff}
.tw-label{display:inline-block;font-size:12px;line-height:1;padding:3px 7px;background:#c8a24a;color:#1e1e1e;border-radius:3px;vertical-align:1px}
.tw-nieuw{color:#fecc00;font-size:14px}
.tw-pdf{margin:12px 0 0;font-size:13px}
.tw-pdf a{color:#fecc00}
.tw-legenda{margin-top:16px;font-size:14px;color:#ddd}
.tw-leeg{text-align:center;font-size:16px;padding:20px 0}
.hidden{display:none!important}
@media (max-width:767px){
  .tw-lijst{columns:1}
  .tw-deel{padding:18px 16px 12px}
  .tw-menu__titel{font-size:46px}
  .tw-chips a{font-size:22px}
}

/* figcaption "geopend": hun eigen JS toonde hem; nu twin.js (alleen als het echt open is) */
.frontend .row-week-tip figure figcaption.tw-aan{display:block}
/* gerechten-slider zonder Slick-JS: dezelfde 3 tegels naast elkaar, op mobiel veegbaar */
.frontend .row-dishes-slider .dishes-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.frontend .row-dishes-slider .dishes-slider::-webkit-scrollbar{display:none}
.frontend .row-dishes-slider .dishes-slider .slick-slide{float:none;flex:0 0 33.333%;scroll-snap-align:start;display:block;text-align:center}
.frontend .row-dishes-slider .dishes-slider .slick-slide img{margin:0 auto}
@media (max-width:767px){.frontend .row-dishes-slider .dishes-slider .slick-slide{flex-basis:82%}}
.tw-copy{display:inline-block;margin-left:14px;font-size:13px}