/**
 * CSS Fix for Tribe Events Calendar Embed - Photo View Display Issues
 * Ensures proper rendering on initial page load
 */

/* Force iframe to render with proper dimensions immediately */
iframe[src*="calendar-embed"] {
    opacity: 0;
    transition: opacity 0.3s ease-in;
}

iframe[src*="calendar-embed"].loaded {
    opacity: 1;
}


/* Minimal fix - only ensure visibility, let Tribe's CSS handle the rest */

/* Ensure calendar is visible when tab becomes active */
.advgb-tab-body[style*="display: block"] .tribe-events-view--photo,
.advgb-tab-body[style*="display: block"] .tribe-events-pro-photo {
    opacity: 1;
    visibility: visible;
}

/* Ensure calendar is visible when accordion is expanded */
[class*="collapse"].show .tribe-events-view--photo,
[class*="collapse"].show .tribe-events-pro-photo,
.wp-block-group.is-visible .tribe-events-view--photo,
.wp-block-group.is-visible .tribe-events-pro-photo {
    opacity: 1;
    visibility: visible;
}