/* SONGSHOVE V8.5.0 — Buttons / Forms / Common Controls Foundation Pass 8: shared interactive pointer-cursor ownership; behavior remains exactly pointer. Coded: 2026-09-17 */
/* SONGSHOVE — FINISHED CUSTOMER SEMANTIC TYPOGRAPHY MIGRATION / PASS 81
 * Why: Contact customer copy/support text now consumes the shared finished-page
 * semantic typography roles at identical rendered values. CF7 geometry stays local.
 * Coded: 2026-09-24
 */
/*
 * SongShove Typography Grouping Pass 2
 * Reuses existing shared typography tokens at their exact current pixel values.
 * No visual font-size normalization is performed in this pass.
 * Coded: 2026-09-16
 */

/**
 * ============================================================
 * SONGSHOVE — CONTACT PAGE / FORM 67 PRESENTATION — PASS 35
 * Purpose: The selected Contact WordPress page now owns only its page-specific
 * ambient field, simple support composition and Contact Form 7 geometry here.
 * Shared form typography, controls, focus, validation and button visuals are now
 * owned by the universal .ss-form system in shared/ui/css/songshove-ui.css.
 * Coded: 2026-09-23
 * ============================================================
 */

/* SONGSHOVE — GLOBAL AMBIENT OWNERSHIP MIGRATION / PASS 37
 * Why: The animated SongShove site field is now owned once by
 * shared/ui/css/songshove-ui.css for the whole frontend. This page keeps
 * only its page-specific layout/content rules here; no duplicate ambient
 * background, symbol layer, or ambient keyframes remain locally.
 * Coded: 2026-09-23
 */

/* SONGSHOVE — SHARED PUBLIC FORM PAGE HOST / PASS 91E
 * Why: Contact, Request a Feature and Report a Bug intentionally share this exact
 * public static form composition. Universal shared UI owns the ambient gaps and
 * common surfaces; this file keeps the shared form-page geometry/CF7 layout.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-shell {
    display: grid;
    gap: 14px;
    width: calc(100% - (var(--ss-content-gutter, 25px) * 2)) !important;
    max-width: 920px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    box-sizing: border-box;
}

/* SONGSHOVE — CONTACT INTRO UNIVERSAL CONTENT-SURFACE MIGRATION / PASS 58
 * Why: Contact was the last migrated customer page still trying to recreate the
 * universal content surface with a local card skin/padding owner. The intro now
 * uses `.ss-content-surface` directly in contact.php, exactly like the form box
 * and the other migrated full-width content surfaces. Keep only copy composition
 * in this file; shared padding/background/border/radius/shadow own the box.
 * Coded: 2026-09-24
 */

/* SONGSHOVE — CONTACT INTRO COPY CLEANUP / PASS 52
 * Why: The separate blue SUPPORT eyebrow was redundant. Keep Contact Us as the
 * sole intro heading and render the approved help copy as two clean lines.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-intro .ss-page-title {
    margin: 0 0 10px !important;
}

body.songshove-public-form-page .songshove-contact-help-copy > span {
    display: block;
}

body.songshove-public-form-page .songshove-contact-intro .ss-body {
    max-width: 720px;
    margin: 0 !important;
    color: var(--ss-customer-copy-color);
    font-weight: var(--ss-customer-copy-weight);
    line-height: 1.65;
}

/* SONGSHOVE — CONTACT READABLE SUPPORT COPY / PASS 59
 * Why: Contact is now being marked finished. Do not let the legacy 9px `.ss-meta`
 * role make this customer-facing tip too small; use the existing 12px support
 * token and the new minimum normal readable weight of 500. Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-tip {
    margin: 9px 0 0 !important;
    color: var(--ss-customer-support-color);
    font-size: var(--ss-customer-support-size) !important;
    font-weight: var(--ss-customer-support-weight) !important;
    line-height: 1.45;
}

/**
 * ============================================================
 * SONGSHOVE — CONTACT FORM LOCAL LAYOUT / PASS 51
 * Purpose: Keep only Contact Form 7-specific geometry and Turnstile placement
 * here. The one visible form content surface is now the universal
 * `.ss-content-surface` class added in contact.php. CF7 wrappers/forms remain
 * transparent and add no nested panel, border, shadow or padding.
 * Coded: 2026-09-24
 * ============================================================
 */
.songshove-contact-form {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    box-sizing: border-box;
}

