/**
 * Elle Gourmet Blocks — Ausha playlist (whole show)
 */

.elg-ausha-playlist {
  margin: 1.5rem 0;
  width: 100%;
}

.elg-ausha-playlist__iframe {
  display: block;
  width: 100%;
  max-width: 100%;
  border: none;
  border-radius: 4px;
}

.elg-ausha-playlist--vertical {
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

/* ==========================================================================
   Editor-only: click-to-select shield over the player iframe.
   Scoped under .elg-ausha-playlist-block (the editor block wrapper) so none of
   this applies on the front end.
   ========================================================================== */
.elg-ausha-playlist-block .elg-ausha-playlist {
  position: relative;
}

.elg-ausha-playlist-block .elg-ausha-playlist__select-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  cursor: pointer;
  transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.elg-ausha-playlist-block .elg-ausha-playlist__select-overlay:hover {
  background-color: rgba(30, 30, 30, 0.04);
  box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color, #3858e9);
}

.elg-ausha-playlist-block .elg-ausha-playlist__select-overlay::after {
  content: "Click to select playlist block";
  position: absolute;
  top: 8px;
  left: 8px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  color: #fff;
  background: var(--wp-admin-theme-color, #3858e9);
  border-radius: 3px;
  opacity: 0;
  transition: opacity 0.15s ease;
  pointer-events: none;
}

.elg-ausha-playlist-block .elg-ausha-playlist__select-overlay:hover::after {
  opacity: 1;
}