/* === HearGaza Podcast Player: Icon Visibility Fix === */
#hg-podcast-player svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  display: block;
}
#hg-podcast-player .h-5 { height: 1.25rem; }
#hg-podcast-player .w-5 { width: 1.25rem; }
#hg-podcast-player .h-8 { height: 2rem; }
#hg-podcast-player .w-8 { width: 2rem; }
#hg-podcast-player .ml-1 { margin-left: 0.25rem; }
#hg-podcast-player .ml-0\.5 { margin-left: 0.125rem; }
#hg-podcast-player .hidden { display: none; }
#hg-podcast-player .dark\:hidden { display: inline-block; }
.dark #hg-podcast-player .dark\:hidden { display: none; }
.dark #hg-podcast-player .dark\:block { display: inline-block; }
#hg-podcast-player .hg-ic {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}


/* Ensure icons have visible color on both themes */
#hg-podcast-player button, 
#hg-podcast-player a[role="button"], 
#hg-podcast-player a.inline-flex {
  color: #111;
  background-color: #f4f4f5;
}
.dark #hg-podcast-player button,
.dark #hg-podcast-player a[role="button"],
.dark #hg-podcast-player a.inline-flex {
  color: #fff;
  background-color: #27272a;
}

/* Make SVGs inherit the computed color */
#hg-podcast-player button svg,
#hg-podcast-player a svg {
  color: inherit;
  fill: none;
  stroke: currentColor;
}

/* Center icons in circle buttons */
#hg-podcast-player button.h-10.w-10,
#hg-podcast-player a.h-10.w-10 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* Ensure outline icons by default; fill only when explicitly requested */
#hg-podcast-player svg { fill: none; stroke: currentColor; stroke-width: 2; }
#hg-podcast-player .hg-fill { fill: currentColor; stroke: none; }
#hg-podcast-player .hg-fill path, 
#hg-podcast-player .hg-fill rect, 
#hg-podcast-player .hg-fill polygon { fill: currentColor; stroke: none; }

/* Skip badges */
#hg-podcast-player .hg-badge { 
  position: absolute; top: 0; right: 0; transform: translate(40%,-40%);
  font-size: 10px; line-height: 1; padding: 2px 5px;
  color: #fff; background: var(--brand); border-radius: 9999px; box-shadow: 0 1px 2px rgba(0,0,0,.3);
}