/* OHELP_POST_DROPDOWN_FIX_V1 */

@media screen and (max-width: 767px) {

    /* Allow dropdowns to extend beyond the wallet panel */

    .landing-content,
    .landing-account,
    .landing-main-actions {
        overflow: visible !important;
    }

    /* Keep wallet and quick actions above Marketplace Stories */

    .landing-content .landing-account {
        position: relative !important;
        z-index: 30 !important;
    }

    .landing-content .landing-main-actions {
        position: relative !important;
        z-index: 100 !important;
        isolation: auto !important;
    }

    /* Four equal action slots */

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

    /* All quick-action controls */

    .landing-main-actions > * {
        position: relative;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 112px !important;
        box-sizing: border-box !important;
    }

    /* Fix squeezed Post button inside its dropdown wrapper */

    .landing-main-actions > * > button,
    .landing-main-actions > * > .landing-button,
    .landing-main-actions > * > [role="button"] {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 112px !important;

        padding: 12px 6px !important;

        border: 1.5px solid rgba(255,255,255,.88) !important;
        border-radius: 23px !important;

        background: rgba(255,255,255,.24) !important;
        color: #075c45 !important;

        text-align: center !important;
        white-space: normal !important;

        box-shadow: 0 5px 11px rgba(16,63,52,.09) !important;
    }

    /* Dropdown wrappers */

    .landing-main-actions > *:has(button[aria-expanded="true"]),
    .landing-main-actions > *:focus-within {
        z-index: 10000 !important;
    }

    /* Dropdown panels: never sit behind Marketplace Stories */

    .landing-main-actions [role="menu"],
    .landing-main-actions [class*="dropdown"],
    .landing-main-actions [class*="menu-panel"],
    .landing-main-actions [class*="popover"] {
        z-index: 10001 !important;
        overflow: visible !important;
    }

    /* Marketplace Stories stays behind open dropdown */

    .ohelp-marketplace-stories-host,
    .ohelp-market-stories,
    .landing-feed {
        position: relative !important;
        z-index: 1 !important;
    }

    /* Keep quick actions clickable */

    .landing-main-actions button {
        cursor: pointer;
        touch-action: manipulation;
    }

    /* Small phones */

    @media (max-width: 390px) {
        .landing-main-actions > * > button {
            font-size: 12px !important;
        }
    }
}