/* Wantalin Layout + Reports Polish v45 */

/* 1) Remove the thin Gutenberg/site-layout gaps above and below full-width hero artwork. */
.wp-site-blocks > header.wp-block-template-part + main,
.wp-site-blocks > header + main,
.wp-site-blocks > .wp-block-template-part + main,
.wp-site-blocks main,
.wp-site-blocks .wp-block-post-content {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}
.wp-block-post-content > .apl-page-hero,
main > .apl-page-hero,
.apl-page-hero {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.wp-block-post-content > .apl-page-hero + *,
main > .apl-page-hero + *,
.apl-page-hero + .apl-test-reports,
.apl-page-hero + .wp-block-group {
  margin-block-start: 0 !important;
  margin-top: 0 !important;
}

/* Keep the About updater's full-width image sections physically joined with no white/yellow seam. */
.wantalin-about-v28-page .wp-block-post-content > *,
.wantalin-about-v28-page .wantalin-about-v28-section,
.wantalin-about-v28-page .wantalin-about-v28-lightblue {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

/* 2) Remove the old yellow divider above the pale-blue manufacturer block and keep one color field. */
body.wantalin-manufacturer-page-v42 .apl-gold-band,
body.wantalin-manufacturer-page-v42 .apl-brand-trust,
body.wantalin-manufacturer-page-v42 [data-wantalin-v42-yellow-strip] {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
body.wantalin-manufacturer-page-v42 .apl-brand-trust {
  background: #eef7fb !important;
}

/* 3) Repair the report preview/lightbox that used to render as a broken image below the footer. */
.wantalin-report-lightbox {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(18px, 4vw, 56px) !important;
  background: rgba(5, 15, 22, .82) !important;
  backdrop-filter: blur(8px);
  margin: 0 !important;
}
.wantalin-report-lightbox.is-open {
  display: flex !important;
}
.wantalin-report-lightbox__inner {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(94vw, 1180px) !important;
  max-height: 90vh !important;
  padding: 18px 64px !important;
  border-radius: 12px !important;
  background: #fff !important;
  box-shadow: 0 30px 90px rgba(0,0,0,.35) !important;
}
.wantalin-report-lightbox__img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: calc(90vh - 36px) !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
.wantalin-report-lightbox__img:not([src]),
.wantalin-report-lightbox__img[src=""] {
  visibility: hidden !important;
}
.wantalin-report-lightbox__close,
.wantalin-report-lightbox__prev,
.wantalin-report-lightbox__next {
  position: absolute !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  cursor: pointer !important;
  background: #123f34 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}
.wantalin-report-lightbox__close {
  top: 12px !important;
  right: 12px !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 999px !important;
  font-size: 24px !important;
}
.wantalin-report-lightbox__prev,
.wantalin-report-lightbox__next {
  top: 50% !important;
  width: 42px !important;
  height: 54px !important;
  border-radius: 8px !important;
  transform: translateY(-50%) !important;
  font-size: 30px !important;
}
.wantalin-report-lightbox__prev { left: 10px !important; }
.wantalin-report-lightbox__next { right: 10px !important; }

/* 4) Home + COA Reports: click is the enlargement action. Keep only a subtle hover cue. */
[data-apl-report-strip] [data-apl-report-card] {
  cursor: zoom-in !important;
  transition: box-shadow .18s ease, border-color .18s ease !important;
}
@media (hover:hover) and (pointer:fine) {
  [data-apl-report-strip] [data-apl-report-card]:hover {
    box-shadow: 0 10px 26px rgba(18,44,53,.10) !important;
  }
}

/* v45: click-to-enlarge report viewer on BOTH Home and COA Reports. */
[data-apl-report-strip] [data-apl-report-card],
[data-apl-report-strip] [data-apl-report-card] img {
  cursor: zoom-in !important;
}

/* Hide legacy lightboxes created by older homepage code; v45 owns the viewer. */
.wantalin-report-lightbox:not(.wantalin-report-lightbox--v45) {
  display: none !important;
}

.wantalin-report-lightbox--v45 {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(14px, 3vw, 44px) !important;
  margin: 0 !important;
  background: rgba(4, 14, 20, .88) !important;
  backdrop-filter: blur(7px);
}
.wantalin-report-lightbox--v45.is-open {
  display: flex !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__inner {
  position: relative !important;
  width: min(94vw, 1120px) !important;
  height: min(92vh, 920px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 56px 66px 34px !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 32px 100px rgba(0,0,0,.38) !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  margin: auto !important;
  background: #fff !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__close,
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__prev,
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__next {
  position: absolute !important;
  z-index: 2 !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  cursor: pointer !important;
  background: #123f34 !important;
  color: #fff !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.20) !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__close {
  top: 12px !important;
  right: 12px !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 999px !important;
  font-size: 26px !important;
  line-height: 1 !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__prev,
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__next {
  top: 50% !important;
  width: 44px !important;
  height: 58px !important;
  border-radius: 8px !important;
  transform: translateY(-50%) !important;
  font-size: 31px !important;
  line-height: 1 !important;
}
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__prev { left: 10px !important; }
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__next { right: 10px !important; }
.wantalin-report-lightbox--v45 .wantalin-report-lightbox__counter {
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: #123f34 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}
body.wantalin-report-viewer-open {
  overflow: hidden !important;
}

@media (max-width: 781px) {
  .wantalin-report-lightbox--v45 { padding: 10px !important; }
  .wantalin-report-lightbox--v45 .wantalin-report-lightbox__inner {
    width: 96vw !important;
    height: 90vh !important;
    padding: 54px 14px 22px !important;
  }
  .wantalin-report-lightbox--v45 .wantalin-report-lightbox__prev { left: 4px !important; }
  .wantalin-report-lightbox--v45 .wantalin-report-lightbox__next { right: 4px !important; }
}