/* Block: Spotify-Embed */

.myk-spotify-title {
    margin: 0 0 clamp(1rem, 2vw, 2rem);
    font-size: var(--myk-fs-h2);
    font-weight: 800;
    letter-spacing: -0.015em;
}

.myk-spotify-frame {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: var(--myk-r-medium);
    background: var(--myk-c-dark);
}

.myk-spotify--compact .myk-spotify-frame { aspect-ratio: auto; min-height: 152px; }
.myk-spotify--normal  .myk-spotify-frame { min-height: 380px; }
.myk-spotify--tall    .myk-spotify-frame { min-height: 500px; }

.myk-spotify-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    min-height: inherit;
    border: 0;
    border-radius: var(--myk-r-medium);
}

/* ─── Consent-Overlay ─── */
.myk-spotify-consent {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(140deg, #1f1f1f, #2a2a2a);
    color: var(--myk-c-light);
    padding: clamp(1.25rem, 3vw, 2.5rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: clamp(0.75rem, 1.5vw, 1.25rem);
}
.myk-spotify-consent-icon {
    color: #1DB954;
}
.myk-spotify-consent-text {
    margin: 0;
    max-width: 50ch;
    font-size: var(--myk-fs-body);
    line-height: 1.55;
}
.myk-spotify-consent-meta {
    margin: 0;
    font-size: var(--myk-fs-meta);
    color: var(--myk-c-text-muted);
}
.myk-spotify-consent-meta a { color: inherit; text-decoration: underline; }

.myk-spotify-consent-btn {
    background: #1DB954;
    color: #fff;
    border-color: #1DB954;
}
.myk-spotify-consent-btn:hover {
    background: transparent;
    color: #1DB954;
}