/* Button hover */
.wp-block-button__link:hover {
    background-color: #FFFFFF;
    color: #B51515;
}

/* Media text padding */
@media (min-width: 600px) {
  .wp-block-media-text > .wp-block-media-text__content {
    padding-left: 6% !important;
    padding-right: 0 !important;
  }

  .wp-block-media-text.has-media-on-the-right > .wp-block-media-text__content {
    padding-left: 0 !important;
    padding-right: 6% !important;
  }
}

/* allow items to overlap */
.wp-block-gallery {
  overflow: visible;
}

/* gallery item animation */
.wp-block-gallery .wp-block-image {
  transition: transform 0.25s ease;
  position: relative;
}

/* grow the whole item */
.wp-block-gallery .wp-block-image:hover {
  transform: scale(1.08);
  z-index: 10;
}

/* pointer cursor */
.wp-block-gallery a {
  cursor: pointer;
}

/* Navigation hover color */
.wp-block-navigation a:hover {
color: #b51515 !important;
}

/* Custom HTML width */
.custom-html-wide {
  width: 100%;
  max-width: 100%;
}

/* Footer nav hover color */
.footer-nav a:hover {
  color: #000000 !important;
}

/* Hover dark image */
.hover-dark img {
  transition: filter 0.1s ease !important;
}

.hover-dark:hover img {
  filter: brightness(1%) !important;
}

/* =========================
   AudioIgniter full styling
   White background + red accent
   ========================= */

/* ===== MAIN BACKGROUND ===== */
.ai-audioigniter,
.ai-audioigniter .ai-wrap,
.ai-audioigniter .ai-control-wrap,
.ai-audioigniter .ai-control-wrap-controls,
.ai-audioigniter .ai-audio-controls-main,
.ai-audioigniter .ai-audio-controls-progress,
.ai-audioigniter .ai-track-info,
.ai-audioigniter .ai-audio-controls-meta,
.ai-audioigniter .ai-tracklist-wrap {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ===== TRACK LIST ===== */
.ai-audioigniter .ai-track {
    background-color: #ffffff !important;
    color: #000000 !important;
    border-bottom: 1px solid #eeeeee;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ai-audioigniter .ai-track *,
.ai-audioigniter .ai-track-title,
.ai-audioigniter .ai-track-artist,
.ai-audioigniter .ai-track-time {
    color: #000000 !important;
}

/* Hover + active row */
.ai-audioigniter .ai-track:hover,
.ai-audioigniter .ai-track.ai-track-active {
    background-color: #b51515 !important;
    color: #ffffff !important;
}

.ai-audioigniter .ai-track:hover *,
.ai-audioigniter .ai-track.ai-track-active * {
    color: #ffffff !important;
}

/* ===== PLAY BUTTON ===== */
.ai-wrap .ai-audio-control {
    background-color: #b51515 !important;
    border: none !important;
}

.ai-wrap .ai-audio-control svg,
.ai-wrap .ai-audio-control svg path {
    fill: #ffffff !important;
}

/* ===== PROGRESS BAR ===== */
.ai-wrap .ai-track-progress-bar {
    background-color: #e5e5e5 !important;
}

.ai-wrap .ai-track-progress {
    background-color: #b51515 !important;
}

/* ===== VOLUME BAR ===== */
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before {
    background-color: #b51515 !important;
}

/* ===== TOP CONTROL BUTTONS ===== */
.ai-wrap .ai-btn {
    background-color: #ffffff !important;
    border: 1px solid #dddddd !important;
    color: #000000 !important;
}

.ai-wrap .ai-btn:hover {
    background-color: #f5f5f5 !important;
}

.ai-wrap .ai-btn svg,
.ai-wrap .ai-btn svg path,
.ai-wrap .ai-btn i,
.ai-wrap .ai-btn span {
    fill: #000000 !important;
    color: #000000 !important;
}

/* Active top controls */
.ai-wrap .ai-btn.ai-btn-active,
.ai-wrap .ai-scroll-wrap > div:last-child div {
    background-color: #b51515 !important;
}

.ai-wrap .ai-btn.ai-btn-active svg,
.ai-wrap .ai-btn.ai-btn-active svg path {
    fill: #ffffff !important;
    color: #ffffff !important;
}

/* ===== TRACK DOWNLOAD BUTTON ===== */
/* Keep button box white */
.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn {
    background-color: #ffffff !important;
    border-left: 1px solid #dddddd !important;
    color: #000000 !important;
}

/* Default icon: black, but do NOT force every path/fill */
.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn svg {
    color: #000000 !important;
}

.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}

/* Keep button white even on red row */
.ai-audioigniter .ai-track:hover .ai-track-control-buttons .ai-track-btn,
.ai-audioigniter .ai-track.ai-track-active .ai-track-control-buttons .ai-track-btn {
    background-color: #ffffff !important;
    color: #000000 !important;
}

/* Icon stays black by default on white button */
.ai-audioigniter .ai-track:hover .ai-track-control-buttons .ai-track-btn svg,
.ai-audioigniter .ai-track.ai-track-active .ai-track-control-buttons .ai-track-btn svg {
    color: #000000 !important;
}

/* Optional: make icon red when hovering the button itself */
.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn:hover {
    background-color: #ffffff !important;
    color: #b51515 !important;
}

.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn:hover svg {
    color: #b51515 !important;
}

.ai-audioigniter .ai-track .ai-track-control-buttons .ai-track-btn:hover svg path {
    fill: currentColor !important;
    stroke: currentColor !important;
}