/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       WPSpins LLC
 Author URI:   https://wpspins.com/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

.single-range.live-now {
  background: #3aaf8b;
  color: white;
}

.single-range.no-live {
  background: grey;
  color: white;
}

.live-tag {
  animation: blink-animation 1s infinite;
  background: #3aaf8b;
  color: white !important;
}

@keyframes blink-animation {
  0% { opacity: 1; }
  10% { opacity: 0.75; }
  20% { opacity: 0.5; }
  40% { opacity: 0; }
  80% { opacity: 0.5; }
  80% { opacity: 0.75; }
  100% { opacity: 1; }
}

@media only screen and (max-width: 1199px) {
  .mobile-nav-button .header-button a {
    background: #3aaf8b !important;
  }
}

/* ----------------------------------------
   ✅ Tighten space under the "See the Action!" video/embed section
   Works for common WP/MyListing embed wrappers + iframes/videos.
   ---------------------------------------- */

/* Reduce the *section* spacing whenever it contains an embed/video */
.single-listing .i-section:has(iframe, video, .wp-video, .mejs-container, .wp-block-embed, .c27-embed-wrapper, .elementor-video) {
  padding-bottom: 0 !important;
  margin-bottom: 12px !important; /* adjust to taste */
}

/* Remove stray margins from the last child inside the section body */
.single-listing .i-section:has(iframe, video, .wp-video, .mejs-container, .wp-block-embed, .c27-embed-wrapper, .elementor-video)
  .section-body > *:last-child {
  margin-bottom: 0 !important;
}

/* Ensure common embed wrappers don’t add extra bottom space */
.single-listing .i-section .wp-block-embed,
.single-listing .i-section figure.wp-block-embed,
.single-listing .i-section .c27-embed-wrapper,
.single-listing .i-section .mejs-container,
.single-listing .i-section .wp-video,
.single-listing .i-section iframe,
.single-listing .i-section video {
  display: block;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Optional: slightly reduce the top gap of the gallery/photos section that follows */
.single-listing .i-section.listing-photos,
.single-listing .i-section.photo-gallery,
.single-listing .i-section.gallery {
  margin-top: 12px !important;
}

/* 🔒 Bulletproof option if you can add a custom class to that block in the Listing Type builder:
   Add "sj-video" to the video block’s Additional CSS classes field, then these rules will target it exactly. */
.single-listing .i-section.sj-video {
  padding-bottom: 0 !important;
  margin-bottom: 12px !important;
}
.single-listing .i-section.sj-video .section-body > *:last-child {
  margin-bottom: 0 !important;
}

/* 🦊 Firefox fallback (no :has support) — trim common embed wrappers and section padding globally on single listings */
@supports not selector(:has(*)) {
  .single-listing .i-section .section-body {
    padding-bottom: 0 !important;
  }
  .single-listing .i-section .wp-block-embed,
  .single-listing .i-section figure.wp-block-embed,
  .single-listing .i-section .c27-embed-wrapper,
  .single-listing .i-section .mejs-container,
  .single-listing .i-section .wp-video,
  .single-listing .i-section iframe,
  .single-listing .i-section video {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
}