/* 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 --- */
.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; }
}