/* PDB states coverage: visibility + accessibility only (appearance = native Elementor controls) */

/* Before JS runs, show only the first 12 states (keep in sync with INITIAL in states-coverage.js) */
@media (scripting: enabled) {
  body:not(.elementor-editor-active) .pdb-state-coverage:not(.pdb-states-ready) .pdb-state-grid > .pdb-state-card:nth-child(n+13) {
    display: none !important;
  }
}

/* No JavaScript: all cards stay visible, so the button is useless */
@media (scripting: none) {
  .pdb-state-coverage .pdb-state-load { display: none !important; }
}

/* States the script toggles */
.pdb-state-coverage .pdb-state-card[hidden],
.pdb-state-coverage .pdb-state-load[hidden] { display: none !important; }

/* Screen-reader live message */
.pdb-state-coverage .pdb-state-status {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}