/* Music lens container */

.arc-music-lens {
	max-width: 960px;
	margin: 0 auto;
	background: transparent;
	border-radius: var(--arc-border-radius);
	box-shadow: none;
	position: relative;
	width: 78%;
	margin: 0 auto;
}

/* Main area */

.arc-music-main {
    position: relative;
}

/* Work header (song.title + label) */

.arc-music-work-header {
	position: relative;
	background: transparent;
	border-radius: var(--arc-border-radius);
	margin-bottom: 1rem;
	padding: 1rem 0 1rem 1rem;
	box-shadow: none;
}
.arc-music-work-header::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	
	background: radial-gradient(
		circle at var(--arc-glow-x-20) 20%,
		var(--arc-glow-inner),
		rgba(255, 255, 255, 0) 68%
	);
	
	pointer-events: none;
	opacity: 1;                 /* for fade-in */
	transition: opacity 600ms ease;
}

.arc-music-work-title {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.2;
	color: #000;
	font-weight: 700;
}
.arc-music-work-label {
	margin: 0.25rem 0 0;
	font-size: 0.95rem;
	color: #000;
	opacity: 0.85;
}

.arc-music-recording {
	position: relative;
	background: transparent;
	border-radius: var(--arc-border-radius);
	margin-bottom: 1.5rem;
	padding: 1rem 0 0.5rem 1rem;
	box-shadow: none;
}
.arc-music-recording::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	
	background: radial-gradient(
		circle at var(--arc-glow-x-20) 20%,
		var(--arc-glow-inner),
		rgba(255, 255, 255, 0) 68%
	);
	
	pointer-events: none;
	opacity: 1;                 /* for fade-in */
	transition: opacity 600ms ease;
}

/* Each track – by default only one is active via JS */

.arc-music-track {
/* 
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(10px) scale(0.98);
    transition: opacity 0.5s ease, transform 0.5s ease;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
 */
}

.arc-music-track.is-active {
/* 
    opacity: 1;
    transform: translateY(0) scale(1);
    position: relative;
 */
}

.arc-music-track-header {
    margin-bottom: 0.2rem;
}

.arc-music-track-title {
    margin: 0;
    font-size: 1.1rem;
    color: #000;
}

.arc-music-track-meta {
    margin: 0.25rem 0 0;
    font-size: 0.9rem;
    color: #000;
    opacity: 0.7;
}

.arc-music-meta-separator {
    margin: 0 0.35rem;
    opacity: 0.7;
}

/* Player */

.arc-music-player {
    margin-top: 0.2rem;
}

.arc-music-player audio {
    width: 100%;
    outline: none;
}

.arc-music-video-wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 */
    border-radius: var(--arc-border-radius);
    overflow: hidden;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.18);
}

.arc-music-video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.arc-music-external-link a {
    color: #7b4b24;
    text-decoration: underline;
}

.arc-music-no-audio {
    font-size: 0.9rem;
    color: #000;
}

/* Lyrics */

.arc-music-lyrics {
    margin-top: 0.5rem;
	background: transparent;
/* 
    border-radius: var(--arc-border-radius);
	padding: 0.5rem 0 0.5rem 1rem;
 */
	position: relative;
}

.arc-music-lyrics-text {
    font-size: 0.97rem;
    line-height: 1.7;
    color: #000;
    white-space: normal;
}

/* Multiple tracks navigation */

.arc-music-tracks-nav {
    margin-top: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.arc-music-track-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.35rem 0.9rem;
    border-radius: var(--arc-border-radius);
    border: 1px solid transparent;
    background: #e9ddcf;
    color: #000;
    font-size: 0.85rem;
    cursor: pointer;
}

.arc-music-track-chip-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
}

.arc-music-track-chip.is-active {
    border-color: #c48745;
    background: #f5e7d7;
}

.arc-music-track-chip.is-active .arc-music-track-chip-dot {
    background: #c45e23;
}

/* Single-track case: no layering needed */

.arc-music-lens[data-arc-music-single="1"] .arc-music-main {
    min-height: 0;
}

.arc-music-lens[data-arc-music-single="1"] .arc-music-track {
    position: relative;
    opacity: 1;
    transform: none;
}

