/* SeaSeMe meals and profiles (1.14.0): "Για ποιον;", the profile sheet, the
   week card on the results, «✎ Αλλαγή» and «Τα γεύματά μου».
   Shared by the website and the app (see meals.js). Everything is scoped under
   .ssm and sets its own colours and button styles, so host themes can't
   restyle it. Mercury is never red here: bars go green, then amber. */

.ssm{--ssm-ink:#1b2b3a;--ssm-mut:#4f6072;--ssm-line:#cfd6dd;--ssm-soft:#f5f8fb;--ssm-acc:#1565c0;--ssm-acc-d:#0f4c96;--ssm-on:#eaf2fc;
	--ssm-go:#0f7a5a;--ssm-go-d:#0b6349;--ssm-go-on:#e3f3ec;--ssm-amb:#c26100;--ssm-amb-on:#fff4e6;--ssm-used:#7c93a8;--ssm-ok:#2e7d32;
	color:var(--ssm-ink);font-family:inherit;line-height:1.5}
.ssm *{box-sizing:border-box}
.ssm p{margin:0}
.ssm [hidden],.ssm-hidden{display:none !important}
html.ssm-locked{overflow:hidden}

/* Buttons (reset first: WordPress themes style every <button>) */
.ssm button{font:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;text-shadow:none;min-height:0;line-height:1.3}
.ssm .ssm-btn{display:block;width:100%;border:0;border-radius:8px;padding:13px 16px;font-size:1em;font-weight:600;cursor:pointer;background:var(--ssm-acc);color:#fff;text-align:center;text-decoration:none}
.ssm .ssm-btn:hover,.ssm .ssm-btn:focus-visible{background:var(--ssm-acc-d);color:#fff}
.ssm .ssm-btn--go{background:var(--ssm-go)}
.ssm .ssm-btn--go:hover,.ssm .ssm-btn--go:focus-visible{background:var(--ssm-go-d)}
.ssm .ssm-btn.is-done,.ssm .ssm-btn.is-done:hover{background:var(--ssm-go-on);color:var(--ssm-go-d);cursor:default}
.ssm .ssm-btn--ghost,.ssm a.ssm-btn--ghost{background:#fff;color:var(--ssm-acc);border:2px solid var(--ssm-acc)}
.ssm .ssm-btn--ghost:hover,.ssm a.ssm-btn--ghost:hover{background:var(--ssm-on);color:var(--ssm-acc-d)}
.ssm .ssm-btn--plain{background:#fff;color:var(--ssm-ink);border:1.5px solid var(--ssm-line);font-weight:500;font-size:.92em;padding:9px 10px}
.ssm .ssm-btn--plain:hover{background:var(--ssm-soft);color:var(--ssm-ink)}
.ssm .ssm-btn--plain:disabled{opacity:.5;cursor:not-allowed}
.ssm .ssm-btn--danger{background:#8a3b12}
.ssm .ssm-btn--danger:hover{background:#6e2f0e}
.ssm .ssm-link{background:none;border:0;padding:4px 2px;color:var(--ssm-acc);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.ssm .ssm-link:hover{color:var(--ssm-acc-d);background:none}
.ssm .ssm-link--danger{color:#8a3b12}
.ssm button:focus-visible,.ssm input:focus-visible,.ssm a:focus-visible{outline:3px solid #7fb0e6;outline-offset:2px}
.ssm .ssm-row{display:flex;flex-wrap:wrap;gap:6px}

/* "Για ποιον;" */
.ssm-who{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.ssm .ssm-lab{display:block;font-weight:600}
.ssm-chips{display:flex;flex-wrap:wrap;gap:8px}
.ssm .ssm-chip{border:2px solid var(--ssm-line);background:#fff;color:var(--ssm-ink);border-radius:999px;padding:7px 14px;font-size:.95em;cursor:pointer}
.ssm .ssm-chip:hover{border-color:#9fb2c2;background:#fff;color:var(--ssm-ink)}
.ssm .ssm-chip[aria-pressed="true"]{border-color:var(--ssm-acc);background:var(--ssm-on);color:var(--ssm-acc-d);font-weight:600}
.ssm .ssm-chip--add{border-style:dashed;color:var(--ssm-acc)}
.ssm .ssm-chip:disabled{opacity:.45;cursor:not-allowed}
.ssm-pcard{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--ssm-soft);font-size:.95em}
.ssm-pcard b{font-weight:600}
.ssm-remind{display:flex;flex-direction:column;gap:8px;padding:11px 12px;border-radius:10px;background:var(--ssm-amb-on);font-size:.92em}
.ssm .ssm-mini{border:1.5px solid var(--ssm-amb);background:#fff;color:var(--ssm-amb);border-radius:999px;padding:6px 12px;font-size:.92em;font-weight:600;cursor:pointer}
.ssm .ssm-mini:hover{background:var(--ssm-amb-on);color:var(--ssm-amb)}

/* Edit banner + «✎ Αλλαγή» */
.ssm-banner{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;border-radius:10px;background:var(--ssm-on);border:1.5px solid #b8d2f0;margin-bottom:18px;font-size:.95em}
.ssm-banner b{font-size:1.05em}
.ssr-chosen.ssm-chosen-has-edit{display:flex;flex-wrap:wrap;align-items:center;column-gap:.4em;row-gap:6px}
.ssm-edit{margin-left:auto;border:2px solid #1565c0 !important;background:#fff !important;color:#1565c0 !important;border-radius:999px !important;padding:5px 13px !important;
	font:inherit !important;font-size:.9em !important;font-weight:600 !important;cursor:pointer;line-height:1.3 !important;box-shadow:none !important;text-transform:none !important;min-height:0 !important}
.ssm-edit:hover,.ssm-edit:focus-visible{background:#eaf2fc !important;color:#0f4c96 !important}

/* Result: week card + add */
.ssm-result{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.ssm-week{border-radius:12px;background:#f1f6fb;padding:14px 15px;display:flex;flex-direction:column;gap:8px;text-align:left}
.ssm .ssm-week h4{margin:0;font-size:1.02em;font-weight:700;color:var(--ssm-ink)}
.ssm-sbar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#dfe7ee}
.ssm-sbar i{display:block;height:100%}
.ssm-sbar-u,.ssm-key-u{background:var(--ssm-used)}
.ssm-sbar-n,.ssm-key-n{background:var(--ssm-acc)}
.ssm-sbar-n.is-amber,.ssm-key-n.is-amber{background:var(--ssm-amb)}
.ssm-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.86em;color:var(--ssm-mut)}
.ssm-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.ssm-plan{font-size:.95em;border-top:1px solid #d6e1ea;padding-top:9px}
.ssm-plan strong{color:var(--ssm-acc-d)}
.ssm .ssm-try{align-self:flex-start}
.ssm-dishes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-end}
.ssm-dish svg{display:block;width:34px;height:34px}
.ssm-dish--this{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.72em;color:var(--ssm-mut)}
.ssm-dish--this svg{width:44px;height:44px}
.ssm-hint{font-size:.9em;color:var(--ssm-mut);text-align:center}
.ssm-done{font-size:.92em;color:var(--ssm-go-d);text-align:center}
.ssm-done a.ssm-link{color:var(--ssm-go-d)}
.ssm-ask{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:var(--ssm-soft);text-align:left}
.ssm .ssm-sub{font-size:.86em;color:var(--ssm-mut)}

/* «Τα γεύματά μου» */
.ssm-dash{display:flex;flex-direction:column;gap:14px}
.ssm-tabs{display:flex;gap:2px;overflow-x:auto;border-bottom:2px solid #e3e9ef}
.ssm .ssm-tab{flex:none;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:9px 13px;font-weight:600;color:var(--ssm-mut);cursor:pointer;border-radius:0}
.ssm .ssm-tab:hover{background:none;color:var(--ssm-ink)}
.ssm .ssm-tab.is-on{color:var(--ssm-acc-d);border-bottom-color:var(--ssm-acc)}
.ssm .ssm-tab--add{color:var(--ssm-acc);font-weight:500}
.ssm-person{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:.95em;color:var(--ssm-mut)}
.ssm-person b{color:var(--ssm-ink)}
.ssm-person .ssm-link{margin-left:auto}
.ssm-panel{padding:16px 18px;border-radius:12px;background:var(--ssm-soft)}
.ssm .ssm-panel h4{margin:0 0 12px;font-size:1.02em;color:#33475a}
.ssm-metric{margin-bottom:12px}
.ssm-mlab{display:flex;justify-content:space-between;gap:10px;font-size:.9em;color:var(--ssm-mut);margin-bottom:5px}
.ssm-mlab b{color:var(--ssm-ink)}
.ssm-bar{height:12px;border-radius:6px;background:#e1e8ee;overflow:hidden}
.ssm-bar i{display:block;height:100%;border-radius:6px;background:var(--ssm-ok)}
.ssm-bar i.is-amber{background:var(--ssm-amb)}
.ssm-cap{font-size:.86em;color:var(--ssm-mut);margin:-6px 0 12px !important}
.ssm-overview{display:flex;gap:24px;flex-wrap:wrap}
.ssm-overview span{display:block;font-size:1.5em;font-weight:700}
.ssm-overview small{font-size:.82em;color:var(--ssm-mut)}
.ssm-list{list-style:none;margin:0;padding:0}
.ssm-list li{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #e4e9ee}
.ssm-item{font-size:.97em}
.ssm-item-sub{font-size:.84em;color:var(--ssm-mut)}
.ssm .ssm-rm{background:none;border:0;color:#6b7884;cursor:pointer;font-size:.88em;padding:4px 6px;text-decoration:underline}
.ssm .ssm-rm:hover{color:var(--ssm-ink);background:none}
.ssm-empty{color:var(--ssm-mut);background:var(--ssm-soft);padding:16px 18px;border-radius:12px}
.ssm-io{display:flex;gap:8px}
.ssm-io .ssm-btn{flex:1}
.ssm-io-note{font-size:.9em;padding:9px 12px;border-radius:8px}
.ssm-io-note.is-ok{background:var(--ssm-go-on);color:var(--ssm-go-d)}
.ssm-io-note.is-error{background:var(--ssm-amb-on);color:#7a3d00}
.ssm .ssm-clear{align-self:flex-start;background:none;border:1px solid var(--ssm-line);color:var(--ssm-mut);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9em}
.ssm .ssm-clear:hover{border-color:var(--ssm-mut);color:var(--ssm-ink);background:none}
.ssm-privacy{font-size:.82em;color:#6b7884;line-height:1.6}
.ssm-addp{margin:-4px 0 0}

/* Profile sheet */
.ssm-sheet-bg{position:fixed;inset:0;z-index:100000;background:rgba(15,30,45,.5);display:flex;align-items:flex-end;justify-content:center}
.ssm-sheet{background:#fff;width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 22px);max-height:92vh;overflow-y:auto;font-family:'Playpen Sans',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (min-width:640px){.ssm-sheet-bg{align-items:center}.ssm-sheet{border-radius:20px}}
.ssm .ssm-sheet h3{margin:0 0 4px;font-size:1.15em}
.ssm-sheet .ssm-sub{margin-bottom:14px}
.ssm-f{margin-bottom:14px}
.ssm .ssm-f label{display:block;font-weight:600;margin-bottom:6px}
.ssm .ssm-f input[type=text],.ssm .ssm-f input[type=number]{width:100%;padding:11px 12px;border:1px solid var(--ssm-line);border-radius:8px;font:inherit;font-size:1em;background:#fff;color:var(--ssm-ink);margin:0}
.ssm-f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ssm .ssm-radio{display:inline-flex;align-items:center;gap:6px;margin:4px 18px 0 0;font-weight:400}
.ssm-err{background:var(--ssm-amb-on);color:#7a3d00;padding:9px 12px;border-radius:8px;margin-bottom:12px !important;font-size:.92em}
.ssm-acts{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.ssm-acts > .ssm-link{align-self:center}
.ssm-confirm{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:10px;background:#fbefe8;font-size:.92em}
.ssm-confirm .ssm-row .ssm-btn{flex:1;width:auto}
@media (prefers-reduced-motion:no-preference){.ssm-sheet{animation:ssm-up .18s ease-out}@keyframes ssm-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}}