/* purpose: Meal Ideas — phone-first photo lanes and meal cards
   author: MD Hub
   date: 2026-10-02 */
#md_meal_ideas_root{
	--mi-accent:var(--bo-accent,#c45c26);
	--mi-ink:var(--bo-text,#0f172a);
	--mi-muted:var(--bo-text-muted,#64748b);
	--mi-card:var(--bo-bg-elevated,#fff);
	--mi-line:var(--bo-border,#e2e8f0);
	width:100%;
	max-width:42rem;
	margin:0 auto;
	color:var(--mi-ink);
	box-sizing:border-box;
	padding:0 .15rem 1rem;
	position:relative;
}
#md_meal_ideas_root *{box-sizing:border-box}
#md_meal_ideas_root .hidden,#md_meal_ideas_root [hidden]{display:none!important}
#md_meal_ideas_root .mi-screen{display:none;flex-direction:column;gap:.85rem}
#md_meal_ideas_root .mi-screen.on{display:flex}
#md_meal_ideas_root .mi-hero{
	background:linear-gradient(155deg,#9a3412,#c45c26 55%,#b45309);
	color:#fffaf5;
	border-radius:1.25rem;
	padding:1.25rem 1.15rem 1.15rem;
	box-shadow:0 16px 36px color-mix(in srgb,var(--mi-accent) 30%,transparent);
}
#md_meal_ideas_root .mi-kicker{
	font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;opacity:.85;margin:0 0 .3rem
}
#md_meal_ideas_root .mi-hero h2{margin:0;font-size:1.45rem;line-height:1.2;font-weight:800}
#md_meal_ideas_root .mi-hero p{margin:.45rem 0 0;font-size:.95rem;line-height:1.45;opacity:.92}
#md_meal_ideas_root .mi-lanes{display:flex;flex-direction:column;gap:.65rem}
#md_meal_ideas_root .mi-lane{
	border:1px solid var(--mi-line);background:var(--mi-card);border-radius:1rem;padding:.75rem .8rem
}
#md_meal_ideas_root .mi-lane-head{display:flex;align-items:center;gap:.45rem;font-size:.95rem;margin-bottom:.5rem}
#md_meal_ideas_root .mi-lane-head i{color:var(--mi-accent);width:1.1rem;text-align:center}
#md_meal_ideas_root .mi-lane-actions{display:flex;gap:.45rem}
#md_meal_ideas_root .mi-thumbs{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}
#md_meal_ideas_root .mi-thumbs:empty{display:none}
#md_meal_ideas_root .mi-thumb{
	width:4.4rem;height:4.4rem;border:0;padding:0;border-radius:.75rem;overflow:hidden;position:relative;cursor:pointer;background:#111
}
#md_meal_ideas_root .mi-thumb img{width:100%;height:100%;object-fit:cover;display:block}
#md_meal_ideas_root .mi-thumb span{
	position:absolute;top:.2rem;right:.2rem;width:1.2rem;height:1.2rem;border-radius:99px;
	background:rgba(15,23,42,.72);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem
}
#md_meal_ideas_root .mi-btn{
	appearance:none;border:0;cursor:pointer;font-weight:750;font-size:.92rem;
	border-radius:.9rem;min-height:2.7rem;padding:.5rem .9rem;
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem
}
#md_meal_ideas_root .mi-btn-solid{background:var(--mi-accent);color:#fff}
#md_meal_ideas_root .mi-btn-line{
	background:var(--mi-card);color:var(--mi-ink);border:1px solid var(--mi-line)
}
#md_meal_ideas_root .mi-btn:disabled{opacity:.5;cursor:not-allowed}
#md_meal_ideas_root .mi-go,#md_meal_ideas_root .mi-wide{width:100%}
#md_meal_ideas_root .mi-note{font-size:.78rem;color:var(--mi-muted);line-height:1.4;margin:0}
#md_meal_ideas_root .mi-field{font-size:.78rem;font-weight:750;margin:0}
#md_meal_ideas_root input[type=text],
#md_meal_ideas_root input[type=number],
#md_meal_ideas_root select,
#md_meal_ideas_root textarea{
	width:100%;border:1px solid var(--mi-line);background:var(--mi-card);color:var(--mi-ink);
	border-radius:.8rem;min-height:2.7rem;padding:.5rem .75rem;font:inherit;font-size:1rem
}
#md_meal_ideas_root textarea{min-height:4.2rem;resize:vertical}
#md_meal_ideas_root #mi_choices{display:flex;flex-direction:column;gap:.75rem}
#md_meal_ideas_root .mi-pick{display:flex;flex-direction:column;gap:.35rem}
#md_meal_ideas_root .mi-pick-label{font-size:.75rem;font-weight:750;color:var(--mi-muted);margin:0}
#md_meal_ideas_root .mi-picks{display:flex;flex-wrap:wrap;gap:.4rem}
#md_meal_ideas_root .mi-pick-btn{
	appearance:none;cursor:pointer;border:1px solid var(--mi-line);background:var(--mi-card);color:var(--mi-ink);
	border-radius:99px;min-height:2.15rem;padding:.3rem .75rem;font:inherit;font-size:.82rem;font-weight:700
}
#md_meal_ideas_root .mi-pick-btn.on{background:var(--mi-accent);color:#fff;border-color:transparent}
#md_meal_ideas_root .mi-fit{color:var(--mi-muted);font-size:.9rem;margin:.1rem 0 .45rem}
#md_meal_ideas_root .mi-look{font-size:.92rem;font-weight:750;margin:0;color:var(--mi-accent)}
#md_meal_ideas_root .mi-filters{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
#md_meal_ideas_root .mi-filters label{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;font-weight:750;color:var(--mi-muted)}
#md_meal_ideas_root .mi-card,#md_meal_ideas_root .mi-meal{
	border:1px solid var(--mi-line);background:var(--mi-card);border-radius:1rem;padding:.9rem .95rem
}
#md_meal_ideas_root .mi-card h3,#md_meal_ideas_root .mi-meal h3{margin:0 0 .35rem;font-size:1.05rem}
#md_meal_ideas_root .mi-meal p{margin:.25rem 0 .55rem;line-height:1.4}
#md_meal_ideas_root .mi-meal ol{margin:.35rem 0 0;padding-left:1.15rem}
#md_meal_ideas_root .mi-meal li{margin:.25rem 0;line-height:1.35}
#md_meal_ideas_root .mi-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin:.15rem 0 .35rem}
#md_meal_ideas_root .mi-meta span{
	font-size:.75rem;font-weight:750;border-radius:99px;padding:.2rem .55rem;
	background:color-mix(in srgb,var(--mi-accent) 12%,var(--mi-card));color:var(--mi-accent)
}
#md_meal_ideas_root .mi-uses{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:.35rem 0}
#md_meal_ideas_root .mi-uses b{font-size:.72rem;color:var(--mi-muted);margin-right:.15rem}
#md_meal_ideas_root .mi-uses span{
	font-size:.75rem;border:1px solid var(--mi-line);border-radius:99px;padding:.15rem .5rem
}
#md_meal_ideas_root .mi-uses span.miss{border-color:#fdba74;background:#fff7ed;color:#9a3412}
html.dark #md_meal_ideas_root .mi-uses span.miss{background:#431407;color:#fdba74;border-color:#9a3412}
#md_meal_ideas_root .mi-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.45rem 0}
#md_meal_ideas_root .mi-chip{
	border:1px solid var(--mi-line);background:var(--mi-card);color:var(--mi-ink);
	border-radius:.85rem;padding:.35rem .55rem;display:flex;align-items:center;gap:.4rem;cursor:pointer;text-align:left
}
#md_meal_ideas_root .mi-chip b{font-size:.85rem}
#md_meal_ideas_root .mi-chip small{color:var(--mi-muted);font-size:.72rem}
#md_meal_ideas_root .mi-add{display:flex;gap:.45rem}
#md_meal_ideas_root .mi-add input{flex:1}
#md_meal_ideas_root .mi-nav{display:flex;gap:.5rem}
#md_meal_ideas_root .mi-nav .mi-btn{flex:1}
#md_meal_ideas_root .mi-busy{
	position:sticky;bottom:.4rem;z-index:3;margin-top:.4rem;
	background:var(--mi-accent);color:#fff;border-radius:.9rem;padding:.7rem .9rem;font-weight:750;text-align:center
}
#md_meal_ideas_root .mi-toast{
	position:sticky;bottom:.4rem;z-index:4;
	background:#7f1d1d;color:#fff;border-radius:.9rem;padding:.7rem .9rem;font-size:.9rem
}
body.ap-kind-meal_ideas #ap_workspace{padding-bottom:max(12px,env(safe-area-inset-bottom))}
@media (min-width:720px){
	#md_meal_ideas_root .mi-lanes{display:grid;grid-template-columns:1fr 1fr 1fr}
	#md_meal_ideas_root .mi-filters{grid-template-columns:1fr 1fr 1fr 1fr}
}