/* Emergency visibility fix for missing intersection observer */
/* S3 DEPLOYMENT OPTIMIZED VERSION */

/* CRITICAL: Force all animated elements to be visible immediately */
[data-animate] {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
    transition: none !important;
    display: block !important;
}

/* Ensure elements are visible even before JavaScript loads */
[data-animate="fade-up"],
[data-animate="fade-down"],
[data-animate="fade-left"],
[data-animate="fade-right"],
[data-animate="scale"] {
    opacity: 1 !important;
    transform: translateX(0) translateY(0) scale(1) !important;
    visibility: visible !important;
    display: block !important;
}

/* Force specific content sections to be visible */
.hero__content,
.gallery__grid,
.about__content,
.appointments__content,
.contact__content {
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
}

/* Override any animation CSS that might hide content */
[data-animate="fade-up"],
[data-animate="fade-down"],
[data-animate="fade-left"],
[data-animate="fade-right"],
[data-animate="scale"] {
    opacity: 1 !important;
    transform: translateX(0) translateY(0) scale(1) !important;
}

/* Ensure all main sections are visible */
section {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Disable problematic animations */
*, *::before, *::after {
    animation-duration: 0s !important;
}

/* Ensure body is scrollable */
body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Keep lightbox properly hidden unless opened */
.lightbox {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.lightbox[aria-hidden="false"] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}