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

/* ============================================================
   ZENTRALE STYLES FÜR GALLERIEN MIT SPEZIELLEN KLASSEN
   ============================================================ */

/* Grundlayout & Hover-Effekte – nur für Galleries mit fg-... Klassen */
.foogallery.fg-session .fg-item-inner,
.foogallery.fg-project .fg-item-inner,
.foogallery.fg-music  .fg-item-inner,
.foogallery.fg-opt1   .fg-item-inner,
.foogallery.fg-opt2   .fg-item-inner {
    border-radius: 10px;
    overflow: hidden;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Hover: Zoom */
.foogallery.fg-session .fg-item:hover .fg-thumb img,
.foogallery.fg-project .fg-item:hover .fg-thumb img,
.foogallery.fg-music  .fg-item:hover .fg-thumb img,
.foogallery.fg-opt1   .fg-item:hover .fg-thumb img,
.foogallery.fg-opt2   .fg-item:hover .fg-thumb img {
    transform: scale(1.04);
    transition: transform 0.25s ease;
}

/* Hover: leicht abdunkeln */
.foogallery.fg-session .fg-item-inner:hover,
.foogallery.fg-project .fg-item-inner:hover,
.foogallery.fg-music  .fg-item-inner:hover,
.foogallery.fg-opt1   .fg-item-inner:hover,
.foogallery.fg-opt2   .fg-item-inner:hover {
    opacity: 0.92;
}

/* ============================================================
   FARB-KATEGORIEN – JEWEILS MIT KOMPLETTER BORDER-ANGABE
   ============================================================ */

/* Klangbilder Session = Gelb */
.foogallery.fg-session .fg-item-inner {
    border: 1px solid #FFEB3B !important;
    border-radius: 10px;
    overflow: hidden;
}

/* Klangbilder Project = Blau */
.foogallery.fg-project .fg-item-inner {
    border: 1px solid #1E3E5A !important;
    border-radius: 10px;
    overflow: hidden;
}

/* Musikprojekte = Grau */
.foogallery.fg-music .fg-item-inner {
    border: 1px solid #919191 !important;
    border-radius: 10px;
    overflow: hidden;
}

/*   Klanbilder Trailer */
.foogallery.fg-klang-trailer .fg-item-inner {
    border: 1px solid #919191 !important; /* Platzhalter */
    border-radius: 10px;
    overflow: hidden;
}

/* Musikprojekte Trailer */
.foogallery.fg-music-trailer .fg-item-inner {
    border: 1px solid #919191 !important; /* Platzhalter */
    border-radius: 10px;
    overflow: hidden;
}

/* Basic Trailer */
.foogallery.fg-basic-trailer .fg-item-inner {
    border: 1px solid #919191 !important; /* Platzhalter */
    border-radius: 10px;
    overflow: hidden;
}

/* ============================================================
   Klassen, die in die jeweilige Galerie gehören:

   Klangbilder Session (gelb):   fg-session
   Klangbilder Project (blau):     fg-project
   Musikprojekte (grau):             fg-music

  Klanbilder Trailer:(grau)           fg-klang-trailer
  Musikprojekte Trailer (grau):   fg-music-trailer
  Basic Trailer(grau):                   fg-basic-trailer
   ============================================================ */