/* IHH Hero Music: play/pause toggle inside the hero "Now playing" card. */

.ihh .ihh-now.ihh-now--player a { color: inherit; text-decoration: none; }
.ihh .ihh-now.ihh-now--player .ihh-now__link { color: var(--ihh-copper, #de9364); }
.ihh .ihh-now.ihh-now--player .ihh-now__link:hover,
.ihh .ihh-now.ihh-now--player .ihh-now__copy:hover .ihh-now__title { text-decoration: underline; text-underline-offset: 3px; }

/* Round play/pause button (reset the theme's button styles first). */
.ihh .ihh-now .ihh-now__toggle {
	position: relative;
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 1px solid #303030;
	border-radius: 50%;
	background: transparent;
	box-shadow: none;
	color: var(--ihh-copper, #de9364);
	font: inherit;
	line-height: 1;
	cursor: pointer;
	transition: border-color 0.2s, background-color 0.2s;
}
.ihh .ihh-now .ihh-now__toggle:hover {
	border-color: var(--ihh-copper, #de9364);
	background: rgba(222, 147, 100, 0.08);
	color: var(--ihh-copper, #de9364);
}
.ihh .ihh-now .ihh-now__toggle:focus { outline: none; }
.ihh .ihh-now .ihh-now__toggle:focus-visible {
	border-color: var(--ihh-copper, #de9364);
	box-shadow: 0 0 0 2px #0b0b0b, 0 0 0 4px var(--ihh-copper, #de9364);
}

/* Equalizer bars sit inside the button, smaller. */
.ihh .ihh-now--player .ihh-now__eq { width: 17px; height: 15px; gap: 2px; }
.ihh .ihh-now--player .ihh-now__eq i { width: 3px; }

/* Play triangle, drawn with borders so it follows the copper colour. */
.ihh-now__play {
	display: none;
	width: 0;
	height: 0;
	margin-left: 3px;
	border-style: solid;
	border-width: 7px 0 7px 11px;
	border-color: transparent transparent transparent currentColor;
}

/* Paused: show the play triangle. Playing: show the moving bars. */
.ihh .ihh-now--player.is-paused .ihh-now__eq { display: none; }
.ihh .ihh-now--player.is-paused .ihh-now__play { display: block; }
.ihh .ihh-now--player.is-playing .ihh-now__play { display: none; }
.ihh .ihh-now--player.is-playing .ihh-now__toggle { border-color: rgba(222, 147, 100, 0.55); }