/**
 * DBC — Signature yellow for all checkboxes (and radios) site-wide.
 * Overrides browser/admin default (e.g. cyan) with our brand yellow.
 */

:root {
  --dbc-yellow: #ffd56c;
}

/* Whole site: native form control accent (checkboxes, radios) */
input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--dbc-yellow);
}

/* WordPress admin: force checked checkbox background to signature yellow */
.wp-admin input[type="checkbox"]:checked,
body.wp-admin input[type="checkbox"]:checked {
  background-color: var(--dbc-yellow) !important;
  border-color: var(--dbc-yellow);
}

/* Admin: checkmark visible on yellow — dark fill (same SVG path as core) */
.wp-admin input[type="checkbox"]:checked::before,
body.wp-admin input[type="checkbox"]:checked::before {
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231d2327%27%2F%3E%3C%2Fsvg%3E") !important;
  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231d2327%27%2F%3E%3C%2Fsvg%3E") / '' !important;
}

/* Front-end: where themes don’t fully restyle, ensure checked state uses yellow */
input[type="checkbox"]:checked {
  background-color: var(--dbc-yellow);
  border-color: var(--dbc-yellow);
}

/* Radio checked dot (admin and front) */
input[type="radio"]:checked::before {
  background-color: var(--dbc-yellow) !important;
}