/* Certificate lightbox — Fancybox theme (Second Chaptter) */

.fancybox__container {
  --f-button-width: 44px;
  --f-button-height: 44px;
  --f-button-border-radius: 50%;
  --f-button-color: var(--text-dark);
  --f-button-hover-color: var(--pink-warm);
  --f-button-bg: rgba(255, 252, 250, 0.95);
  --f-button-hover-bg: var(--pink-blush);
  --f-button-active-bg: var(--pink-petal);
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  --f-button-svg-stroke-width: 1.75;
  --f-arrow-pos: 16px;
  --f-spinner-color-1: var(--pink-mid);
  --f-spinner-color-2: var(--gold-mid);
}

.fancybox__backdrop {
  background: rgba(74, 32, 48, 0.72);
  backdrop-filter: blur(4px);
}

.fancybox__carousel {
  --f-carousel-slide-padding: 1.25rem 3.5rem 4.5rem;
}

.fancybox__slide.has-image .fancybox__content {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

.fancybox__image {
  border-radius: 10px;
  box-shadow:
    0 24px 60px rgba(74, 32, 48, 0.35),
    0 0 0 1px rgba(212, 170, 96, 0.25);
}

.fancybox__caption {
  font-family: var(--font-serif);
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  font-style: italic;
  font-weight: 500;
  color: var(--cream-white);
  text-align: center;
  text-shadow: 0 1px 8px rgba(74, 32, 48, 0.5);
  padding-top: 0.85rem;
}

.fancybox__toolbar {
  --f-button-color: var(--cream-white);
  --f-button-hover-color: var(--pink-petal);
  --f-button-bg: rgba(74, 32, 48, 0.45);
  --f-button-hover-bg: rgba(217, 79, 102, 0.75);
  padding: 0.75rem 0.5rem;
}

.fancybox__infobar {
  font-family: var(--font-sans);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--gold-soft);
}

@media (max-width: 767px) {
  .fancybox__carousel {
    --f-carousel-slide-padding: 1rem 0.5rem 3.75rem;
  }

  .fancybox__container {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-arrow-pos: 8px;
  }
}