/* Only the three business cards have sharing and download controls. */
.photo-gallery .gallery-card {
  width: 100%;
  max-width: none;
  justify-self: stretch;
  align-self: start;
}

.photo-gallery .gallery-card > a > img {
  aspect-ratio: 2008 / 1300;
  object-fit: contain;
  transform: none;
}

.photo-gallery .gallery-card figcaption {
  min-height: 56px;
  font-size: .85rem;
  line-height: 1.55;
}

.photo-gallery .gallery-card-tools {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 0 12px 16px;
}

.photo-gallery .gallery-card-tools form {
  margin: 0;
}

.photo-gallery .gallery-card-tools button,
.photo-gallery .gallery-card-tools .gallery-card-download {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 44px;
  width: 44px;
  min-height: 44px;
  padding: 0;
  color: var(--text);
  background: transparent;
  border: 1px solid var(--border);
  border-radius: 12px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color .2s, border-color .2s, box-shadow .2s;
}

.photo-gallery .gallery-card-tools svg {
  display: block;
  width: 20px;
  height: 20px;
}

.photo-gallery .gallery-card-tools button:focus-visible,
.photo-gallery .gallery-card-tools .gallery-card-download:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

.photo-gallery .gallery-card-tools [data-card-platform="whatsapp"] {
  --card-share-background: #25d366;
  --card-share-hover: #1ebd5c;
  --card-share-label: #073b1b;
}

.photo-gallery .gallery-card-tools [data-card-platform="facebook"] {
  --card-share-background: #0866ff;
  --card-share-hover: #075ce5;
  --card-share-label: #fff;
}

.photo-gallery .gallery-card-tools [data-card-platform="x"] {
  --card-share-background: #000;
  --card-share-hover: #262626;
  --card-share-label: #fff;
}

.photo-gallery .gallery-card-tools [data-card-platform] {
  color: var(--card-share-label);
  background: var(--card-share-background);
  border-color: var(--card-share-background);
}

.photo-gallery .gallery-card-tools [data-card-platform]:hover {
  color: var(--card-share-label);
  background: var(--card-share-hover);
  border-color: var(--card-share-hover);
  box-shadow: 0 2px 5px rgb(0 0 0 / .12);
}

.photo-gallery .gallery-card-tools .gallery-card-download {
  padding: 0;
  border: 0;
}

.photo-gallery .gallery-card-download svg {
  display: block;
  width: 18px;
  height: 18px;
}

@media (max-width: 520px) {
  .photo-gallery .gallery-card figcaption {
    min-height: 0;
    font-size: .9rem;
  }

  .photo-gallery .gallery-card-tools {
    padding: 0 18px 18px;
    gap: 12px;
  }
}