/* GODIMENTO UI 890.4.17 — iOS shopping-list form readability and focus-zoom hotfix.
   Intentionally scoped: only the existing weekly planner's manual-add form.
   No JS handlers, state, shopping checkmarks, native navigation or family API changes. */

/* Avoid clipping in the narrow WKWebView dialog. */
#gd8883Overlay .gd8883-dialog,
#gd8883Overlay .gd8892-add-details,
#gd8883Overlay .gd8892-add-body,
#gd8883Overlay .gd8884-addform {
  box-sizing:border-box !important;
  min-width:0 !important;
  max-width:100% !important;
}
#gd8883Overlay .gd8884-addform {
  display:grid !important;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) !important;
  width:100% !important;
  gap:10px !important;
  align-items:end !important;
}
#gd8883Overlay .gd8884-addform label {
  display:grid !important;
  min-width:0 !important;
  max-width:100% !important;
  gap:6px !important;
}
#gd8883Overlay .gd8884-addform label.gd8891-new-aisle,
#gd8883Overlay .gd8884-addform button[type="submit"] {
  grid-column:1 / -1 !important;
}

/* iOS Safari and WKWebView zoom when focused controls render below 16 CSS px.
   Explicit WebKit text-fill also fixes white-on-white inherited from dark themes. */
#gd8883Overlay .gd8884-addform input:not([type="checkbox"]),
#gd8883Overlay .gd8884-addform select {
  display:block !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:50px !important;
  height:auto !important;
  padding:11px 13px !important;
  border:2px solid #b89555 !important;
  border-radius:12px !important;
  background:#fffdf8 !important;
  background-color:#fffdf8 !important;
  color:#17140e !important;
  -webkit-text-fill-color:#17140e !important;
  caret-color:#17140e !important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
  font-size:16px !important;
  font-weight:650 !important;
  line-height:1.35 !important;
  letter-spacing:normal !important;
  opacity:1 !important;
  text-shadow:none !important;
  -webkit-text-size-adjust:100%;
}
#gd8883Overlay .gd8884-addform input::placeholder,
#gd8883Overlay .gd8884-addform input::-webkit-input-placeholder {
  color:#5f594d !important;
  -webkit-text-fill-color:#5f594d !important;
  opacity:1 !important;
  font-weight:500 !important;
}
#gd8883Overlay .gd8884-addform input:focus,
#gd8883Overlay .gd8884-addform select:focus {
  color:#17140e !important;
  -webkit-text-fill-color:#17140e !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  border-color:#a6792f !important;
  outline:2px solid rgba(226,188,110,.55) !important;
  outline-offset:1px !important;
  scroll-margin-block:22px 100px;
}
#gd8883Overlay .gd8884-addform input:-webkit-autofill,
#gd8883Overlay .gd8884-addform input:-webkit-autofill:hover,
#gd8883Overlay .gd8884-addform input:-webkit-autofill:focus {
  -webkit-text-fill-color:#17140e !important;
  -webkit-box-shadow:0 0 0 1000px #fffdf8 inset !important;
  box-shadow:0 0 0 1000px #fffdf8 inset !important;
  caret-color:#17140e !important;
}
#gd8883Overlay .gd8884-addform select option {
  background:#ffffff !important;
  color:#17140e !important;
}

/* On narrower phones, never squeeze the two inputs to half-width. */
@media (max-width:480px) {
  #gd8883Overlay .gd8884-addform {
    grid-template-columns:minmax(0,1fr) !important;
  }
  #gd8883Overlay .gd8884-addform label,
  #gd8883Overlay .gd8884-addform label.gd8891-new-aisle,
  #gd8883Overlay .gd8884-addform button[type="submit"] {
    grid-column:1 / -1 !important;
  }
}