/* ===== Foody — reset against theme interference ===== */
.foody-grid-wrap, .foody-grid-wrap *,
.foody-subpage, .foody-subpage *,
.foody-swipe-outer, .foody-swipe-outer *,
.foody-edit-wrap, .foody-edit-wrap *,
.foody-home-wrap, .foody-home-wrap * {
	box-sizing: border-box;
}
.foody-grid-wrap h1, .foody-grid-wrap h2, .foody-grid-wrap h3,
.foody-subpage h1, .foody-subpage h2, .foody-subpage h3,
.foody-edit-wrap h1, .foody-edit-wrap h2, .foody-edit-wrap h3,
.foody-home-wrap h1, .foody-home-wrap h2, .foody-home-wrap h3 {
	margin: 0; font-weight: 600; line-height: 1.2; letter-spacing: normal; text-transform: none; border: none; padding: 0; color: #2B2118;
}
.foody-grid-wrap a, .foody-subpage a, .foody-edit-wrap a, .foody-home-wrap a, .foody-swipe-outer a {
	text-decoration: none;
}
.foody-grid-wrap button, .foody-subpage button, .foody-edit-wrap button, .foody-home-wrap button {
	font-family: 'Work Sans', sans-serif; line-height: normal; box-shadow: none; text-transform: none; letter-spacing: normal;
}
.foody-grid-wrap ul, .foody-subpage ul { list-style: none; margin: 0; padding: 0; }
.foody-grid-wrap img, .foody-subpage img, .foody-edit-wrap img { max-width: 100%; height: auto; }
.foody-grid-wrap p, .foody-subpage p { margin: 0 0 8px; }

