/* FancyBox Custom Styles to Match Site Theme */

/* Override FancyBox container background */
.fancybox__backdrop {
  background: rgba(0, 0, 0, 0.9);
}

/* Light mode FancyBox overrides */
.fancybox__container {
  --fancybox-bg: var(--color-background, #ffffff);
  --fancybox-color: var(--color-text, #232333);
}

.fancybox__nav button,
.fancybox__toolbar button {
  color: var(--color-text, #232333);
}

.fancybox__nav button:hover,
.fancybox__toolbar button:hover {
  background-color: var(--color-primary, #dc143c);
  color: #ffffff;
}

/* FancyBox caption styling */
.fancybox__caption {
  background: var(--color-background, #ffffff);
  color: var(--color-text, #232333);
  border-top: 2px solid var(--color-border, #663399);
}

/* FancyBox counter and info text */
.fancybox__counter,
.fancybox__infobar {
  color: var(--color-text-muted, #737373);
}

/* Dark mode FancyBox overrides */
@media (prefers-color-scheme: dark) {
  .fancybox__container {
    --fancybox-bg: var(--color-background-dark, #202124);
    --fancybox-color: var(--color-text-dark, #ffffff);
  }

  .fancybox__nav button,
  .fancybox__toolbar button {
    color: var(--color-text-dark, #ffffff);
  }

  .fancybox__nav button:hover,
  .fancybox__toolbar button:hover {
    background-color: var(--color-primary-dark, #50fa7b);
    color: #000000;
  }

  .fancybox__caption {
    background: var(--color-background-dark, #202124);
    color: var(--color-text-dark, #ffffff);
    border-top: 2px solid var(--color-border-dark, #0066ff);
  }

  .fancybox__counter,
  .fancybox__infobar {
    color: var(--color-text-muted-dark, #dddddd);
  }
}