/* Custom styles for TechTalks Edinburgh presentation */

/* Add padding above footer to prevent overlap */
.reveal .slides section {
  padding-bottom: 60px;
}

/* Ensure footer doesn't overlap content */
.reveal .footer {
  font-size: 0.6em;
  padding: 10px;
}

/* Reduce spacing for scrollable slides to accommodate footer */
.reveal .slides section.scrollable {
  padding-bottom: 80px;
}

/* Business card flip effect */
.card-container {
  perspective: 1000px;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  cursor: pointer;
}

.card-flipper {
  position: relative;
  width: 100%;
  aspect-ratio: 1.75 / 1; /* Standard business card ratio */
  transform-style: preserve-3d;
  transition: transform 0.6s ease;
}

.card-container:hover .card-flipper,
.card-container.flipped .card-flipper {
  transform: rotateY(180deg);
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

.card-front img, .card-back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

.card-back {
  transform: rotateY(180deg);
}

.card-hint {
  text-align: center;
  font-size: 0.8em;
  color: #888;
  margin-top: 1em;
}