/*
 * Images Accessibility Handler Styles
 *
 * Default configuration values:
 * - dataAttribute: 'data-images-disabled'
 * - replacementClass: 'img-alt-replacement'
 * - noAltClass: 'no-alt'
 * - hiddenClass: 'images-hidden'
 * - fallbackText: '[Image]'
 *
 * To customize, change the JavaScript config and update corresponding CSS selectors below
 */
/* When images are disabled, hide the image itself but show its alt text (if provided) */
[data-images-disabled=true] img.images-hidden {
  display: none !important;
}

/* Style for replacement text elements */
[data-images-disabled=true] .img-alt-replacement {
  display: inline-block;
  background-color: #f9f9f9;
  border: 1px dashed #ccc;
  padding: 4px 8px;
  font-style: italic;
  color: #666;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
  vertical-align: top;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Width and height will be set dynamically via JavaScript */
}

/* Style for replacement text when no alt attribute or empty alt */
[data-images-disabled=true] .img-alt-replacement.no-alt {
  color: #999;
  background-color: #f5f5f5;
  border-color: #ddd;
  opacity: 0.7;
}

/* High contrast theme adjustments */
[data-theme=high-contrast][data-images-disabled=true] .img-alt-replacement {
  color: #000;
  background: #fff;
  border-color: #000;
}

[data-theme=high-contrast][data-images-disabled=true] .img-alt-replacement.no-alt {
  color: #000;
  background: #fff;
  border-color: #000;
}

/* Dark theme adjustments */
[data-theme=dark][data-images-disabled=true] .img-alt-replacement {
  color: #ccc;
  background: #333;
  border-color: #555;
}

[data-theme=dark][data-images-disabled=true] .img-alt-replacement.no-alt {
  color: #999;
  background: #2a2a2a;
  border-color: #444;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  [data-images-disabled=true] .img-alt-replacement {
    font-size: 0.8em;
    padding: 3px 6px;
  }
}

/*# sourceMappingURL=accessibility-images.css.map */