/* ================================
   CLEAN AUDIO PLAYER (Fresh Start)
   Class required: audio-clean
================================ */

/* Modern font */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

.audio-clean,
.audio-clean * {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
  letter-spacing: 0.02em;
  box-shadow: none !important;
  border: none !important;
}

/* Remove “card / square” wrapper background without killing the track bar */
.audio-clean,
.audio-clean .player,
.audio-clean .audio-player,
.audio-clean .mejs-container,
.audio-clean .mejs-inner {
  background: transparent !important;
  border-radius: 0 !important;
}

/* Center text + tighten spacing */
.audio-clean {
  text-align: center !important;
  padding: 0 !important;
}

.audio-clean :is(
  [class*="title"],
  [class*="track"],
  [class*="song"],
  [class*="artist"],
  [class*="subtitle"],
  [class*="meta"]
) {
  text-align: center !important;
  margin: 2px 0 !important;
  padding: 0 !important;
  line-height: 1.15 !important;
}

/* Keep the timer centered and close */
.audio-clean :is(
  [class*="time"],
  .mejs-time,
  .mejs-currenttime-container,
  .mejs-duration-container
) {
  text-align: center !important;
  margin: 2px 0 !important;
}

/* Keep controls visible, close, and centered */
.audio-clean .mejs-controls {
  background: transparent !important;
  padding: 0 !important;
  margin: 6px 0 0 !important;
}

/* ✅ Track bar (progress) — explicitly ON */
.audio-clean .mejs-time-rail {
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  margin: 6px 0 6px !important;
  opacity: 1 !important;
}

.audio-clean .mejs-time-total,
.audio-clean .mejs-time-loaded,
.audio-clean .mejs-time-current {
  height: 8px !important;
}

.audio-clean .mejs-time-handle {
  display: block !important;
  opacity: 1 !important;
}

/* Remove extra vertical space some themes add */
.audio-clean .mejs-container {
  min-height: 0 !important;
}
/* === Pull play controls upward === */

/* Reduce top spacing above controls */
.audio-clean .mejs-controls {
  margin-top: 0px !important;
  padding-top: 0px !important;
}

/* Pull the actual buttons upward */
.audio-clean .mejs-button {
  margin-top: -10px !important;
}

/* Optional: pull the whole controls block slightly upward */
.audio-clean .mejs-container {
  padding-bottom: 0 !important;
}
/* === FORCE the play/controls row higher === */
.audio-clean .mejs-controls,
.audio-clean [class*="controls"],
.audio-clean [class*="control"]{
  position: relative !important;
  top: -18px !important;   /* <- increase/decrease this */
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Also reduce space between timer/bar and controls */
.audio-clean .mejs-time-rail{
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
/* === Style + center the timer === */
.audio-clean .mejs-time,
.audio-clean .mejs-currenttime-container,
.audio-clean .mejs-duration-container,
.audio-clean [class*="time"] {
  font-size: 12px !important;     /* smaller text */
  text-align: left !important;
  justify-content: left !important;
  width: 170% !important;
  opacity: 0.75;                 /* slightly softer */
  margin: 2px 0 4px !important;  /* tighten spacing */
}

.wp-site-blocks {
  padding-top: 0 !important;
}

.wp-site-blocks > *:first-child {
  margin-top: 0 !important;
}
/* Move the lower photo up to overlap */
.wp-block-image.overlay-image{
  margin-top: -220px !important;
  position: relative;
  z-index: 50;
}
.mejs__duration-container,
.mejs__time-total {
    display: none !important;
}

audio::-webkit-media-controls-time-remaining-display {
    display: none;
}
.paint-bg {
background-size: 150px auto;   /* controls image size */
background-repeat: no-repeat;
background-position: center;
min-height: 280px;
padding: 60px 50px;
}
/* Shrink the Cover block image into a smaller "sticker" size */
.wp-block-cover.paint-bg {
  overflow: visible;
}

/* The actual image element used by Cover */
.wp-block-cover.paint-bg .wp-block-cover__image-background,
.wp-block-cover.paint-bg .wp-block-cover__video-background {
  width: 860px !important;     /* <-- change this size */
  height: auto !important;
  max-width: none !important;

  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;

  object-fit: contain !important;
}
.wp-block-cover.paint-bg .wp-block-cover__image-background {
  filter: brightness(0) saturate(100%) 
          invert(35%) sepia(85%) saturate(400%) hue-rotate(985deg);
}
.wp-block-social-links .wp-social-link svg {
    width: 55px !important;
    height: 55px !important;
}
.wp-block-social-links {
    margin-top: 40px !important;
}
/* Make audio players clickable above the brush */
.wp-block-audio {
    position: relative;
    z-index: 20;
}

/* Keep the pink brush below */
.wp-block-cover {
    position: relative;
    z-index: 5;
}
.social-icons a {
    position: relative;
    z-index: 10;
}
/* Fix AOWY Pro audio block vertical alignment in Gutenberg columns */
.wp-block-column .aowp-pro-player {
    position: relative !important;
    top: 0 !important;
    margin-top: 0 !important;
    display: flex !important;
    align-items: center !important;
}

/* Center contents of the column itself */
.wp-block-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Final vertical nudge for AOWY Pro player */
.wp-block-column .aowp-pro-player {
    transform: translateY(8px);
}
.wp-block-column .aowp-pro-player {
    padding-top: 0 !important;
    margin-top: 0 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}
.wp-block-column .aowp-pro-player * {
    margin-top: 0 !important;
}
.wp-block-column .aowp-pro-player {
    justify-content: center;
}
.aleksi-text {
  position: relative;
  z-index: 1;
}
.mirror-image img {
  transform: scaleX(-1);
}
html, body {
  overflow-x: hidden;
}