/**
 * beautifi - Core Styles
 *
 * @package beautifi
 */

/* Base styles for beautifi images */
img[data-beautifi="true"],
img[data-beautifi-type] {
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

/* Wrapper for Gutenberg block */
.wp-block-beautifi-image {
  display: block;
  margin: 1em 0;
}

.wp-block-beautifi-image img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Alignment support */
.wp-block-beautifi-image.alignleft {
  float: left;
  margin-right: 1.5em;
}

.wp-block-beautifi-image.alignright {
  float: right;
  margin-left: 1.5em;
}

.wp-block-beautifi-image.aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.wp-block-beautifi-image.alignfull,
.wp-block-beautifi-image.alignwide {
  max-width: none;
}

/* Status indicators (optional debug mode) */
img[data-beautifi-status="loading"] {
  opacity: 0.8;
}

img[data-beautifi-status="error"] {
  outline: 2px solid #f44336;
}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce) {

  img[data-beautifi="true"],
  img[data-beautifi-type] {
    animation: none !important;
  }
}