/*
 * Compte Club — isolated logo editor layout repair.
 * Presentation only: no licence, affiliation, quota or WooCommerce behaviour.
 */

/*
 * Legacy ufsc-front.css renders the editor as a 112px + flexible two-column
 * grid. Inside the compact Compte Club media column that pushes the upload
 * button and helper copy into the club identity. Keep the editor itself on one
 * vertical track while leaving the outer hero layout unchanged.
 */
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    grid-auto-rows: max-content !important;
    align-items: start !important;
    align-content: start !important;
    justify-items: center !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 164px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__title,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__preview,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__upload,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__remove {
    grid-column: 1 !important;
    grid-row: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__title {
    width: 100% !important;
    margin: 0 0 1px !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__preview {
    justify-self: center !important;
    width: 104px !important;
    height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    margin: 0 auto !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__preview .ufsc-club-logo,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__preview img {
    display: block !important;
    width: 104px !important;
    height: 104px !important;
    max-width: 104px !important;
    max-height: 104px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__upload {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: max-content !important;
    align-items: start !important;
    justify-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__upload > .ufsc-btn,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor label.ufsc-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 132px !important;
    max-width: 148px !important;
    min-height: 38px !important;
    margin: 0 auto !important;
    padding-inline: 14px !important;
    text-align: center !important;
    white-space: normal !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__help,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__filename {
    display: block !important;
    width: 100% !important;
    max-width: 154px !important;
    min-width: 0 !important;
    margin: 1px auto 0 !important;
    text-align: center !important;
    line-height: 1.25 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__remove {
    width: 100% !important;
    margin: 1px 0 0 !important;
    text-align: center !important;
}

body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__remove .ufsc-btn,
body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor__remove button {
    max-width: 148px !important;
    margin: 0 auto !important;
}

@media (max-width: 760px) {
    body.ufsc-portal-clean-page .ufsc-club-account .ufsc-logo-editor {
        max-width: 190px !important;
    }
}