/**
 * Einheitlicher Cookie-/Speicher-Consent-Banner (Nutzerauftrag 2026-09-11,
 * "Cookies/DSGVO") - siehe tmpl/gallery/default.php, tmpl/geo/default.php und
 * media/com_bilder/js/storage-consent.js.
 *
 * Nachtrag 2026-09-12: die Regel für den dauerhaft sichtbaren "Cookie-
 * Einstellungen"-Button (überlagerte am Handy andere Elemente) wurde entfernt
 * - das zugehörige Markup gibt es nicht mehr (siehe tmpl/cookie/default.php,
 * neue View statt Button).
 *
 * Nachtrag 2026-09-12, Teil 2: .com-bilder-storage-consent-accordion und
 * -list-hint neu, für das <details>-Element "Darstellungsoptionen", in das
 * .com-bilder-storage-consent-list jetzt eingebettet ist (tmpl/gallery/
 * default.php, tmpl/geo/default.php, tmpl/cookie/default.php) - siehe
 * claude/cookie-view-datenschutz-standort-consent-umsetzung-2026-09-12.md.
 */
.com-bilder-storage-consent-banner {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    background-color: #212529;
    color: #f8f9fa;
    padding: 14px 16px;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.25);
    font-size: 0.9rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.com-bilder-storage-consent-text {
    flex: 1 1 320px;
}

.com-bilder-storage-consent-text a {
    color: #9ec5fe;
}

.com-bilder-storage-consent-list {
    flex: 1 1 100%;
    background-color: rgba(255, 255, 255, 0.08);
    border-radius: 4px;
    padding: 8px 12px;
    font-size: 0.85rem;
}

.com-bilder-storage-consent-list-intro {
    font-weight: 600;
    margin-bottom: 4px;
}

.com-bilder-storage-consent-list ul {
    margin: 0;
    padding-left: 18px;
}

.com-bilder-storage-consent-buttons {
    display: flex;
    gap: 8px;
    flex: 0 0 auto;
}

.com-bilder-storage-consent-accordion {
    flex: 1 1 100%;
}

.com-bilder-storage-consent-accordion > summary {
    cursor: pointer;
    font-weight: 600;
    padding: 4px 0;
    list-style-position: inside;
}

.com-bilder-storage-consent-accordion > summary:hover {
    color: #9ec5fe;
}

.com-bilder-storage-consent-accordion > .com-bilder-storage-consent-list {
    margin-top: 6px;
}

.com-bilder-storage-consent-list-hint {
    margin: 6px 0 0;
    font-weight: normal;
    opacity: 0.85;
}