/* LWT Music – matches the site's Icon List look: gold headphones, Source Sans 3 16px navy, 1px #E5E7EB dividers.
   Hover / playing colour is the site teal #1F6F8B (gold text on white fails WCAG contrast). */

/* ---------- Music page: song search ---------- */
.lwt-music [hidden] { display: none !important; }
.lwt-music-search { margin: 0 0 40px; max-width: 520px; font-family: "Source Sans 3", sans-serif; }
.lwt-music-search label { display: block; margin: 0 0 6px; font: 600 15px/1.4 "Source Sans 3", sans-serif; color: #0E2433; }
.lwt-music .lwt-music-q {
	width: 100%; box-sizing: border-box; margin: 0; padding: 12px 14px 12px 42px;
	border: 1px solid #6B7280; border-radius: 6px; background-color: #fff;
	font: 400 16px/1.4 "Source Sans 3", sans-serif; color: #0E2433;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%231F6F8B%27%20d%3D%27M505%20442.7L405.3%20343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3%2044-79.7%2044-128C416%2093.1%20322.9%200%20208%200S0%2093.1%200%20208s93.1%20208%20208%20208c48.3%200%2092.7-16.4%20128-44v16.3c0%206.4%202.5%2012.5%207%2017l99.7%2099.7c9.4%209.4%2024.6%209.4%2033.9%200l28.3-28.3c9.4-9.4%209.4-24.6.1-34zM208%20336c-70.7%200-128-57.2-128-128%200-70.7%2057.2-128%20128-128%2070.7%200%20128%2057.2%20128%20128%200%2070.7-57.2%20128-128%20128z%27%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat; background-position: 14px center; background-size: 16px 16px;
}
.lwt-music .lwt-music-q::placeholder { color: #6B7280; opacity: 1; }
.lwt-music .lwt-music-q:focus { outline: 2px solid #1F6F8B; outline-offset: 1px; border-color: #1F6F8B; }
.lwt-music-search-status { margin: 8px 0 0; min-height: 1.4em; font-size: 14px; line-height: 1.4; color: #4B5563; }
.lwt-music-search-status:empty { margin: 0; min-height: 0; }

/* ---------- Music page: headings + players ---------- */
.lwt-music-section { margin: 0 0 48px; }
.lwt-music-section:last-child { margin-bottom: 0; }
.lwt-music .lwt-music-heading { margin: 0 0 20px; font-family: Montserrat, sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; color: #0E2433; }
@media (max-width: 767px) { .lwt-music .lwt-music-heading { font-size: 26px; } }

.lwt-music .wp-playlist { border: 0; padding: 0; margin: 0; background: none; font-family: "Source Sans 3", sans-serif; color: #0E2433; }
.lwt-music .wp-playlist-current-item { height: auto; overflow: visible; margin: 0 0 10px; }
.lwt-music .wp-playlist-current-item .wp-playlist-caption { max-width: none; }
.lwt-music .wp-playlist-current-item .wp-playlist-item-title { font-size: 18px; font-weight: 600; color: #0E2433; line-height: 1.4; }
.lwt-music .wp-playlist-current-item .wp-playlist-item-artist { font-size: 14px; color: #4B5563; text-transform: none; line-height: 1.4; }
.lwt-music .mejs-container, .lwt-music .mejs-container .mejs-controls { background: #0E2433 !important; border-radius: 6px; }
.lwt-music .mejs-time-current, .lwt-music .mejs-horizontal-volume-current { background: #E0B656 !important; }
.lwt-music .wp-playlist-tracks { margin-top: 14px; }
.lwt-music .wp-playlist-item { position: relative; display: flex; align-items: center; gap: 12px; padding: 5px 0 5px 25px; margin: 0; border: 0; border-bottom: 1px solid #E5E7EB; line-height: 1.8; color: #0E2433; background: none; cursor: pointer; }
.lwt-music .wp-playlist-item:last-child { border-bottom: 0; }
.lwt-music .wp-playlist-item .wp-playlist-caption, .lwt-music .wp-playlist-item .wp-playlist-item-title { font-size: 16px; }
.lwt-music .wp-playlist-item .wp-playlist-caption { flex: 1; padding: 0; color: #0E2433; text-decoration: none; border: 0; box-shadow: none; }
.lwt-music .wp-playlist-item:hover .wp-playlist-caption, .lwt-music .wp-playlist-item .wp-playlist-caption:focus-visible { color: #1F6F8B; text-decoration: underline; }
.lwt-music .wp-playlist-item-length { position: static; font-size: 14px; color: #4B5563; }
.lwt-music .wp-playlist-playing { font-weight: 600; background: none; }
.lwt-music .wp-playlist-playing .wp-playlist-caption { color: #1F6F8B; }

/* ---------- Downloads page list ---------- */
.lwt-dl-list { list-style: none; margin: 0; padding: 0; font-family: "Source Sans 3", sans-serif; }
.lwt-dl-item { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 5px 0 5px 25px; border-bottom: 1px solid #E5E7EB; line-height: 1.8; }
.lwt-dl-item:last-child { border-bottom: 0; }
.lwt-dl-title { flex: 1 1 auto; min-width: 0; font-size: 16px; color: #0E2433 !important; text-decoration: none !important; }
.lwt-dl-title:hover, .lwt-dl-title:focus-visible { color: #1F6F8B !important; text-decoration: underline !important; }

/* ---------- Shared: headphones icon, length, Download button ---------- */
.lwt-music .wp-playlist-item::before,
.lwt-dl-item::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; background: #E0B656;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M256%2032C114.52%2032%200%20146.496%200%20288v48a32%2032%200%200%200%2017.689%2028.622l14.383%207.191C34.083%20431.903%2083.421%20480%20144%20480h24c13.255%200%2024-10.745%2024-24V280c0-13.255-10.745-24-24-24h-24c-31.342%200-59.671%2012.879-80%2033.627V288c0-105.869%2086.131-192%20192-192s192%2086.131%20192%20192v1.627C427.671%20268.879%20399.342%20256%20368%20256h-24c-13.255%200-24%2010.745-24%2024v176c0%2013.255%2010.745%2024%2024%2024h24c60.579%200%20109.917-48.098%20111.928-108.187l14.382-7.191A32%2032%200%200%200%20512%20336v-48c0-141.479-114.496-256-256-256z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
	        mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20d%3D%27M256%2032C114.52%2032%200%20146.496%200%20288v48a32%2032%200%200%200%2017.689%2028.622l14.383%207.191C34.083%20431.903%2083.421%20480%20144%20480h24c13.255%200%2024-10.745%2024-24V280c0-13.255-10.745-24-24-24h-24c-31.342%200-59.671%2012.879-80%2033.627V288c0-105.869%2086.131-192%20192-192s192%2086.131%20192%20192v1.627C427.671%20268.879%20399.342%20256%20368%20256h-24c-13.255%200-24%2010.745-24%2024v176c0%2013.255%2010.745%2024%2024%2024h24c60.579%200%20109.917-48.098%20111.928-108.187l14.382-7.191A32%2032%200%200%200%20512%20336v-48c0-141.479-114.496-256-256-256z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}
.lwt-music .wp-playlist-playing::before { background: #1F6F8B; }

.lwt-len { flex: 0 0 auto; font: 400 14px/1.8 "Source Sans 3", sans-serif; color: #4B5563; }

.lwt-dl { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border: 2px solid #1F6F8B; border-radius: 5px; background: #fff; color: #1F6F8B !important; font: 600 13px/1.4 "Source Sans 3", sans-serif; text-decoration: none !important; white-space: nowrap; cursor: pointer; }
.lwt-dl:hover, .lwt-dl:focus-visible { background: #1F6F8B; color: #fff !important; }
.lwt-dl svg { width: 13px; height: 13px; fill: currentColor; }
/* "View sermon": same shape as Download, navy outline so the two read as different actions */
.lwt-view { border-color: #0E2433; color: #0E2433 !important; }
.lwt-view:hover, .lwt-view:focus-visible { background: #0E2433; color: #fff !important; }

@media (max-width: 480px) {
	.lwt-dl { padding: 4px 8px; }
	.lwt-dl span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}