/* SONGSHOVE — CF7 SINGLE-SURFACE CONTINUITY / PASS 51
 * Why: Pass 50 proved the extra inner white CF7 card was visually redundant.
 * The universal `.ss-content-surface` is now the sole visible form container;
 * these CF7 wrappers contribute structure only and no additional box styling.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-form .wpcf7,
body.songshove-public-form-page .songshove-contact-form .wpcf7 form {
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.songshove-contact-form label {
    display: block;
    margin: 0 0 20px;
    text-align: left;
}

.songshove-contact-form input[type="text"],
.songshove-contact-form input[type="email"],
.songshove-contact-form input[type="tel"],
.songshove-contact-form input[type="url"],
.songshove-contact-form select,
.songshove-contact-form textarea {
    display: block;
    width: 100%;
    margin-top: 7px;
    box-sizing: border-box;
}

/* SONGSHOVE — CONTACT CONTROL VISUAL OWNERSHIP / PASS 42
 * Why: All Contact text/email/tel/url/select/textarea visuals now come from .ss-form.
 * Keep only CF7 field geometry in this file; no duplicate form skin remains.
 * Coded: 2026-09-23
 */
.songshove-contact-form textarea {
    min-height: 160px;
    resize: vertical;
}

/* SONGSHOVE — CONTACT SUBMIT PLACEMENT / PASS 42
 * Why: Match Edit Account's compact inline primary action. All button visuals and
 * CF7 error/response styling are now universally owned by .ss-form.
 * Coded: 2026-09-23
 */
/* SONGSHOVE — CONTACT FINAL-FIELD / ACTION RHYTHM / PASS 52
 * Why: CF7's paragraph wrappers can add browser/theme margins on top of the
 * universal field spacing, leaving an oversized blank band below Message.
 * Normalize only direct CF7 row margins and tighten the final textarea-to-action
 * rhythm; field/button visuals remain universally owned by `.ss-form`.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p {
    margin-block-start: 0;
    margin-block-end: 20px;
}

/* SONGSHOVE — CONTACT FINAL MESSAGE HARD RESET / PASS 55
 * Why: A full scan confirmed the Contact stylesheet still gives every CF7 row
 * paragraph a 20px bottom margin and every label a separate 20px bottom margin.
 * The previous logical-only reset did not reliably zero the rendered box model.
 * Reset both physical/logical margin AND padding on only the textarea question,
 * with explicit priority, so the hidden Turnstile is the only remaining spacing
 * influence before Send Message. Earlier questions keep their approved rhythm.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(.wpcf7-textarea),
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(textarea) {
    margin: 0 !important;
    margin-block: 0 !important;
    padding: 0 !important;
    padding-block: 0 !important;
}

body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(.wpcf7-textarea) label,
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(textarea) label,
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > label:has(.wpcf7-textarea),
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > label:has(textarea) {
    margin: 0 !important;
    margin-block: 0 !important;
    padding: 0 !important;
    padding-block: 0 !important;
}

body.songshove-public-form-page .songshove-contact-form .wpcf7 textarea.wpcf7-textarea,
body.songshove-public-form-page .songshove-contact-form .wpcf7 textarea {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
}

/* SONGSHOVE — CONTACT CONTENT-SURFACE EDGE RHYTHM / PASS 56
 * Why: The universal content surface already has equal padding on all four sides,
 * but CF7's submit-row paragraph was still adding its own bottom margin/padding.
 * Remove only that internal edge spacing so the visible bottom inset matches the
 * surface's left/right/top inset instead of appearing deeper at the bottom.
 * Coded: 2026-09-24
 */
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(input[type="submit"]),
body.songshove-public-form-page .songshove-contact-form .wpcf7 form > p:has(.wpcf7-submit) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
    padding-bottom: 0 !important;
    padding-block-end: 0 !important;
}

.songshove-contact-form input[type="submit"] {
    margin: 0;
}

.songshove-turnstile {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 20px;
}

/* SONGSHOVE — CONTACT RESPONSIVE COMPOSITION / PASS 35
 * Why: Keep the same global breakpoint contract while reducing only Contact's
 * inner padding on tablet/mobile. Coded: 2026-09-23 */
@media (max-width: 900px) {
    body.songshove-public-form-page .songshove-contact-shell {
        max-width: none !important;
    }
}

@media (max-width: 600px) {
    body.songshove-public-form-page .songshove-contact-shell {
        width: calc(100% - 30px) !important;
        gap: 10px;
    }

}