/* ============================================================
   Loveportrait Lightbox & Header Fixes
   Externe CSS-Datei — wird NICHT von WP Rocket RUCSS angetastet.
   ============================================================ */

/* === Lightbox-Texte komplett ausblenden === */
#lcl_wrap #lcl_txt,
#lcl_wrap #lcl_title,
#lcl_wrap #lcl_descr,
#lcl_wrap #lcl_subj #lcl_title,
#lcl_wrap #lcl_subj #lcl_descr,
#lcl_wrap #lcl_subj > #lcl_txt,
#lcl_wrap #lcl_author,
#lcl_wrap .lcl_txt_toggle,
#lcl_wrap .lcl_caption,
#lcl_wrap .lcl_txt_over #lcl_txt,
#lcl_wrap.lcl_no_txt #lcl_txt {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* === Lightbox-Buttons: nur grünes Close-X behalten === */
#lcl_wrap .lcl_prev,
#lcl_wrap .lcl_next,
#lcl_wrap .lcl_play,
#lcl_wrap .lcl_thumbs_toggle,
#lcl_wrap .lcl_txt_toggle,
#lcl_wrap .lcl_fs,
#lcl_wrap .lcl_progressbar,
#lcl_wrap #lcl_progressbar,
#lcl_wrap #lcl_thumbs_nav {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Nav-Container immer sichtbar damit Close-X greifbar ist */
#lcl_wrap.lcl_shown:not(.lcl_is_closing) #lcl_nav_cmd {
    opacity: 1 !important;
    visibility: visible !important;
}

/* === Close-X: GRÜN, oben rechts, deutlich === */
#lcl_wrap .lcl_close,
#lcl_wrap #lcl_nav_cmd .lcl_close,
#lcl_wrap #lcl_nav_cmd .lcl_icon.lcl_close,
#lcl_wrap #lcl_corner_close {
    position: fixed !important;
    top: 16px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    line-height: 44px !important;
    border-radius: 50% !important;
    background: #95C11F !important;
    color: #fff !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.5) !important;
    z-index: 100000 !important;
    cursor: pointer !important;
    font-size: 0 !important;
    text-decoration: none !important;
}
#lcl_wrap .lcl_close:hover,
#lcl_wrap #lcl_nav_cmd .lcl_close:hover,
#lcl_wrap #lcl_corner_close:hover {
    background: #7ea317 !important;
    transform: scale(1.05) !important;
}
/* Eigenes X-Icon via CSS — unabhängig von der lc_lightbox Icon-Font */
#lcl_wrap .lcl_close::before,
#lcl_wrap #lcl_nav_cmd .lcl_close::before,
#lcl_wrap #lcl_corner_close::before {
    content: "\00d7" !important;
    font-family: Arial, sans-serif !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #fff !important;
    font-weight: 400 !important;
    display: block !important;
}

/* === Drawer (Mobile-Menü): Default GESCHLOSSEN — vermeidet Auto-Open-Bug === */
.wp-block-werbesofa-core-drawer-container:not([data-burger-open="true"]) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.wp-block-werbesofa-core-drawer-container[data-burger-open="true"] {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* === Skew-Hover-Bug raus aus Lightbox/Image-Bar/Export-Popup === */
#lcl_wrap .wp-element-button,
#lcl_wrap .wp-block-button__link,
#image-button,
#image-bar .wp-element-button,
#image-bar button,
#export-popup .wp-element-button,
#export-popup a.wp-element-button,
#export-popup button {
    transform: none !important;
}
#lcl_wrap .wp-element-button:hover,
#lcl_wrap .wp-block-button__link:hover,
#image-button:hover,
#image-bar .wp-element-button:hover,
#image-bar button:hover,
#export-popup .wp-element-button:hover,
#export-popup a.wp-element-button:hover,
#export-popup button:hover {
    transform: none !important;
    filter: brightness(1.08);
}

