/* OHELP_PROFILE_MENU_V1 */

.landing-content .landing-main-actions {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    align-items: stretch !important;
}

.landing-content .landing-main-actions > * {
    min-width: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.landing-content .landing-main-actions .landing-button,
.landing-content .landing-main-actions .landing-post-menu > summary,
.landing-content .landing-main-actions .landing-profile-menu > summary {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    min-height: 54px !important;
    padding: 6px 2px !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: normal !important;
    border-radius: 11px !important;
    cursor: pointer !important;
}

.landing-content .landing-main-actions svg {
    width: 18px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
}

.landing-content .landing-main-actions .landing-post-menu,
.landing-content .landing-main-actions .landing-profile-menu {
    position: relative !important;
}

.landing-content .landing-main-actions .landing-post-options,
.landing-content .landing-main-actions .landing-profile-options {
    position: absolute !important;
    top: calc(100% + 5px) !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: max-content !important;
    min-width: 145px !important;
    max-width: 85vw !important;
    padding: 5px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}

.landing-content .landing-profile-options button {
    display: block !important;
    width: 100% !important;
    padding: 11px 14px !important;
    text-align: left !important;
    font-size: 13px !important;
    cursor: pointer !important;
}

.landing-content .landing-profile-options button + button {
    margin-top: 4px !important;
}

@media (max-width: 390px) {
    .landing-content .landing-main-actions {
        gap: 4px !important;
    }

    .landing-content .landing-main-actions .landing-button,
    .landing-content .landing-main-actions .landing-post-menu > summary,
    .landing-content .landing-main-actions .landing-profile-menu > summary {
        font-size: 9px !important;
        padding: 6px 2px !important;
    }
}