/* Print-friendly */

@media print {
    .arc-music-lens {
        background: #ffffff;
        color: #000000;
        box-shadow: none;
        border-radius: 0;
        border: none;
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .arc-music-track {
        position: relative;
        opacity: 1 !important;
        transform: none !important;
    }

    .arc-music-tracks-nav {
        display: none;
    }

    .arc-music-lyrics {
        max-height: none;
        border-color: #999999;
        background: #ffffff;
    }
}


/* Stack multiple tracks cleanly */
.arc-music-track {
  display: block;
  margin-bottom: 1.5rem;
}
.arc-music-track:last-child {
  margin-bottom: 0;
}

/* Shared section header (Recording / Lyrics) */
.arc-music-section-header {
  margin: 0 0 0.4rem 0;
}
.arc-music-section-title {
  margin: 0;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  opacity: 0.75;
}
.arc-music-section-subtitle {
 	margin: 0.75rem 0;
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* Optional: notes under lyrics */
.arc-music-lyrics-notes {
  margin: 0.75rem 0 0;
  font-size: 0.9rem;
  opacity: 0.85;
}

/* Lyrics accordion (details/summary) */

.arc-music-lyrics-details {
  margin: 0;
}

.arc-music-lyrics-summary {
	position: relative;
	list-style: none;
	cursor: pointer;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
    padding: 0.45rem 1rem;
    border-radius: var(--arc-border-radius);
}

.arc-music-lyrics-summary::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	
	background: radial-gradient(
		circle at var(--arc-glow-x-35) 20%,
		var(--arc-glow-inner),
		rgba(255, 255, 255, 0) 68%
	);
	
	pointer-events: none;
	opacity: 1;
}


/* Remove default marker in most browsers */
.arc-music-lyrics-summary::-webkit-details-marker {
  display: none;
}
.arc-music-lyrics-summary::marker {
  content: "";
}

/* Make summary title look like your existing subtitle */
.arc-music-lyrics-summary-title {
 	margin: 0.75rem 0;
	font-size: 0.85rem;
	letter-spacing: 0.06em;
}

/* Optional little hint */
.arc-music-lyrics-summary-hint {
  font-size: 0.85rem;
  opacity: 0.65;
  white-space: nowrap;
}

/* Add a chevron */
.arc-music-lyrics-summary::after {
  content: "▾";
  opacity: 0.7;
  transform: translateY(-1px);
  transition: transform 200ms ease;
}

/* Rotate chevron when open */
.arc-music-lyrics-details[open] > .arc-music-lyrics-summary::after {
  transform: rotate(-180deg) translateY(1px);
}

/* Space for the body when opened */
.arc-music-lyrics-body {
/* 
	margin-top: 0.6rem;
 */
    padding: 0.45rem 1rem;
}

/* Remove default focus outline */
.arc-music-lyrics-summary {
  outline: none;
}

/* Suppress outline for mouse users */
.arc-music-lyrics-summary:focus:not(:focus-visible) {
  outline: none;
}

/* OPTIONAL: custom focus style for keyboard users */
.arc-music-lyrics-summary:focus-visible {
  outline: none;            /* remove default */
  box-shadow: 0 0 0 2px rgba(196, 94, 35, 0.35); /* subtle glow, optional */
  border-radius: var(--arc-border-radius);
}


.arc-music-lyrics-subhead{
 	margin: 0.75rem 0 0.25rem 0;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.arc-music-lyrics-verse{
	margin: 0 0 0.75em;
	white-space: normal;
}
.arc-music-lyrics .arc-music-video-wrapper { margin-top: .5rem; }

.arc-music-lyrics-version-label{
 	margin: 0 0 0.25rem 0;
	padding: 0.85rem 1rem;
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

.arc-music-lyrics-version-body {
	position: relative;
    padding: 0.45rem 1rem;
    border-radius: var(--arc-border-radius);
}
.arc-music-lyrics-version-body::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	
	background: radial-gradient(
		circle at var(--arc-glow-x-35) 20%,
		var(--arc-glow-inner),
		rgba(255, 255, 255, 0) 68%
	);
	
	pointer-events: none;
	opacity: 1;
}