.flocara-lifestyle-refresh-region {
    display: grid;
    gap: 1rem;
    align-content: start;
}

.flocara-lifestyle-location-alert .mud-alert-message {
    width: 100%;
}

.flocara-lifestyle-location-alert-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.flocara-lifestyle-location-alert-content .mud-button-root {
    flex: 0 0 auto;
}

@media (max-width: 480px) {
    .flocara-lifestyle-location-alert-content {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 959.98px) {
    .flocara-main-container:has(.flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map)) {
        padding-bottom: 0 !important;
    }

    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) {
        height: calc(
            100dvh
            - var(--flocara-mobile-bottom-navigation-offset, 68px)
            - var(--flocara-safe-area-top, 0px)
            - 51px);
        min-height: 0;
        padding-bottom: 0.75rem;
        overflow: hidden;
    }

    .flocara-lifestyle-my-clubs {
        height: calc(
            100dvh
            - var(--flocara-mobile-bottom-navigation-offset, 68px)
            - var(--flocara-safe-area-top, 0px)
            - 0.5rem);
    }

    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) > .flocara-pull-refresh,
    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) > .flocara-pull-refresh > .flocara-pull-refresh-content {
        height: 100%;
        min-height: 0;
    }

    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) > .flocara-pull-refresh > .flocara-pull-refresh-content {
        display: flex;
        flex-direction: column;
    }

    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) .flocara-lifestyle-content,
    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) .flocara-lifestyle-refresh-region {
        min-height: 0;
        flex: 1 1 auto;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
        scrollbar-gutter: stable;
    }

    .flocara-lifestyle-overview:not(.flocara-lifestyle-overview-map) .flocara-lifestyle-content {
        align-content: start;
    }
}
