/* ---------------------------------------------------------------------
 * Modul 011: Mobile Sichtbarkeit der bereits im Footer 1 gerenderten Bluesky-Karte
 * Newspaper 12.x, td-footer-template-9. Keine zweite Shortcode-Ausgabe.
 * Nur Footer-Container, die die BLUESKY-ORBIT-Karte wirklich enthalten.
 * --------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    /* Newspaper/andere Layoutregeln können den normalen Footer mobil
       ausblenden, obwohl der darunterliegende Sub-Footer sichtbar bleibt. */
    body .tdc-footer-wrap .td-footer-wrapper:has(.exbf--orbit) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }
    /* Footer 1 liegt im HTML in der ersten td-pb-span4-Spalte.
       Diese Spalte mobil auf volle Breite setzen und sichtbar halten. */
    body .tdc-footer-wrap .td-footer-wrapper .td-container:has(.exbf--orbit),
    body .tdc-footer-wrap .td-footer-wrapper .td-pb-row:has(.exbf--orbit),
    body .tdc-footer-wrap .td-footer-wrapper .td-pb-span4:has(.exbf--orbit),
    body .tdc-footer-wrap .td-footer-wrapper .widget:has(.exbf--orbit) {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    body .tdc-footer-wrap .td-footer-wrapper .td-pb-span4:has(.exbf--orbit) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    body .tdc-footer-wrap .td-footer-wrapper .exbf.exbf--orbit {
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---------------------------------------------------------------------
 * Modul 011: Mobiler BLUESKY-ORBIT-Footer – symmetrischer vertikaler Abstand
 * Die Karte bleibt unveraendert. Der Abstand zur weissen Flaeche wird
 * auch unterhalb der Karte vor dem schwarzen Subfooter verwendet.
 * Nur bei vorhandener BLUESKY-ORBIT-Karte und nur auf Mobilgeraeten.
 * --------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    /* Gleich grosser Abstand oben und unten; kein Theme-Standardabstand. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit) {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    /* Newspaper-Zeilen besitzen teils zusaetzliche untere Abstaende. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* WordPress umschliesst den Shortcode teils mit einem Absatz.
       Browser koennen daraus leere p-Elemente vor/nach <nav> bilden. */
    body .tdc-footer-wrap .td-footer-wrapper
        .widget:has(.exbf--orbit) > p {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    body .tdc-footer-wrap .td-footer-wrapper
        .widget:has(.exbf--orbit) > p:empty {
        display: none !important;
    }

    /* Keine Restabstaende zwischen Widget und der zweiten Footerzeile. */
    body .tdc-footer-wrap .td-footer-wrapper
        .td-pb-row:has(.exbf--orbit) .widget:has(.exbf--orbit) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}


/* ---------------------------------------------------------------------
 * Modul 011 / Version 1.6: Mobiler Footer – leere Newspaper-Rasterzellen
 * Nur innerhalb des Footers mit der BLUESKY-ORBIT-Karte, bis 767px.
 * Newspaper Template 9 hat vor dem Widget eine leere 12er-Zeile und
 * daneben zwei leere 4er-Spalten. Die leeren Rasterelemente koennen
 * einen zusaetzlichen unteren Abstand verursachen.
 * --------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    /* Der Bluesky-Footer soll nur aus der tatsaechlich belegten Zeile bestehen. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row:first-child:has(> .td-pb-span12:not(:has(*))) {
        display: none !important;
    }

    /* Leere Nachbarspalten im selben Raster entfernen; andere Widgets
       oder Inhalte in weiteren Spalten werden nicht angetastet. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row:has(.exbf--orbit) > .td-pb-span4:not(:has(*)) {
        display: none !important;
    }

    /* Ueberschuessige Theme-Abstaende auf allen Zwischencontainern
       neutralisieren. Die 40px kommen ausschliesslich vom Wrapper. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container,
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row:has(.exbf--orbit),
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row:has(.exbf--orbit) > .td-pb-span4:has(.exbf--orbit),
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        .widget:has(.exbf--orbit) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
    }

    /* Vermeidet, dass der Theme-Standardwert fuer Footer-Spalten
       nach dem Bluesky-Widget eine zusaetzliche Leerflaeche erzeugt. */
    body .tdc-footer-wrap > .td-footer-wrapper.td-footer-container:has(.exbf--orbit)
        > .td-container > .td-pb-row:has(.exbf--orbit) > .td-pb-span4:has(.exbf--orbit) {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ---------------------------------------------------------------------
 * Modul 011: 5 px Abstand zur nachfolgenden Social-Media-Karte (mobil)
 * Nur innerhalb des bestehenden Footers und nur bei weiterer Orbit-Karte.
 * Desktop, bestehende Innenabstaende und Subfooter bleiben unveraendert.
 * --------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
    body .tdc-footer-wrap:has(.exsf--orbit)
        .td-footer-wrapper .exbf.exbf--orbit {
        margin-bottom: 5px !important;
        margin-block-end: 5px !important;
    }
}