/* modules/widgets/gallery/assets/css/gallery.css */

/* Styling for the active sub-navigation button */
.gallery-subnav-button.active {
  background-color: #0067a2; /* Tekimex blue */
  color: white;
  border-color: #0067a2; /* Match background */
  font-weight: 500; /* Slightly bolder */
}

/* Optional: Remove hover effect on active button if desired */
.gallery-subnav-button.active:hover {
  background-color: #00578a; /* Slightly darker blue on hover */
  border-color: #00578a;
}

/* Ensure consistent focus styles (optional, adjust as needed) */
.gallery-subnav-button:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  box-shadow: 0 0 0 2px rgba(0, 103, 162, 0.5); /* Focus ring using Tekimex blue */
}

/* Fade-in animation for gallery items */
.gallery-item {
  opacity: 0;
  transform: translateY(20px); /* Optional: slight upward movement */
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.gallery-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}