/**
 * OKAPI Photo Diary — frontend (scoped).
 * Loaded on editorial single posts; does not alter non-pattern content.
 */

body.okp-editorial-ui .okp-post-content .okp-photo-diary {
  --okp-pd-gap: 36px;
  --okp-pd-gap-sm: 28px;
  --okp-pd-duo-gap: 10px;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary > * {
  margin-top: 0;
  margin-bottom: var(--okp-pd-gap);
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary > *:last-child {
  margin-bottom: 0;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__lead {
  font-family: var(--gothic, "Shippori Gothic B2", sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
  color: var(--okp-ed-ink, #2a241c);
}

/* Large photos — full content width, natural aspect */
body.okp-editorial-ui .okp-post-content .okp-photo-diary__hero,
body.okp-editorial-ui .okp-post-content .okp-photo-diary .wp-block-image {
  margin-left: 0;
  margin-right: 0;
  max-width: none;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  filter: none;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary .wp-block-image img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 85vh;
  height: auto !important;
  margin-inline: auto;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  box-shadow: none;
  filter: none;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary figcaption,
body.okp-editorial-ui .okp-post-content .okp-photo-diary .wp-element-caption {
  margin-top: 0.55em;
  font-family: var(--gothic, "Shippori Gothic B2", sans-serif);
  font-size: 12px;
  line-height: 1.6;
  color: var(--okp-ed-mute, #888);
  text-align: left;
}

/* Duo gallery — 2 columns, no crop / no effects */
body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo.wp-block-gallery,
body.okp-editorial-ui .okp-post-content .okp-photo-diary .wp-block-gallery.okp-photo-diary__duo {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--okp-pd-duo-gap);
  margin: 0 0 var(--okp-pd-gap);
  padding: 0;
  align-items: start;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo .wp-block-image,
body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo figure {
  margin: 0;
  width: 100%;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo img {
  width: auto;
  max-width: 100%;
  max-height: none;
  height: auto !important;
  object-fit: contain;
  object-position: center;
  border-radius: 0;
  box-shadow: none;
  filter: none;
}

/* Avoid WP default crop stretch on this gallery */
body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo.is-cropped .wp-block-image,
body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo.is-cropped img {
  height: auto !important;
  aspect-ratio: auto;
  object-fit: contain !important;
}

/* Gear block — optional, quiet meta */
body.okp-editorial-ui .okp-post-content .okp-photo-diary__gear {
  margin-top: calc(var(--okp-pd-gap) + 8px);
  padding-top: 20px;
  border-top: 1px solid var(--okp-ed-line, #d8cbb8);
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__gear > * {
  margin: 0;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__gear-label {
  margin: 14px 0 4px !important;
  font-family: var(--en, "Fjalla One", sans-serif);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--okp-ed-mute, #888);
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__gear-label:first-child {
  margin-top: 0 !important;
}

body.okp-editorial-ui .okp-post-content .okp-photo-diary__gear-value {
  margin: 0 0 2px !important;
  font-family: var(--gothic, "Shippori Gothic B2", sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.55;
  color: var(--okp-ed-ink, #2a241c);
}

@media (max-width: 359px) {
  body.okp-editorial-ui .okp-post-content .okp-photo-diary__duo.wp-block-gallery {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media (min-width: 768px) {
  body.okp-editorial-ui .okp-post-content .okp-photo-diary {
    --okp-pd-gap: 48px;
    --okp-pd-duo-gap: 12px;
  }
}