/* Foto Album Plugin by mixx'd
 * Bewust minimale styling — fonts/kleuren/typografie worden geërfd van het actieve theme.
 * Alleen layout (grid + ratio) en lightbox-overrides worden hier gezet.
 */

.fap-albums-grid,
.fap-photos-grid {
  display: grid;
  grid-template-columns: repeat(var(--fap-cols, 3), minmax(0, 1fr));
  gap: var(--fap-gap, 16px);
  width: 100%;
}

@media (max-width: 1024px) {
  .fap-albums-grid,
  .fap-photos-grid {
    grid-template-columns: repeat(var(--fap-cols-tab, 2), minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .fap-albums-grid,
  .fap-photos-grid {
    grid-template-columns: repeat(var(--fap-cols-mob, 1), minmax(0, 1fr));
  }
}

/* Album cards (overzicht) */
.fap-album-card {
  display: block;
  text-decoration: none;
  color: inherit;
  transition: transform .25s ease, opacity .25s ease;
}
.fap-album-card:hover { transform: translateY(-2px); opacity: .92; }

.fap-album-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: var(--fap-ratio, 1/1);
  overflow: hidden;
  background: rgba(0,0,0,0.05);
}
.fap-album-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.fap-album-card:hover .fap-album-card__media img { transform: scale(1.04); }

.fap-album-card__meta {
  padding: .75em 0 0;
}
.fap-album-card__title {
  margin: 0 0 .15em;
  /* font-family/size/color erven van theme */
}
.fap-album-card__date {
  opacity: .7;
  font-size: .85em;
}

/* Single album photos */
.fap-photo {
  display: block;
  width: 100%;
  overflow: hidden;
  background: rgba(0,0,0,0.05);
}
.fap-photos-grid[style*="--fap-ratio:auto"] .fap-photo { aspect-ratio: auto; }
.fap-photo {
  aspect-ratio: var(--fap-ratio, 1/1);
}
.fap-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.fap-photo:hover img { transform: scale(1.03); }

/* a-tags reset binnen photos-grid */
a.fap-photo { text-decoration: none; }