/*
 * SONGSHOVE V8.8.0 — PUBLIC HELP + FAQ UNIVERSAL MIGRATION — PASS 60
 * Why: Help/FAQ are standalone public support pages, not Account Settings pages.
 * Shared UI owns the full-width host, Form 67 content surface, cards, typography,
 * buttons and notices. This file keeps only Help-specific composition.
 * Coded: 2026-09-24
 */

/* SONGSHOVE — HELP TEMPLATE GAP OWNER MIGRATION / PASS 77
 * Why: The WordPress <main> gap reset is now shared with Contact in the universal
 * UI owner. Keep this file limited to Help-specific composition and footer logic.
 * Coded: 2026-09-24
 */

/* SONGSHOVE — HELP SHELL COMPOSITION / PASS 74
 * Why: Universal shared UI now owns the same finished-page top/bottom ambient
 * edge gap for Help/FAQ and the other completed customer pages. Keep only Help
 * composition here. Coded: 2026-09-24
 */
body.songshove-help-page .songshove-help-shell {
    display: block;
}

body.songshove-help-page .songshove-help-main {
    display: grid;
    gap: 18px;
}

body.songshove-help-page .songshove-help-intro {
    display: grid;
    gap: 7px;
    max-width: 760px;
}

body.songshove-help-page .songshove-help-intro :is(h1, p),
body.songshove-help-page .songshove-help-option :is(h2, p) {
    margin: 0 !important;
}

body.songshove-help-page .songshove-help-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
}

body.songshove-help-page .songshove-help-option {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 18px;
    min-height: 190px;
    padding: 18px !important;
}

body.songshove-help-page .songshove-help-option > div {
    display: grid;
    gap: 7px;
}

/* SONGSHOVE — HELP ACTION ALIGNMENT / PASS 76
 * Why: Help keeps its local card/action positioning, while the actual button
 * skin comes from the universal button/form-action owners. Contact Us now uses
 * the canonical primary action without creating a Help-only visual override.
 * Coded: 2026-09-24
 */
body.songshove-help-page .songshove-help-option :is(.ss-button, .ss-form-primary-action) {
    align-self: flex-start;
    min-width: 124px;
}

body.songshove-help-page .songshove-help-button-disabled {
    pointer-events: none;
    opacity: .55;
    cursor: not-allowed !important;
}

body.songshove-help-page .songshove-help-coming-soon {
    margin: 0 !important;
}

@media (max-width: 900px) {
    body.songshove-help-page .songshove-help-options {
        grid-template-columns: 1fr;
    }

    body.songshove-help-page .songshove-help-option {
        min-height: 0;
    }
}

@media (max-width: 600px) {
    body.songshove-help-page .songshove-help-main {
        gap: 14px;
    }

    body.songshove-help-page .songshove-help-option {
        padding: 14px !important;
    }

    body.songshove-help-page .songshove-help-option :is(.ss-button, .ss-form-primary-action) {
        width: 100%;
    }
}