/*
|--------------------------------------------------------------------------
| ONLY_MEMBERS_APP_FOOTER_V1
|--------------------------------------------------------------------------
|
| Nur installierte Only-Members-App.
| Browser-Footer bleibt vollständig unverändert.
|
*/


@media (display-mode: standalone) {

    .member-footer.member-footer-expanded {
        display: grid;

        width: 100%;

        padding:
            16px
            24px
            calc(
                82px
                +
                env(
                    safe-area-inset-bottom,
                    0px
                )
            );

        border-top:
            1px solid
            rgba(0, 140, 255, .16);

        background:
            linear-gradient(
                180deg,
                #04090d,
                #020405
            );

        grid-template-columns:
            auto
            minmax(0, 1fr);

        gap:
            10px
            24px;

        align-items: center;

        box-sizing: border-box;
    }


    /*
    |--------------------------------------------------------------------------
    | Marke
    |--------------------------------------------------------------------------
    */

    .member-footer.member-footer-expanded
    .member-footer-brand {
        display: flex;

        min-width: 0;

        flex-direction: column;

        align-items: flex-start;

        grid-column: 1;
        grid-row: 1;
    }


    .member-footer.member-footer-expanded
    .member-footer-title {
        margin: 0 0 3px;

        color: #1598ff;

        font-size: .66rem;
        font-weight: 950;

        letter-spacing: .15em;
    }


    /*
     * Langer Website-Beschreibungstext ist
     * innerhalb der installierten App unnötig.
     */
    .member-footer.member-footer-expanded
    .member-footer-brand > p {
        display: none !important;
    }


    .member-footer.member-footer-expanded
    .member-footer-copyright {
        margin: 0;

        color:
            rgba(255, 255, 255, .37);

        font-size: .61rem;
        font-weight: 700;

        line-height: 1.45;
    }


    /*
    |--------------------------------------------------------------------------
    | Navigation
    |--------------------------------------------------------------------------
    */

    .member-footer.member-footer-expanded
    .member-footer-navigation {
        display: flex;

        width: auto;

        margin: 0;

        grid-column: 2;
        grid-row: 1;

        align-items: center;
        justify-content: flex-end;

        gap: 5px;

        flex-wrap: wrap;
    }


    .member-footer.member-footer-expanded
    .member-footer-navigation a {
        min-height: 32px;

        padding:
            6px
            8px;

        border:
            1px solid
            rgba(0, 140, 255, .10);

        border-radius: 9px;

        background:
            rgba(0, 140, 255, .035);

        color:
            rgba(255, 255, 255, .62);

        gap: 5px;

        font-size: .64rem;
        font-weight: 800;
    }


    .member-footer.member-footer-expanded
    .member-footer-navigation a i {
        color:
            rgba(21, 152, 255, .92);

        font-size: .66rem;
    }


    /*
     * In der App die weniger wichtigen
     * Web-Footer-Links ausblenden.
     *
     * Übrig bleiben:
     * Datenschutz
     * Community-Regeln
     * Impressum
     * Kontakt
     */
    .member-footer.member-footer-expanded
    .member-footer-navigation
    a[href="/nutzungsbedingungen.php"],

    .member-footer.member-footer-expanded
    .member-footer-navigation
    a[href="/inhalt-melden.php"],

    .member-footer.member-footer-expanded
    .member-footer-navigation
    a[href^="https://offiziell-thorty.de"] {
        display: none !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Großes THORTY-Logo ist Web-Branding
    |--------------------------------------------------------------------------
    */

    .member-footer.member-footer-expanded
    .member-footer-logo {
        display: none !important;
    }

}


/*
|--------------------------------------------------------------------------
| Tablet / iPad App
|--------------------------------------------------------------------------
*/

@media
(display-mode: standalone)
and
(max-width: 900px) {

    .member-footer.member-footer-expanded {
        padding:
            15px
            18px
            calc(
                82px
                +
                env(
                    safe-area-inset-bottom,
                    0px
                )
            );

        grid-template-columns: 1fr;

        gap: 10px;
    }


    .member-footer.member-footer-expanded
    .member-footer-brand {
        grid-column: 1;
        grid-row: auto;

        align-items: center;

        text-align: center;
    }


    .member-footer.member-footer-expanded
    .member-footer-navigation {
        grid-column: 1;
        grid-row: auto;

        justify-content: center;
    }

}


/*
|--------------------------------------------------------------------------
| Smartphone App
|--------------------------------------------------------------------------
*/

@media
(display-mode: standalone)
and
(max-width: 520px) {

    .member-footer.member-footer-expanded {
        padding:
            13px
            12px
            calc(
                78px
                +
                env(
                    safe-area-inset-bottom,
                    0px
                )
            );

        gap: 8px;
    }


    .member-footer.member-footer-expanded
    .member-footer-title {
        font-size: .61rem;
    }


    .member-footer.member-footer-expanded
    .member-footer-copyright {
        font-size: .56rem;
    }


    .member-footer.member-footer-expanded
    .member-footer-navigation {
        gap: 4px;
    }


    .member-footer.member-footer-expanded
    .member-footer-navigation a {
        min-height: 30px;

        padding:
            5px
            7px;

        font-size: .59rem;
    }

}