/* Godimento UI 889.2 – lesbare Auswahl und kompakte Einkaufsroute.
   Ausschliesslich im Wochenplan-Overlay – Bottom-Navigation bleibt unangetastet. */
#gd8883Overlay .gd8888-fields select,
#gd8883Overlay .gd8888-fields input,
#gd8883Overlay #gd8888Style,
#gd8883Overlay #gd8888Time,
#gd8883Overlay #gd8888Servings {
  background:#f8f4ea !important;
  color:#2d2519 !important;
  -webkit-text-fill-color:#2d2519 !important;
  border:1px solid #bd9d61 !important;
  font-weight:650 !important;
  opacity:1 !important;
  color-scheme:light;
}
#gd8883Overlay .gd8888-fields select option {background:#fffaf0 !important;color:#2d2519 !important;-webkit-text-fill-color:#2d2519 !important;}
#gd8883Overlay .gd8888-fields select:focus-visible,
#gd8883Overlay .gd8888-fields input:focus-visible {outline:2px solid #e9c780;outline-offset:2px;}
/* Zwei klare Ansichten statt vieler horizontaler Abteilungskacheln. */
#gd8883Overlay .gd8892-list-control{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#262720;border:1px solid #695637;border-radius:13px;padding:5px;margin:12px 0 10px}
#gd8883Overlay .gd8892-list-control button{min-width:0;min-height:43px;padding:9px 6px;border:0;border-radius:10px;background:transparent;color:#cfc2a9;font-size:12px;font-weight:750;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}
#gd8883Overlay .gd8892-list-control button.is-active{background:linear-gradient(120deg,#dfbd75,#b98e46);color:#2d2417;box-shadow:0 2px 8px #08080650}
#gd8883Overlay .gd8892-list-control small{font-size:10px;border-radius:99px;padding:2px 5px;background:#ffffff22;color:inherit}
#gd8883Overlay .gd8892-add-details{border:1px solid #8b7042;border-radius:13px;background:#292820;margin:12px 0 10px;overflow:hidden}
#gd8883Overlay .gd8892-add-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:10px 14px;cursor:pointer;list-style:none;color:#f1d696}
#gd8883Overlay .gd8892-add-details>summary::-webkit-details-marker{display:none}
#gd8883Overlay .gd8892-add-details>summary strong{font-size:14px;font-weight:750}
#gd8883Overlay .gd8892-add-details>summary small{font-size:11px;color:#b6a88b;text-align:right}
#gd8883Overlay .gd8892-add-body{padding:4px 13px 13px;border-top:1px solid #584832}
#gd8883Overlay .gd8892-add-body .gd8884-addform{margin:10px 0 0}
#gd8883Overlay .gd8892-add-details[open]>summary{background:#343026}
/* Eine flache Liste: Abteilungen nur als Text-Trenner, keine einzelnen Karten. */
#gd8883Overlay .gd8892-flatlist{background:#20211b;border:1px solid #5e4e34;border-radius:15px;overflow:hidden;margin:9px 0 12px}
#gd8883Overlay .gd8892-inline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px 7px;border-top:1px solid #5c4b32;background:#2c2a21;color:#e9cb8a}
#gd8883Overlay .gd8892-inline-head:first-child{border-top:0}
#gd8883Overlay .gd8892-inline-head strong{font:600 15px Georgia,serif;line-height:1.3;color:#f0d596}
#gd8883Overlay .gd8892-inline-head small{font:500 11px system-ui;white-space:nowrap;color:#c1b297}
#gd8883Overlay .gd8892-inline-rows{padding:0 12px 5px}
#gd8883Overlay .gd8892-flatlist .gd8891-shopping-line{border-bottom:1px solid #403a2a;margin:0;padding:0}
#gd8883Overlay .gd8892-flatlist .gd8891-shopping-line:last-child{border-bottom:0}
#gd8883Overlay .gd8892-flatlist .gd8883-checkrow{min-height:43px;display:flex;align-items:center;gap:11px;padding:8px 2px}
#gd8883Overlay .gd8892-flatlist .gd8883-checkrow input[type=checkbox]{flex:none;width:21px;height:21px;accent-color:#d0ac66}
#gd8883Overlay .gd8892-flatlist .gd8883-checkrow span{line-height:1.35;overflow-wrap:anywhere}
#gd8883Overlay .gd8892-flatlist .gd8884-manualrow{min-height:43px}
#gd8883Overlay .gd8892-flatlist .gd8883-prodrow{padding:3px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:7px}
#gd8883Overlay .gd8892-flatlist .gd8883-packs{white-space:nowrap;margin:0}
#gd8883Overlay .gd8892-flatlist .gd8883-packs input{max-width:58px}
#gd8883Overlay .gd8892-flatempty{text-align:center;padding:24px 12px;color:#d9c79f}
@media(max-width:440px){#gd8883Overlay .gd8892-list-control button{font-size:11px}#gd8883Overlay .gd8892-flatlist .gd8883-prodrow{align-items:flex-start}#gd8883Overlay .gd8892-flatlist .gd8883-packs{margin-left:32px}#gd8883Overlay .gd8892-inline-head{padding:11px 11px 6px}}
@media(prefers-reduced-motion:reduce){#gd8883Overlay .gd8892-list-control *{transition:none!important;animation:none!important}}

/* Godimento UI 889.3 – gut lesbare Mengen/Paketzahlen auf iPhone und Desktop.
   Nur Mengenfelder bei Godimento-Produkten in der Einkaufsliste. */
#gd8883Overlay .gd8892-flatlist .gd8883-packs {
  color:#dcc59b !important;
  -webkit-text-fill-color:#dcc59b !important;
  font-weight:750 !important;
}
#gd8883Overlay .gd8892-flatlist .gd8883-packs input[type="number"] {
  background:#fff6e5 !important;
  color:#241b11 !important;
  -webkit-text-fill-color:#241b11 !important;
  border:2px solid #bd9a55 !important;
  border-radius:12px !important;
  box-shadow:inset 0 1px 2px rgba(35,25,12,.09) !important;
  opacity:1 !important;
  font-size:16px !important;
  font-weight:800 !important;
  font-variant-numeric:tabular-nums;
  text-align:center !important;
  caret-color:#241b11 !important;
  color-scheme:light;
  min-height:37px;
  min-width:62px;
}
#gd8883Overlay .gd8892-flatlist .gd8883-packs input[type="number"]:focus {
  outline:2px solid #e6bc66 !important;
  outline-offset:2px;
}