/* === PDF/Action-Button im Lightbox === */
#lcl_wrap #lcl_window .wp-element-button {
    position: absolute !important;
    top: 56px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;
    z-index: 100 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 8px 14px !important;
    margin: 0 !important;
    background: #be1622 !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    width: auto !important;
    height: auto !important;
    box-shadow: 0 2px 6px rgba(0,0,0,.4) !important;
}
#lcl_wrap #lcl_window .wp-element-button:hover { background: #a5121c !important; }
#lcl_wrap #lcl_window .wp-element-button .icon { display: inline-flex !important; }
#lcl_wrap #lcl_window .wp-element-button .icon svg { width: 14px !important; height: 14px !important; display: block !important; }
#lcl_wrap #lcl_window .wp-element-button p { margin: 0 !important; padding: 0 !important; color: #fff !important; }
#lcl_wrap #lcl_window .wp-element-button.remove { background: #555 !important; }
#lcl_wrap #lcl_window .wp-element-button.remove:hover { background: #444 !important; }

/* === Header-Slider-Höhe cappen — max 50svh (Desktop) / 32svh (Mobile) === */
.wp-block-werbesofa-core-overlay,
.wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide,
.wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__track,
.wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__list,
.wp-block-werbesofa-core-overlay .splide__slide,
.wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider-slide,
.wp-block-werbesofa-core-overlay .wp-block-cover {
    min-height: 50svh !important;
    max-height: 50svh !important;
    height: 50svh !important;
}
.wp-block-werbesofa-core-overlay .wp-block-cover__image-background,
.wp-block-werbesofa-core-overlay .wp-block-cover picture {
    max-height: 50svh !important;
    height: 50svh !important;
    object-fit: cover !important;
}
@media (max-width: 768px) {
    .wp-block-werbesofa-core-overlay,
    .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide,
    .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__track,
    .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__list,
    .wp-block-werbesofa-core-overlay .splide__slide,
    .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider-slide,
    .wp-block-werbesofa-core-overlay .wp-block-cover {
        min-height: 32svh !important;
        max-height: 32svh !important;
        height: 32svh !important;
    }
    .wp-block-werbesofa-core-overlay .wp-block-cover__image-background,
    .wp-block-werbesofa-core-overlay .wp-block-cover picture {
        max-height: 32svh !important;
        height: 32svh !important;
    }
}
/* Footer-Overlay nicht cappen — natürliche Höhe behalten */
footer .wp-block-werbesofa-core-overlay,
footer .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide,
footer .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__track,
footer .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider .splide__list,
footer .wp-block-werbesofa-core-overlay .splide__slide,
footer .wp-block-werbesofa-core-overlay .wp-block-werbesofa-core-slider-slide,
footer .wp-block-werbesofa-core-overlay .wp-block-cover,
footer .wp-block-werbesofa-core-overlay .wp-block-cover__image-background,
footer .wp-block-werbesofa-core-overlay .wp-block-cover picture {
    min-height: revert !important;
    max-height: revert !important;
    height: revert !important;
}

/* === Schwarzer Padding-Bereich zwischen Header-Bild und Content reduzieren === */
.entry-content > .wp-block-group.has-background.has-global-padding {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
@media (max-width: 768px) {
    .entry-content > .wp-block-group.has-background.has-global-padding {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }
}

/* === Footer-Logos: 6-in-einer-Reihe, kompakt (analog schepers-photography.de) === */
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap {
    flex-wrap: nowrap !important;
    gap: 11px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    max-width: 640px !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 90px !important;
    padding: 6px !important;
    transition: transform .4s cubic-bezier(.16,1,.3,1) !important;
    position: relative !important;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group figure {
    margin: 0 !important;
    width: 100% !important;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    transition: transform .4s cubic-bezier(.16,1,.3,1), outline-color .3s ease, box-shadow .3s ease !important;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group::after {
    content: "↗ Externer Link";
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    background: #1d1d1b;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity .25s ease, top .25s ease;
    z-index: 30;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group:hover {
    transform: translateY(-4px) !important;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group:hover::after {
    opacity: 1;
    top: -38px;
}
footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group:hover img {
    box-shadow: 0 0 0 3px rgba(149, 193, 31, 0.4) !important;
}
@media (max-width: 600px) {
    footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap {
        gap: 4px !important;
        max-width: 100% !important;
    }
    footer .wp-block-werbesofa-core-overlay .wp-block-group.is-nowrap > a.wp-block-group {
        padding: 4px !important;
        max-width: 60px !important;
    }
}