/* beta12: hide the entire WPGB badge block while its content is being prepared.
   Never display:none an active badge: that reorders the flex/grid children. */
.lgml-availability { transition: opacity 180ms ease !important; animation: none !important; transform: none !important; }
.lgml-availability:not(.lgml-availability--ready) { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
.lgml-availability.lgml-availability--ready { opacity: 1 !important; visibility: visible !important; }
/* Hide the styled WPGB block as well as the inner span. Keep its layout slot. */
.wpgb-card [class*="wpgb-block"]:has(> .lgml-availability:not(.lgml-availability--ready)),
.wpgb-card [class*="wpgb-block"]:has(> .lgml-drive-time:not(.lgml-drive-time--ready)) { visibility: hidden !important; }
.wpgb-card [class*="wpgb-block"]:has(> .lgml-availability.lgml-availability--ready),
.wpgb-card [class*="wpgb-block"]:has(> .lgml-drive-time.lgml-drive-time--ready) { visibility: visible !important; }
[data-lgml-drive-post].lgml-drive-time--active { transition: opacity 180ms ease !important; transform: none !important; }
.wpgb-card .lgml-dates-pill { transition: opacity 180ms ease !important; animation: none !important; transform: none !important; }
@media (prefers-reduced-motion: reduce) { .lgml-availability, [data-lgml-drive-post].lgml-drive-time--active, .wpgb-card .lgml-dates-pill { transition-duration: 0ms !important; } }