/* ==========================================================================
   SKUPINA CREDIT - GALERIE.CSS (styly specifické pro galerie.html)
   ========================================================================== */

/* === ALBA A FOTOGALERIE === */

.album-wrap { max-width: 1200px; margin: 0 auto; padding: 0 32px 60px; }
.album-header { margin-bottom: 24px; padding-bottom: 16px; border-bottom: 1px solid var(--border); }
.album-date { font-weight: 600; font-size: 0.85rem; letter-spacing: 3px; text-transform: uppercase; color: var(--accent); margin-bottom: 8px; display: block; }
.album-title { font-family: var(--font-display); font-size: 2.2rem; line-height: 1.1; letter-spacing: 1px; color: var(--text); text-transform: uppercase; }
.album-location { font-size: 1rem; color: var(--text-muted); margin-top: 8px; display: flex; align-items: center; gap: 8px; }
.album-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; margin-bottom: 80px; }
.album-grid .g-item { overflow: hidden; border-radius: 8px; aspect-ratio: 4/3; position: relative; display: block; }
.album-grid .g-item img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(15%); transition: filter 0.5s, transform 0.5s; }
.album-grid .g-item:hover img { filter: grayscale(0%); transform: scale(1.05); }
.album-grid .g-item::after { content: '\f002'; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); color: #fff; font-size: 2rem; opacity: 0; transition: transform 0.3s, opacity 0.3s; z-index: 2; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.album-grid .g-item:hover::after { transform: translate(-50%, -50%) scale(1); opacity: 1; }