/* Advanced Musicplayer – Minimal inline player */

.amp-player {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size:   14px;
    color:       #333;
    margin:      8px 0;
}

.amp-track-row {
    margin-bottom: 10px;
}

/* One line: "Song Title  [Category]" */
.amp-meta {
    margin-bottom: 3px;
    line-height: 1.4;
}

.amp-title {
    font-weight: normal;
    color: #222;
}

.amp-category {
    display:         inline-block;
    font-size:       11px;
    color:           #fff;
    background:      #888;
    border-radius:   3px;
    padding:         1px 6px;
    margin-left:     8px;
    text-decoration: none;
    vertical-align:  middle;
}

.amp-category:hover { background: #555; }

/* The audio bar itself – full width, native browser style */
audio.amp-audio {
    display: block;
    width:   100%;
    height:  30px;
}

/* ============================================================
   Sign-Up Page Form  [amp_signup]
   ============================================================ */

.amp-signup-page-form {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size:   14px;
    color:       #222;
    max-width:   680px;
    margin:      16px 0;
}

/* One-line row: first name | last name | email */
.amp-spf-row {
    display:   flex;
    gap:       8px;
    flex-wrap: nowrap;
}
.amp-spf-row input {
    flex:          1;
    min-width:     0;
    border:        1px solid #ccc;
    border-radius: 3px;
    padding:       7px 10px;
    font-size:     13px;
    outline:       none;
    transition:    border-color .15s;
}
.amp-spf-row input:focus { border-color: #555; }

/* Two consent checkboxes */
.amp-spf-consents {
    margin-top: 10px;
    display:    flex;
    flex-direction: column;
    gap: 6px;
}
.amp-spf-consent-label {
    display:     flex;
    align-items: flex-start;
    gap:         7px;
    font-size:   12px;
    color:       #555;
    cursor:      pointer;
    line-height: 1.5;
}
.amp-spf-consent-label input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
}

/* reCAPTCHA block */
.amp-spf-recaptcha {
    margin-top: 12px;
}

/* Submit row */
.amp-spf-footer {
    margin-top:  12px;
    display:     flex;
    align-items: center;
    gap:         12px;
    flex-wrap:   wrap;
}
.amp-spf-footer button {
    background:    #222;
    color:         #fff;
    border:        none;
    border-radius: 3px;
    padding:       8px 22px;
    font-size:     13px;
    cursor:        pointer;
    transition:    background .15s;
}
.amp-spf-footer button:hover    { background: #000; }
.amp-spf-footer button:disabled { opacity: .5; cursor: not-allowed; }

.amp-spf-message { font-size: 13px; }
.amp-spf-message.amp-spf-ok    { color: green; }
.amp-spf-message.amp-spf-error { color: #c00; }

/* Responsive: stack on small screens */
@media (max-width: 500px) {
    .amp-spf-row { flex-direction: column; }
}