/* ============================================================
   GLOBAL ROUNDED CORNERS FOR POST IMAGES (Block themes / TT5)
   ============================================================ */

/* Tune this one variable */
:root {
  --global-image-radius: 12px;
}

/*
  Canonical post-content wrapper in block themes (Twenty Twenty-Five):
  .wp-site-blocks … .wp-block-post-content
*/
.wp-site-blocks .wp-block-post-content figure,
.wp-site-blocks .wp-block-post-content .wp-block-image,
.wp-site-blocks .wp-block-post-content .wp-block-gallery figure,
.wp-site-blocks .wp-block-post-content figure.wp-block-image {
  border-radius: var(--global-image-radius) !important;
  overflow: hidden !important; /* ensures the rounding actually clips */
}

/* Apply rounding directly to images too (belt + suspenders) */
.wp-site-blocks .wp-block-post-content img {
  border-radius: var(--global-image-radius) !important;
  display: block; /* avoids odd inline rendering gaps */
}

/* Zoom cursor + hover affordance for your auto-linked images */
.wp-site-blocks a[data-global-lightbox] {
  cursor: zoom-in;
}

.wp-site-blocks a[data-global-lightbox]:hover img {
  transform: scale(1.01);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* Do NOT round the lightbox image */
#global-lightbox-overlay img {
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Fallback exclusion in case the overlay id isn't present yet */
body > div[id*="lightbox"][style*="position: fixed"] img,
body > div[style*="position: fixed"][style*="inset: 0"] img {
  border-radius: 0 !important;
}