/* =========================================================
   BAMBAM PUBLIC MOBILE DETOX
   Nur öffentliche Seite. Admin bleibt unberührt.
   Ziel: Handy wieder benutzbar, keine überbreiten Cards,
   saubere Galerie/Downloads/Stats/Newsletter/Lightbox.
   ========================================================= */

@media (max-width: 900px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    body:not(.bb-admin-page) #page-wrapper,
    body:not(.bb-admin-page) #scrollbox,
    body:not(.bb-admin-page) .wrapper,
    body:not(.bb-admin-page) .container,
    body:not(.bb-admin-page) section,
    body:not(.bb-admin-page) article {
        max-width: 100%;
        box-sizing: border-box;
    }

    body:not(.bb-admin-page) .container {
        width: 100% !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    body:not(.bb-admin-page) h1 {
        font-size: clamp(2rem, 9vw, 3.2rem) !important;
        line-height: 1.05 !important;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    body:not(.bb-admin-page) h2 {
        font-size: clamp(1.55rem, 7vw, 2.4rem) !important;
        line-height: 1.12 !important;
    }

    body:not(.bb-admin-page) h3 {
        font-size: clamp(1.2rem, 5vw, 1.65rem) !important;
        line-height: 1.15 !important;
    }

    body:not(.bb-admin-page) p,
    body:not(.bb-admin-page) li {
        font-size: 1rem !important;
        line-height: 1.55 !important;
    }

    body:not(.bb-admin-page) img,
    body:not(.bb-admin-page) video,
    body:not(.bb-admin-page) iframe {
        max-width: 100% !important;
        height: auto;
    }

    body:not(.bb-admin-page) .bb-card,
    body:not(.bb-admin-page) .bb-cms-content-card,
    body:not(.bb-admin-page) .bb-gallery-card,
    body:not(.bb-admin-page) .bb-download-card,
    body:not(.bb-admin-page) .bb-downloads-module-card,
    body:not(.bb-admin-page) .bb-newsletter-card,
    body:not(.bb-admin-page) .bb-contact-card,
    body:not(.bb-admin-page) .bb-front-notice-card {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 16px !important;
        border-radius: 22px !important;
        box-sizing: border-box !important;
        background: rgba(5,15,30,.58) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        border: 1px solid rgba(172,245,32,.18) !important;
        box-shadow: 0 0 34px rgba(0,64,255,.08), inset 0 1px 0 rgba(255,255,255,.04) !important;
    }

    body:not(.bb-admin-page) .bb-gallery-grid,
    body:not(.bb-admin-page) .bb-gallery-category-grid,
    body:not(.bb-admin-page) .bb-downloads-public-grid,
    body:not(.bb-admin-page) .bb-downloads-module-grid,
    body:not(.bb-admin-page) .bb-stats-grid,
    body:not(.bb-admin-page) .bb30-kpi-grid,
    body:not(.bb-admin-page) .bb-newsletter-grid,
    body:not(.bb-admin-page) .grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100% !important;
    }

    body:not(.bb-admin-page) .bb-downloads-public-kpis,
    body:not(.bb-admin-page) .bb-downloads-module-kpis,
    body:not(.bb-admin-page) .bb30-kpis,
    body:not(.bb-admin-page) .bb-gallery-kpis {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body:not(.bb-admin-page) .bb-gallery-toolbar,
    body:not(.bb-admin-page) .bb-downloads-public-toolbar,
    body:not(.bb-admin-page) .bb-downloads-module-toolbar,
    body:not(.bb-admin-page) .bb-newsletter-form,
    body:not(.bb-admin-page) .bb-contact-form {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        width: 100% !important;
    }

    body:not(.bb-admin-page) input,
    body:not(.bb-admin-page) textarea,
    body:not(.bb-admin-page) select {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px !important;
    }

    body:not(.bb-admin-page) .bb-btn,
    body:not(.bb-admin-page) .button,
    body:not(.bb-admin-page) button,
    body:not(.bb-admin-page) input[type="submit"] {
        max-width: 100% !important;
        white-space: normal !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        font-size: .95rem !important;
        line-height: 1.2 !important;
        text-align: center !important;
    }

    body:not(.bb-admin-page) .bb-gallery-image-link,
    body:not(.bb-admin-page) .bb-gallery-kind-video .bb-gallery-image-link {
        min-height: 240px !important;
        height: auto !important;
        aspect-ratio: 16 / 10 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    body:not(.bb-admin-page) .bb-gallery-image-link img,
    body:not(.bb-admin-page) .bb-gallery-kind-video .bb-gallery-image-link img,
    body:not(.bb-admin-page) .bb-gallery-video-placeholder {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body:not(.bb-admin-page) .bb-download-cover,
    body:not(.bb-admin-page) .bb-downloads-module-cover {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 180px !important;
        aspect-ratio: 16 / 9 !important;
    }

    body:not(.bb-admin-page) audio {
        width: 100% !important;
        max-width: 100% !important;
    }

    body:not(.bb-admin-page) .bb-gallery-modal,
    body:not(.bb-admin-page) .bb-gallery-video-modal,
    body:not(.bb-admin-page) .bb-lightbox {
        width: 100vw !important;
        height: 100dvh !important;
        max-width: 100vw !important;
        max-height: 100dvh !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        overflow: auto !important;
    }

    body:not(.bb-admin-page) .bb-gallery-modal-inner,
    body:not(.bb-admin-page) .bb-gallery-modal-media,
    body:not(.bb-admin-page) .bb-lightbox-inner {
        width: 100% !important;
        max-width: 100% !important;
        max-height: calc(100dvh - 80px) !important;
        box-sizing: border-box !important;
    }

    body:not(.bb-admin-page) .bb-gallery-modal-media img,
    body:not(.bb-admin-page) .bb-gallery-modal-media video,
    body:not(.bb-admin-page) .bb-lightbox img,
    body:not(.bb-admin-page) .bb-lightbox video {
        max-width: 100% !important;
        max-height: calc(100dvh - 120px) !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        margin: 0 auto !important;
        display: block !important;
    }
}

@media (max-width: 520px) {
    body:not(.bb-admin-page) .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body:not(.bb-admin-page) .bb-downloads-public-kpis,
    body:not(.bb-admin-page) .bb-downloads-module-kpis,
    body:not(.bb-admin-page) .bb30-kpis,
    body:not(.bb-admin-page) .bb-gallery-kpis {
        grid-template-columns: 1fr !important;
    }

    body:not(.bb-admin-page) .bb-gallery-image-link,
    body:not(.bb-admin-page) .bb-gallery-kind-video .bb-gallery-image-link {
        min-height: 210px !important;
        aspect-ratio: 4 / 3 !important;
    }

    body:not(.bb-admin-page) .bb-card,
    body:not(.bb-admin-page) .bb-cms-content-card,
    body:not(.bb-admin-page) .bb-gallery-card,
    body:not(.bb-admin-page) .bb-download-card,
    body:not(.bb-admin-page) .bb-downloads-module-card,
    body:not(.bb-admin-page) .bb-newsletter-card,
    body:not(.bb-admin-page) .bb-contact-card {
        padding: 14px !important;
        border-radius: 20px !important;
    }
}

/* =========================================================
   PUBLIC GALERIE: tote Vor/Zurück Navigation entfernen
   Grund: Buttons sind zu groß und haben aktuell keine Funktion.
   ========================================================= */

body:not(.bb-admin-page) .bb-gallery-modal-prev,
body:not(.bb-admin-page) .bb-gallery-modal-next,
body:not(.bb-admin-page) .bb-gallery-prev,
body:not(.bb-admin-page) .bb-gallery-next,
body:not(.bb-admin-page) .bb-gallery-nav-prev,
body:not(.bb-admin-page) .bb-gallery-nav-next,
body:not(.bb-admin-page) .bb-lightbox-prev,
body:not(.bb-admin-page) .bb-lightbox-next,
body:not(.bb-admin-page) .bb-modal-prev,
body:not(.bb-admin-page) .bb-modal-next,
body:not(.bb-admin-page) button[aria-label="Vorheriges Bild"],
body:not(.bb-admin-page) button[aria-label="Nächstes Bild"],
body:not(.bb-admin-page) button[aria-label="Zurück"],
body:not(.bb-admin-page) button[aria-label="Weiter"],
body:not(.bb-admin-page) a[aria-label="Zurück"],
body:not(.bb-admin-page) a[aria-label="Weiter"] {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body:not(.bb-admin-page) .bb-gallery-modal-inner,
body:not(.bb-admin-page) .bb-gallery-modal-media {
    padding-left: 0 !important;
    padding-right: 0 !important;
}