/* sufra_patch.css (v3) - LIGHT theme patches + modal readability */

/* Backdrop */
.modal-backdrop, .overlay, .backdrop, .dlg-backdrop, .sheet-backdrop, [data-backdrop]{
  background: rgba(15,23,42,.22) !important;
  backdrop-filter: blur(6px);
}

/* Broad modal catch (in case it uses standard classes) */
[role="dialog"],
.modal, .dialog, .popup, .sheet, .drawer, .panel-modal, .modal-box, .dlg, .overlay-card,
div[class*="modal"], div[class*="dialog"], div[class*="popup"], div[class*="sheet"], div[class*="drawer"]{
  background: var(--card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}

/* Ensure text readable inside standard modals */
[role="dialog"] *, .modal *, .dialog *, .popup *, .sheet *, .drawer *,
div[class*="modal"] *, div[class*="dialog"] *, div[class*="popup"] *, div[class*="sheet"] *, div[class*="drawer"] *{
  color: inherit !important;
}

/* Inputs inside standard modals */
[role="dialog"] input, [role="dialog"] select, [role="dialog"] textarea,
.modal input, .modal select, .modal textarea,
.dialog input, .dialog select, .dialog textarea,
.popup input, .popup select, .popup textarea,
.sheet input, .sheet select, .sheet textarea,
div[class*="modal"] input, div[class*="modal"] select, div[class*="modal"] textarea{
  background:#fff !important;
  color: var(--ink) !important;
  border:1px solid var(--line) !important;
}

/* ✅ Final guarantee: our JS will add this class on the real dark box */
.sufra-light-modal{
  background: var(--card) !important;
  color: var(--ink) !important;
  border: 1px solid var(--line) !important;
}
.sufra-light-modal *{ color: inherit !important; }
.sufra-light-modal input,
.sufra-light-modal select,
.sufra-light-modal textarea{
  background:#fff !important;
  color: var(--ink) !important;
  border:1px solid var(--line) !important;
}