/* Poulimenos Handmade — product photo viewer (product pages) */

/* product photos invite a click / tap */
.polaroid img {
  cursor: zoom-in;
  transition: opacity 0.2s ease;
}

.polaroid img:hover {
  opacity: 0.92;
}

.polaroid img:focus-visible {
  outline: 3px solid #c9a45c;
  outline-offset: 3px;
}

/* viewer: light cream backdrop (the site background), so cut-out product photos read clearly */
.pswp {
  --pswp-bg: #f7f4ee;
  --pswp-placeholder-bg: #efebe2;
  --pswp-icon-color: #1c1f1d;
  --pswp-icon-color-secondary: #f7f4ee;
  --pswp-icon-stroke-color: #f7f4ee;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: #1c1f1d;
}

.pswp__counter {
  color: #4a4d46;
  text-shadow: none;
  font-family: "Manrope", system-ui, sans-serif;
  font-weight: 600;
}

/* soft shadow so photos with a white/transparent background still stand off the cream */
.pswp__img {
  filter: drop-shadow(0 10px 28px rgba(20, 35, 28, 0.18));
}

/* caption: product name + description under the photo */
.pswp__product-caption {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: min(720px, 100%);
  box-sizing: border-box;
  padding: 16px 20px calc(18px + env(safe-area-inset-bottom));
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center;
  color: #4a4d46;
  font-family: "Manrope", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background: linear-gradient(180deg, rgba(247, 244, 238, 0) 0%, rgba(247, 244, 238, 0.95) 45%);
  pointer-events: none;
}

.pswp__product-caption strong {
  color: #8a6a2e;
  font-size: 15px;
  font-weight: 700;
}

.pswp__product-caption:empty {
  display: none;
}