/* Covozi v1.71 — Public Creator Profile visual parity.
 *
 * Two narrow fixes after the v1.70 Broadcast architecture normalization:
 * 1) Creator Hub Home returns to a clean white creator-owned website canvas.
 * 2) Broadcast feed/reader use exactly the same public-profile content rail as
 *    Paths / Mentioned Links / Courses / FAQ / Gallery / Resources, and every
 *    non-featured Broadcast uses the available width instead of leaving an
 *    accidental empty second grid column.
 */

/* Creator Hub Home: remove the inherited silver/ash page wash. Cards keep their
 * own white surfaces/borders; the website canvas behind them is pure white. */
body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="home"] {
    background: #fff !important;
    background-image: none !important;
}
body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="home"] .stanloop-loop-shell--public-creator,
body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="home"] .stanloop-loop-main--public-profile {
    background: transparent !important;
}

/* Broadcasts now render through the normal public-creator DOM branch. Reassert
 * the same canonical readable rail used by the sibling profile routes so no
 * historical 1280px Broadcast cap can survive from cached/legacy layers. */
@media (min-width: 901px) {
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] {
        width: min(var(--covozi-site-readable-rail, 1480px), calc(100% - 48px)) !important;
        max-width: var(--covozi-site-readable-rail, 1480px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-shell--public-creator {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
        grid-template-columns: var(--covozi-profile-nav, 226px) minmax(0, 1fr) !important;
        gap: 20px !important;
    }

    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-main--public-profile,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-component-card--broadcasts,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcast-published,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts__content-flow,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcast-published__content-flow {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        justify-self: stretch !important;
    }

    /* With a single non-featured Broadcast, the old two-column grid produced a
     * half-width card and a large empty area. Public profile pages should read
     * vertically, so every additional Broadcast owns one full content row. */
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts__grid {
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }

    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts__grid .stanloop-broadcast-feed-card {
        width: 100% !important;
        grid-template-columns: minmax(280px, 36%) minmax(0, 1fr) !important;
        grid-template-rows: none !important;
    }
}

/* Tablet/phone remain finite and vertical; no horizontal discovery dependency. */
@media (max-width: 900px) {
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"],
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-shell--public-creator,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-main--public-profile,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-loop-component-card--broadcasts {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts__grid,
    body.stanloop-loop-layout-page .stanloop-loop-page--public-creator[data-stanloop-loop-context="broadcasts"] .stanloop-broadcasts__grid .stanloop-broadcast-feed-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}