/*
* FooGallery Custom CSS
* This file is created by adding custom CSS on FooGallery Settings page in wp-admin
* Created : 3 Nov 2025, 10:00 pm
*/

/* --- Masonry-Stil für FooGallery Portfolio --- */
.foogallery.fg-portfolio {
    column-count: 4;  /* Anzahl Spalten */
    column-gap: 14px; /* Abstand zwischen Spalten */
}

@media (max-width: 900px) {
    .foogallery.fg-portfolio {
        column-count: 3;
    }
}

@media (max-width: 600px) {
    .foogallery.fg-portfolio {
        column-count: 2;
    }
}

/* --- Container Ebene: fg-item --- */
.foogallery.fg-portfolio .fg-item {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* --- Bild-Ebene: fg-item-inner + img --- */
.foogallery.fg-portfolio .fg-item-inner,
.foogallery.fg-portfolio .fg-item-inner img {
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 6px; /* runde Ecken */
    overflow: hidden;
    object-fit: contain;
    transition: transform 0.4s ease, filter 0.3s ease;
}

/* --- Hover-Effekt: sanfte Vergrößerung + Lupe --- */
.foogallery.fg-portfolio .fg-item-inner::after {
    content: "🔍";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.85);
    opacity: 0;
    transition: all 0.3s ease;
    pointer-events: none;
}

.foogallery.fg-portfolio .fg-item-inner:hover img {
    transform: scale(1.05);
    filter: brightness(0.7);
}

.foogallery.fg-portfolio .fg-item-inner:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

/* --- Optional: Extra Abstand zwischen fg-item-inner --- */
.foogallery.fg-portfolio .fg-item-inner {
    margin-bottom: 14px;
}

/* --- Optional: Globale Bereinigung aller FooGallery Typen --- */
.foogallery .fg-item,
.foogallery .fg-item-inner,
.foogallery .fg-item-inner img {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* --- FooGallery Thumbnails: Overlay & Pluszeichen entfernen --- */
.fg-panel-thumb-overlay,
.fg-panel-thumb-overlay::before,
.fg-panel-thumb-overlay::after {
    display: none !important;
    content: none !important;
}

/* Bild-Hover: keine Abdunklung */
.fg-panel-thumb-image {
    transition: none !important;
    filter: none !important;
}

/* Mauszeiger: Finger bei Hover */
.fg-panel-thumb,
.fg-panel-thumb img {
    cursor: pointer !important;
}