/* Publikus menü-ajánlatok (hub + napi/heti nézet). Zöld akcent (#00890a), Poppins –
   a menu_offers / p_ow_menuoffers arculatához illesztve. Scope: .pm-wrap. */
/* flow-root (nem float:left): a floatolt .pm-more upsell-blokkot ugyanúgy befogja (BFC),
   de block-elemként a margin:0 auto TÉNYLEG középre teszi a wrapet (floatot nem központosít margin:auto). */
.pm-wrap{ display:flow-root; width:100%; box-sizing:border-box; max-width:980px; margin:0 auto; padding:34px 20px 60px; font-family:'Poppins',Arial,sans-serif; color:#3a3a3a; }
.pm-wrap a{ text-decoration:none; }

/* --- Fejlécek --- */
.pm-hub-head,.pm-view-head{ text-align:center; margin-bottom:26px; }
.pm-h1{ font-size:2em; font-weight:800; color:#1a2e1b; margin:0 0 10px; line-height:1.22; }
.pm-intro{ font-size:1.02em; color:#4e6651; line-height:1.6; margin:0 auto; max-width:600px; }

/* --- Hub kártya-rács --- */
/* auto-fill + fix max-track (nem 1fr) + justify-content:center → a kártyák a konténer
   közepére rendeződnek akkor is, ha kevés az életképes kombó (nem tapadnak balra). */
.pm-hub-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,260px)); justify-content:center; gap:20px; margin-bottom:44px; }
.pm-card{ background:#fff; border:1.5px solid #d9f0dc; border-radius:16px; padding:18px 18px 20px; box-shadow:0 5px 18px rgba(0,137,10,.08); box-sizing:border-box; }
.pm-card-title{ display:block; font-size:1.18em; font-weight:800; color:#1a2e1b; margin-bottom:6px; }
.pm-card-title:hover{ color:#00890a; }
.pm-card-modes{ font-size:.86em; color:#5a7060; margin-bottom:12px; }
.pm-card-modes a{ color:#00890a; font-weight:600; }
.pm-card-modes a:hover{ text-decoration:underline; }
.pm-card-modes .pm-sep{ margin:0 6px; color:#b9d4bd; }
.pm-card-cui-lbl{ font-size:11px; font-weight:700; letter-spacing:.3px; text-transform:uppercase; color:#7a8f7c; margin-bottom:7px; }
.pm-card-cuisines{ display:flex; flex-wrap:wrap; gap:6px; }
.pm-cui-chip{ display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; padding:3px 11px; border-radius:50px; border:1px solid #cfe8d2; color:#4a6b4d; background:#f4fbf5; }
.pm-cui-chip:hover{ background:#00890a; border-color:#00890a; color:#fff; }
/* Napi = narancs, heti = lila (a diétás kártyák mód-linkjei). Nagyobb specifikusság → felülírja a zöldet. */
.pm-card-modes a.pm-daily-link{ color:#e8890a; }
.pm-card-modes a.pm-weekly-link{ color:#7c3aed; }

/* --- Diéta nélküli gyors választás (Mai ajánlat + konyhák, kis ikonokkal) --- */
.pm-quick{ margin:0 0 34px; }
.pm-quick-h{ font-size:11px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; color:#7a8f7c; text-align:center; margin-bottom:13px; }
.pm-quick-chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; }
.pm-qchip{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; padding:7px 15px; border-radius:50px; border:1.5px solid #cfe8d2; color:#3f5a42; background:#fff; box-shadow:0 2px 8px rgba(0,137,10,.06); }
.pm-qchip:hover{ background:#00890a; border-color:#00890a; color:#fff; }
.pm-qchip-today{ border-color:#f0c98a; color:#8a5a12; background:#fdf8ef; }
.pm-qchip-today:hover{ background:#e8890a; border-color:#e8890a; color:#fff; }

/* Belső konyha-ikon (zászló/földgömb SVG) + a Mai ajánlat ikonja – igazítás a chipben. */
.pm-qchip .mo-chip-ico,.pm-qchip .pm-qico,.pm-cui-chip .mo-chip-ico{ display:inline-flex; align-items:center; line-height:0; }
.mo-chip-ico svg,.pm-qico svg{ display:block; }
.mo-flag svg{ border-radius:2px; }

/* --- Nézet: mód-váltó + dátum-sáv --- */
.pm-mode-toggle{ display:inline-flex; border:1.5px solid #e2e2e8; border-radius:50px; overflow:hidden; margin-top:4px; }
.pm-mode-toggle a{ padding:7px 20px; font-size:.92em; font-weight:700; background:#fff; }
/* Napi = narancs, Heti = lila (a hub mód-linkjeivel egyezően). Aktív (on) = tömör kitöltés. */
.pm-wrap .pm-mode-toggle a.pm-tgl-daily{ color:#e8890a; }
.pm-wrap .pm-mode-toggle a.pm-tgl-daily.on{ background:#e8890a; color:#fff; }
.pm-wrap .pm-mode-toggle a.pm-tgl-daily:not(.on):hover{ background:#fdf3e8; }
.pm-wrap .pm-mode-toggle a.pm-tgl-weekly{ color:#7c3aed; }
.pm-wrap .pm-mode-toggle a.pm-tgl-weekly.on{ background:#7c3aed; color:#fff; }
.pm-wrap .pm-mode-toggle a.pm-tgl-weekly:not(.on):hover{ background:#f4eefe; }
.pm-datebar{ display:flex; align-items:center; justify-content:center; gap:16px; margin:22px 0 26px; }
.pm-arrow{ display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:50%; border:1.5px solid #cfe8d2; color:#00890a; font-size:14px; background:#fff; }
.pm-arrow:hover{ background:#00890a; border-color:#00890a; color:#fff; }
.pm-arrow-off{ color:#d3ddd4; border-color:#eef4ee; background:#fafcfa; cursor:default; }
.pm-date{ font-size:1.05em; font-weight:700; color:#1a2e1b; min-width:150px; text-align:center; }

/* --- Napi egység / étkezés-kártyák --- */
/* A kártyák a belső mo-card dizájnját hozzák (menu_offers.css). Itt csak a publikus
   eltérések: a .mo-app-ba ágyazott kártyák scope-ja + a hiányzó szem-ikon miatti helyigazítás. */
.pm-wrap .mo-app{ padding:0; }                  /* a mo-app alap padding-bottomját itt nem kérjük */
.pm-wrap .mo-card-top{ padding-right:0; }       /* nincs jobb-felső szem-ikon → nem kell a fenntartott hely */
/* A fogásnév a publikus nézetben kattintható recept-link (a belső nem az) – szaggatott alávonal. */
.pm-wrap .mo-dish-name a{ color:inherit; border-bottom:1px dashed #bcdcc0; }
.pm-wrap .mo-dish-name a:hover{ color:#00890a; border-bottom-color:#00890a; }

/* Napi: egyetlen kártya középre tagolva, a belső mo-card szélességével (~300–340px). */
.pm-day{ display:flex; flex-direction:column; gap:14px; }
.pm-mo-daily .pm-day{ align-items:center; }
.pm-mo-daily .pm-mo-card{ width:100%; max-width:340px; box-sizing:border-box; }

/* --- Heti nézet --- */
/* Full-bleed: kitörünk a pm-wrap max-width:980px-jából a teljes képernyő-szélességre (left:calc),
   hogy több nap férjen egymás mellé; a napok auto-fill ráccsal középre rendeződnek. */
.pm-week{ width:100vw; position:relative; left:calc(-50vw + 50%); box-sizing:border-box; padding:0 24px; display:grid; grid-template-columns:repeat(auto-fill, minmax(300px, 340px)); justify-content:center; align-items:stretch; gap:20px; }
.pm-week-day{ min-width:0; background:#f8fbf8; border:1px solid #e6f0e7; border-radius:16px; padding:14px 16px 16px; box-sizing:border-box; }
.pm-week .pm-day{ display:block; }
.pm-week-day .pm-mo-card{ width:100%; min-width:0; max-width:100%; box-sizing:border-box; }
/* Dátum-fej: napnév + formázott dátum (mint a belső heti nézet fejléce). */
.pm-week-date{ display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; margin-bottom:12px; padding-bottom:8px; border-bottom:1px dashed #d9eadb; }
.pm-week-dayname{ font-size:1.02em; font-weight:800; color:#1a2e1b; }
.pm-week-datenum{ font-size:.86em; font-weight:600; color:#5a7060; }

/* --- Üres / vissza --- */
/* Public planning tools share the existing menu cards and shopping palette. */
.pm-wrap .ps-guide { font-size:14px; line-height:1.65; color:#4e6651; margin:12px 0; }
.pm-wrap .ps-note { font-size:12px; line-height:1.55; color:#66746a; }
.pm-wrap .ps-actions { display:flex; justify-content:center; margin:16px 0; }
.pm-wrap .ps-shop-link.btn-reset { display:inline-flex; align-items:center; gap:8px; background:#4f9eff; color:#102b48; border:0; border-radius:9px; padding:10px 16px; font-size:14px; font-weight:600; text-decoration:none; white-space:normal; }
.pm-wrap .ps-shop-link:hover { background:#80b9ff; }
.pm-wrap .ps-time { flex-shrink:0; color:#66746a; font-size:11px; }
.pm-wrap .ps-help { clear:both; margin:28px 0; padding:0 4px; }
.pm-wrap .ps-help h2,.pm-wrap .ps-shopping h2 { font-size:21px; line-height:1.3; margin:0 0 12px; }
.pm-wrap .ps-help p,.pm-wrap .ps-shopping p { font-size:14px; line-height:1.65; }
.pm-wrap .ps-help a { color:#00890a; }
.pm-wrap .ps-help .ps-week-start { display:inline-flex; max-width:100%; box-sizing:border-box; white-space:normal; text-align:center; margin:0 0 14px; text-decoration:none; }
.pm-wrap .ps-shopping { clear:both; border:1px solid #c7dfff; border-top:3px solid #4f9eff; border-radius:12px; padding:22px; margin:28px 0; background:#fff; scroll-margin-top:20px; }
.pm-wrap .ps-shopping h2 { color:#265a9b; }
.pm-wrap .ps-shop-tools { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; }
.pm-wrap .ps-shop-tools[hidden] { display:none; }
.pm-wrap .ps-dose { display:inline-flex; align-items:center; border:1px solid #d7e5f5; border-radius:8px; overflow:hidden; }
.pm-wrap .ps-dose .btn-reset { display:flex; align-items:center; justify-content:center; width:36px; height:36px; min-width:0; margin:0; padding:0; float:none; background:#f3f8ff; border:0; border-radius:0; box-shadow:none; color:#265a9b; font-size:20px; }
.pm-wrap .ps-dose input { width:48px; min-width:0; height:36px; margin:0; padding:0 !important; border:0; border-radius:0; box-sizing:border-box; text-align:center; font:inherit; background:#fff; color:#333; }
.pm-wrap .ps-print.btn-reset { width:auto; min-width:0; float:none; margin:0 0 0 auto; padding:8px 14px; min-height:36px; border:1px solid #c7dfff; border-radius:8px; background:#f3f8ff; color:#265a9b; font:inherit; box-shadow:none; white-space:normal; }
.pm-wrap .ps-shopping-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 28px; margin-top:18px; }
.pm-wrap .ps-shopping-group h3 { font-size:15px; margin:0 0 6px; padding-bottom:5px; border-bottom:2px solid #4f9eff; color:#265a9b; }
/* Same category heading colours as the internal shopping list. */
.pm-wrap .ps-shopping-group[data-group="meat"] h3 { color:#cd015f; border-bottom-color:#cd015f; }
.pm-wrap .ps-shopping-group[data-group="fish"] h3 { color:#2e86ab; border-bottom-color:#2e86ab; }
.pm-wrap .ps-shopping-group[data-group="veg"] h3 { color:#4a8b3a; border-bottom-color:#4a8b3a; }
.pm-wrap .ps-shopping-group[data-group="dairy"] h3 { color:#c9961e; border-bottom-color:#c9961e; }
.pm-wrap .ps-shopping-group[data-group="bakery"] h3 { color:#a9762f; border-bottom-color:#a9762f; }
.pm-wrap .ps-shopping-group[data-group="spice"] h3 { color:#04af8f; border-bottom-color:#04af8f; }
.pm-wrap .ps-shopping-group[data-group="seeds"] h3 { color:#7a6a1e; border-bottom-color:#7a6a1e; }
.pm-wrap .ps-shopping-group[data-group="canned"] h3 { color:#7e8b3d; border-bottom-color:#7e8b3d; }
.pm-wrap .ps-shopping-group[data-group="drinks"] h3 { color:#7d3c98; border-bottom-color:#7d3c98; }
.pm-wrap .ps-shopping-group[data-group="other"] h3 { color:#e5a900; border-bottom-color:#e5a900; }
.pm-wrap .ps-shopping-group ul { margin:0; padding:0; list-style:none; }
.pm-wrap .ps-shopping-group li { border-bottom:1px solid #edf2f7; padding:7px 0; }
.pm-wrap .ps-shopping-group label { display:flex; align-items:baseline; gap:5px; font-size:14px; line-height:1.5; cursor:pointer; overflow-wrap:anywhere; }
.pm-wrap .ps-shopping-group input[type="checkbox"] { appearance:auto; -webkit-appearance:auto; position:static; opacity:1; width:17px; height:17px; margin:0 5px 0 0; flex:0 0 17px; accent-color:#02b30f; }
.pm-wrap .ps-shopping-group label:has(input:checked) { color:#829087; text-decoration:line-through; }
.pm-wrap .ps-amount,.pm-wrap .ps-unit { flex-shrink:0; font-weight:600; }
.pm-wrap .ps-item-text { min-width:0; }
.pm-wrap .ps-warning { border-left:3px solid #e5a900; padding:8px 12px; background:#fff9e9; }
.pm-wrap .pcw-counts { display:flex; flex-wrap:wrap; gap:6px 24px; color:#4e6651; }
.pm-wrap .pcw-columns { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:18px 30px; }
.pm-wrap .pcw-columns>div { min-width:0; }
.pm-wrap .pcw-columns h3 { font-size:16px; line-height:1.4; margin:12px 0 8px; color:#176d22; }
.pm-wrap .pcw-columns .ps-note { font-size:12px; }
.pm-wrap .pcw-quick { margin:0; padding:0; list-style:none; }
.pm-wrap .pcw-quick li { display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 12px; border-bottom:1px solid #d9e8db; padding:9px 0; }
.pm-wrap .pcw-quick a { flex:1 1 180px; overflow-wrap:anywhere; font-size:14px; line-height:1.5; }
.pm-wrap .pcw-quick li>span { font-size:12px; color:#66746a; white-space:nowrap; }
.pm-wrap .pcw-detail { border-bottom:1px solid #d9e8db; font-size:14px; line-height:1.6; }
.pm-wrap .pcw-detail summary { cursor:pointer; padding:10px 0; color:#176d22; overflow-wrap:anywhere; }
.pm-wrap .pcw-detail summary small { color:#66746a; font-size:12px; margin-left:10px; display:inline-block; }
.pm-wrap .pcw-detail summary:hover { color:#00890a; }
.pm-wrap .pcw-detail summary:focus-visible { outline:2px solid #00890a; outline-offset:3px; }
.pm-wrap .pcw-detail ul { margin:0 0 12px; padding-left:22px; }
.pm-wrap .pcw-detail li { margin:4px 0; overflow-wrap:anywhere; }
.pm-wrap .pcw-detail p { margin:0 0 12px; }
@media(max-width:620px){
	.pm-wrap .ps-shopping { padding:16px 12px; }
	.pm-wrap .ps-shopping-groups { grid-template-columns:1fr; }
	.pm-wrap .ps-print.btn-reset { margin-left:0; }
}
@media print {
	body.pub-page #a_header,body.pub-page #footer,body.pub-page .pm-more,body.pub-page .ps-shop-tools,body.pub-page .mo-card-actions,body.pub-page .ps-actions { display:none !important; }
	body.pub-page .pm-week { width:100%; left:0; padding:0; grid-template-columns:repeat(2,minmax(0,1fr)); }
	body.pub-page .ps-shopping-group,body.pub-page .pm-week-day { break-inside:avoid; }
}

.pm-empty{ text-align:center; color:#7a8f7c; font-size:1.02em; padding:40px 16px; background:#f8fbf8; border:1px dashed #cfe8d2; border-radius:14px; }
.pm-back{ text-align:center; margin-top:18px; }
.pm-back a{ color:#00890a; font-weight:600; }
.pm-back a:hover{ text-decoration:underline; }

/* --- Upsell blokk --- */
.pm-more{ float:left; width:100%; box-sizing:border-box; margin-top:46px; background:linear-gradient(180deg,#f4fbf5 0%,#ffffff 100%); border:1.5px solid #d9f0dc; border-radius:18px; padding:34px 26px; }
.pm-more-in{ max-width:620px; margin:0 auto; text-align:center; }
.pm-more-h{ font-size:1.5em; font-weight:800; color:#1a2e1b; margin:0 0 10px; }
.pm-more-intro{ font-size:1em; color:#4e6651; line-height:1.55; margin:0 0 20px; }
.pm-more-list{ list-style:none; margin:0 0 24px; padding:0; text-align:left; display:inline-block; }
.pm-more-list li{ display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#3f5a42; padding:5px 0; line-height:1.45; }
.pm-more-ck{ flex:0 0 auto; color:#00890a; font-weight:800; }
.pm-more-cta{ display:inline-block; background:#00890a; color:#fff; font-weight:700; font-size:1.02em; padding:13px 34px; border-radius:50px; box-shadow:0 6px 18px rgba(0,137,10,.22); }
.pm-more-cta:hover{ background:#007a08; }

@media (max-width:620px){
	.pm-h1{ font-size:1.6em; }
	.pm-hub-grid{ grid-template-columns:1fr; }
	.pm-datebar{ gap:10px; }
	.pm-date{ min-width:0; font-size:.98em; }
	.pm-more{ padding:26px 18px; }
}