/**
 * Divi Alt Text Fix - Styles
 * Additional styles for better image accessibility
 */

/* Ensure images are accessible when alt text is loading */
img:not([alt]) {
    /* Add a subtle indicator while alt text is being loaded */
    position: relative;
}

/* Optional: Add focus styles for better keyboard navigation */
img[alt]:focus {
    outline: 2px solid #007cba;
    outline-offset: 2px;
}

/* Ensure images maintain aspect ratio during loading */
.et_pb_image img,
.et_pb_gallery_image img {
    height: auto;
    max-width: 100%;
}

/* Hide broken image icons temporarily while alt text loads */
img[alt=""]:before {
    display: none;
}

/* Accessibility improvements */
@media (prefers-reduced-motion: reduce) {
    /* Respect user's motion preferences */
    img {
        transition: none !important;
    }
}