/* ===== Foody — shared tokens ===== */
.foody-grid-wrap,
.foody-subpage,
.foody-swipe-outer,
.foody-edit-wrap {
	--foody-cream: #FBF3E7;
	--foody-cream-2: #EFE7D8;
	--foody-ink: #2B2118;
	--foody-terracotta: #B14A2A;
	--foody-muted: #8A7B62;
	--foody-border: #E4D8C3;
	font-family: 'Work Sans', system-ui, sans-serif;
	color: var(--foody-ink);
}
.foody-h2, .foody-subpage h1, .foody-subpage h3, .foody-edit-wrap h2, .foody-edit-wrap h3,
.foody-card-name, .foody-offer-dish, .foody-menu-item-name, .foody-code-text {
	font-family: 'Fraunces', serif;
}
.foody-muted { color: var(--foody-muted); }
.foody-notice { padding: 14px 18px; background: #FBF3E7; border: 1px solid var(--foody-border); border-radius: 12px; }
.foody-badge { position: absolute; padding: 5px 11px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.foody-badge-featured { top: 12px; left: 12px; background: #F4C542; color: #2B2118; }

/* ===== Combined homepage (mobile: swipe, desktop: grid) ===== */
.foody-home-wrap .foody-grid-block { display: none; }
.foody-home-wrap .foody-swipe-block { display: block; }
.foody-swipe-explore { text-align: center; padding: 16px 0 6px; }
.foody-explore-btn { border: none !important; background: var(--foody-ink) !important; color: var(--foody-cream) !important; font-weight: 600 !important; font-size: 14px !important; padding: 12px 26px !important; border-radius: 999px !important; cursor: pointer; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
.foody-back-to-swipe { display: none; border: none !important; background: transparent !important; color: var(--foody-terracotta) !important; font-weight: 600 !important; font-size: 14px !important; padding: 0 0 14px !important; cursor: pointer; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
@media (min-width: 780px) {
	.foody-home-wrap .foody-swipe-block { display: none; }
	.foody-home-wrap .foody-grid-block { display: block; }
}
@media (max-width: 779px) {
	.foody-home-wrap.foody-show-grid .foody-swipe-block { display: none; }
	.foody-home-wrap.foody-show-grid .foody-grid-block { display: block; }
	.foody-home-wrap.foody-show-grid .foody-back-to-swipe { display: inline-block; }
}

/* ===== Grid (homepage) ===== */
.foody-search-row { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.foody-search-input { flex: 1; max-width: 360px; padding: 11px 16px !important; border: 1px solid var(--foody-border) !important; border-radius: 999px !important; font-size: 14px !important; font-family: 'Work Sans', sans-serif !important; box-sizing: border-box; background: #FFFFFF !important; color: var(--foody-ink) !important; }
.foody-search-btn { border: none !important; background: var(--foody-ink) !important; color: var(--foody-cream) !important; width: 40px; height: 40px; border-radius: 999px !important; display: flex; align-items: center; justify-content: center; cursor: pointer; flex-shrink: 0; text-transform: none !important; box-shadow: none !important; padding: 0 !important; }
.foody-search-clear { color: var(--foody-muted); font-size: 13px; text-decoration: underline; white-space: nowrap; }
.foody-city-filter { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 22px; }
.foody-chip { border: 1px solid var(--foody-border) !important; background: #FFFFFF !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 14px !important; padding: 9px 18px !important; text-decoration: none !important; color: var(--foody-ink) !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
.foody-chip.is-active { background: var(--foody-ink) !important; color: var(--foody-cream) !important; border-color: var(--foody-ink) !important; }
.foody-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.foody-card { display: block; background: #FFFFFF; border-radius: 16px; overflow: hidden; text-decoration: none; color: var(--foody-ink) !important; box-shadow: 0 6px 18px -10px rgba(43,33,24,0.22); }
.foody-card-photo { position: relative; height: 150px !important; min-height: 0 !important; max-height: 150px !important; padding: 0 !important; aspect-ratio: auto !important; background: #DCCEB2 center/cover !important; overflow: hidden; }
.foody-card-body { padding: 16px; }
.foody-card-name { font-size: 17px; font-weight: 600; margin-bottom: 8px; color: var(--foody-ink) !important; }
.foody-card-dish { color: var(--foody-muted); font-size: 13px; margin-bottom: 4px; }
.foody-card-price { color: var(--foody-terracotta); font-size: 15px; font-weight: 700; }
@media (max-width: 900px) { .foody-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .foody-grid { grid-template-columns: 1fr; } }

/* ===== Subpage ===== */
.foody-hero { position: relative; height: 320px !important; min-height: 0 !important; max-height: 320px !important; padding: 0 !important; aspect-ratio: auto !important; background: #B14A2A center/cover !important; display: flex; align-items: flex-end; border-radius: 0 0 20px 20px; overflow: hidden; }
.foody-hero-inner { width: 100%; padding: 30px 36px; background: linear-gradient(0deg, rgba(43,33,24,0.78), rgba(43,33,24,0)); }
.foody-hero-inner h1 { color: #FFFFFF; font-size: 36px; font-weight: 600; margin: 0 0 10px; }
.foody-hero-meta { display: flex; gap: 18px; flex-wrap: wrap; }
.foody-hero-meta span { color: #F5E9D6; font-size: 14px; }
.foody-apps-row { display: flex; gap: 10px; flex-wrap: wrap; padding: 18px 4px; border-bottom: 1px solid var(--foody-border); }
.foody-app-pill { background: #FFFFFF; border: 1px solid var(--foody-border); border-radius: 999px; padding: 8px 16px; font-size: 13px; font-weight: 600; color: var(--foody-ink) !important; }
.foody-tabs { display: flex; gap: 26px; border-bottom: 1px solid var(--foody-border); margin-top: 4px; }
.foody-tab-btn { border: none !important; background: transparent !important; font-family: 'Work Sans', sans-serif !important; font-weight: 600 !important; font-size: 16px !important; padding: 14px 2px !important; cursor: pointer; color: var(--foody-muted) !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
.foody-tab-btn.is-active { color: var(--foody-ink) !important; border-bottom-color: var(--foody-terracotta) !important; }
.foody-tab-panel { padding: 26px 4px; }
.foody-offers-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
@media (max-width: 600px) { .foody-offers-grid { grid-template-columns: 1fr; } }
.foody-offer-card { background: #FFFFFF; border-radius: 16px; overflow: hidden; box-shadow: 0 6px 18px -10px rgba(43,33,24,0.2); }
.foody-offer-photo { height: 150px !important; min-height: 0 !important; max-height: 150px !important; padding: 0 !important; aspect-ratio: auto !important; background: #DCCEB2 center/cover !important; }
.foody-offer-body { padding: 16px; }
.foody-offer-dish { font-size: 18px; font-weight: 600; margin-bottom: 6px; color: var(--foody-ink) !important; }
.foody-offer-price { color: var(--foody-terracotta); font-size: 15px; font-weight: 700; }
.foody-menu-list { display: flex; flex-direction: column; gap: 10px; }
.foody-menu-item { display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; border-radius: 12px; padding: 14px 18px; gap: 16px; }
.foody-menu-item-name { font-size: 16px; font-weight: 600; color: var(--foody-ink) !important; }
.foody-menu-item-desc { color: var(--foody-muted); font-size: 13px; margin-top: 2px; }
.foody-menu-item-price { color: var(--foody-terracotta); font-weight: 700; white-space: nowrap; }
.foody-code-block { background: var(--foody-ink); border-radius: 18px; padding: 22px 26px; margin: 20px 4px; }
.foody-code-label { color: #F5E9D6; font-size: 13px; font-weight: 600; margin-bottom: 4px; }
.foody-code-text { color: #FFFFFF; font-size: 20px; font-weight: 600; }
.foody-code-terms { color: #DCCEB2; font-size: 13px; margin-top: 4px; }
.foody-map-block { padding: 4px 4px 30px; }
.foody-map-link { display: inline-block; margin-top: 10px; background: var(--foody-ink) !important; color: var(--foody-cream) !important; text-decoration: none !important; padding: 12px 20px !important; border-radius: 999px !important; font-weight: 600 !important; font-size: 14px !important; text-transform: none !important; letter-spacing: normal !important; }

/* ===== Mobile swipe/discovery view ===== */
.foody-swipe-outer { height: 82vh; max-height: 900px; overflow-y: scroll; scroll-snap-type: y mandatory; border-radius: 20px; background: var(--foody-cream); -webkit-overflow-scrolling: touch; }
.foody-swipe-restaurant { height: 100%; scroll-snap-align: start; position: relative; display: flex; flex-direction: column; }
.foody-swipe-offers { flex: 1; display: flex; overflow-x: scroll; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.foody-swipe-card { flex: 0 0 100%; scroll-snap-align: start; background: #B14A2A center/cover; position: relative; display: flex; align-items: flex-end; }
.foody-swipe-info { width: 100%; padding: 24px; background: linear-gradient(0deg, rgba(43,33,24,0.8), rgba(43,33,24,0)); }
.foody-swipe-name { color: #F5E9D6; font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.foody-swipe-dish { color: #FFFFFF; font-family: 'Fraunces', serif; font-size: 24px; font-weight: 600; margin-bottom: 6px; }
.foody-swipe-price { color: #FBF3E7; font-size: 18px; font-weight: 700; }
.foody-swipe-link { display: block; text-align: center; padding: 12px; background: #FFFFFF; color: var(--foody-ink); text-decoration: none; font-weight: 600; font-size: 14px; border-top: 1px solid var(--foody-border); }

/* ===== Token edit form ===== */
.foody-edit-wrap { max-width: 640px; margin: 0 auto; }
.foody-message { background: #EAF3DE; border: 1px solid #C0DD97; color: #27500A; padding: 12px 16px; border-radius: 10px; margin-bottom: 20px; }
.foody-message-error { background: #FCEBEB; border-color: #F09595; color: #791F1F; }
.foody-form h3 { margin-top: 30px; margin-bottom: 10px; font-size: 18px; }
.foody-form label { display: block; margin-bottom: 12px; font-size: 14px; font-weight: 600; }
.foody-form label.foody-checkbox, .foody-form label.foody-radio { display: inline-block; margin-right: 18px; font-weight: 500; }
.foody-form input[type="text"],
.foody-form input[type="time"],
.foody-form input[type="file"] {
	display: block; width: 100%; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--foody-border);
	border-radius: 10px; font-size: 14px; font-family: 'Work Sans', sans-serif; box-sizing: border-box;
}
.foody-hint { color: var(--foody-muted); font-size: 13px; margin: 6px 0 14px; }
.foody-current-image img { max-width: 200px; border-radius: 10px; display: block; margin-bottom: 8px; }
.foody-menu-row { display: grid; grid-template-columns: 1.2fr 1.6fr 0.6fr; gap: 8px; margin-bottom: 8px; }
.foody-menu-row input { margin-top: 0 !important; }
.foody-btn-secondary { border: 1px dashed var(--foody-muted) !important; background: transparent !important; color: var(--foody-ink) !important; font-weight: 600 !important; padding: 8px 16px !important; border-radius: 999px !important; cursor: pointer; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
.foody-existing-offers { margin-bottom: 18px; }
.foody-offer-row { display: flex; align-items: center; gap: 12px; background: #FFFFFF; border: 1px solid var(--foody-border); border-radius: 12px; padding: 10px 14px; margin-bottom: 8px; }
.foody-offer-row img { width: 48px; height: 48px; object-fit: cover; border-radius: 8px; }
.foody-offer-info { flex: 1; font-size: 14px; font-weight: 500; }
.foody-remove { color: #A32D2D; font-size: 13px; white-space: nowrap; }
.foody-new-offer { background: #FFFFFF; border: 1px solid var(--foody-border); border-radius: 14px; padding: 18px; margin-bottom: 10px; }
.foody-new-offer-title { font-weight: 700; margin: 0 0 12px; }
.foody-btn-primary { border: none !important; background: var(--foody-ink) !important; color: var(--foody-cream) !important; font-weight: 600 !important; font-size: 15px !important; padding: 14px 28px !important; border-radius: 999px !important; cursor: pointer; margin-top: 10px; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important; }
