/**
 * Albums événements — aligné Helix (accent #f39200)
 */
:root {
  --albums-accent: #f39200;
  --albums-text: #252525;
  --albums-muted: rgba(255, 255, 255, 0.75);
}

.albums-events,
.album-event-header,
.albums-events-gallery {
  padding-left: 1rem;
  padding-right: 1rem;
}

@media (min-width: 768px) {
  .albums-events,
  .album-event-header,
  .albums-events-gallery {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .albums-events,
  .album-event-header,
  .albums-events-gallery {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.albums-events .album-event-card > div > a {
  overflow: hidden;
  border-radius: 4px;
}

.albums-events .album-event-card > div > a:after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.85) 100%);
  opacity: 0.65;
}

.albums-events .album-event-card:hover > div > a:after {
  opacity: 0.8;
}

.albums-events .speasyimagegallery-album-title {
  font-size: 1.125rem;
  letter-spacing: 0.02em;
  margin-bottom: 0.35rem;
}

.albums-events .album-event-date {
  display: block;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: var(--albums-accent);
  margin-bottom: 0.4rem;
}

.albums-events .speasyimagegallery-album-meta > span {
  float: none;
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--albums-muted);
}

.albums-events .album-event-card:hover .album-event-date {
  color: #ffb347;
}

.album-event-header {
  margin-bottom: 1.5rem;
}

.album-event-header .album-event-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  margin: 0 0 1rem;
  color: var(--albums-text);
  font-size: 0.95rem;
  font-weight: 600;
}

.album-event-header .album-event-date {
  color: var(--albums-accent);
}

.album-event-header .album-event-sep {
  color: #999;
}

.album-event-header .album-event-count {
  color: #555;
}

.albums-events-gallery .speasyimagegallery-gallery-item a:hover,
.albums-events-gallery .speasyimagegallery-gallery-item a:focus {
  outline-color: var(--albums-accent);
}

@media (max-width: 768px) {
  .albums-events .speasyimagegallery-album-title {
    font-size: 1rem;
  }
}