/*
 * Titel: Komponenten und Spezialelemente
 * Beschreibung: Enthält eigenständige UI Komponenten und visuelle Spezialeffekte wie Consent Button Styling und Logo Effekte.
 */

/* Consent Banner */
#cmplz-manage-consent .cmplz-manage-consent {
    background: rgba(135,135,135,0.85) !important;
    color: #111111 !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(0,0,0,0.1) !important;
    transition: all 0.2s ease !important;
}

#cmplz-manage-consent .cmplz-manage-consent:hover {
    background: #9a9a9a !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,0.15) !important;
}

/* Logo FX */
figure.wp-block-image:has(img.wp-image-520) {
    position: relative;
    display: inline-block;
    isolation: isolate;
    overflow: visible;
}

figure.wp-block-image:has(img.wp-image-520) img.wp-image-520 {
    position: relative;
    z-index: 5;
    display: block;
    animation: lc_logoShine 6s ease-in-out infinite alternate;
}

figure.wp-block-image:has(img.wp-image-520)::before {
    content: "";
    position: absolute;
    inset: -24px;
    z-index: 1;
    pointer-events: none;
    border-radius: 28px;
    background:
        radial-gradient(circle at 20% 30%, rgba(0,255,255,0.08) 0 5px, transparent 18px),
        radial-gradient(circle at 78% 28%, rgba(255,0,255,0.07) 0 6px, transparent 20px);
    filter: blur(10px);
    mix-blend-mode: screen;
    animation: lc_nebula 8s ease-in-out infinite alternate;
}

figure.wp-block-image:has(img.wp-image-520)::after {
    content: "";
    position: absolute;
    inset: -70px;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(circle at 6% 14%, rgba(0,255,255,0.95) 0 1px, transparent 2px),
        radial-gradient(circle at 10% 58%, rgba(195,120,255,0.92) 0 1.5px, transparent 3px);
    filter:
        blur(0.2px)
        drop-shadow(0 0 4px rgba(120,220,255,0.40));
    mix-blend-mode: screen;
    animation: lc_particles 11s ease-in-out infinite;
}