/* Shared content-image treatment. Logos, icons and full-bleed backgrounds keep
   their original shapes. Only image surfaces are clipped, never carousel tracks,
   article figures/captions or mixed-content layout containers. */
body.sibo-site {
    --sibo-image-radius: 12px;
}

/* Cover current templates and images inserted later through the editor.
   This is intentionally a radius-only override of legacy page-specific rules. */
body.sibo-site img:not(:where(
    #wpadminbar img,
    .avatar, .emoji, .wp-smiley, .custom-logo,
    .sibo-brand img, .sibo-footer-home img,
    .sibo-footer-partner-logo, .sibo-partner-carousel-logo,
    .sibo-partner-carousel-item img,
    .sibo-hero-media img, .sibo-hero-slide img,
    .sibo-page-hero-media img, .sibo-about-hero-media img,
    .sibo-hub-hero-media img, .sibo-contact-hero img,
    .sibo-application-cover img, .sibo-products-cover img,
    .sibo-news-archive-hero img, .sibo-industry-backdrop img,
    .sibo-about-cta-media img, .sibo-application-contact-media img
)) {
    border-radius: var(--sibo-image-radius) !important;
}

/* Match the image canvas and clip zoom/gradient layers at the same corners.
   No size, aspect ratio, object-fit, positioning or animation is changed. */
body.sibo-site :is(
    .sibo-product-image,
    .sibo-products-art,
    .sibo-category-product-image,
    .sibo-pdp-stage,
    .sibo-pdp-main-image,
    .sibo-pdp-thumbnail,
    .sibo-pdp-related-image,
    .sibo-solution-product-art,
    .sibo-about-main-image,
    .sibo-about-detail-image,
    .sibo-about-collage-main,
    .sibo-about-collage-detail,
    .sibo-about-photo,
    .sibo-about-quality-photo,
    .sibo-about-culture-visual,
    .sibo-qualification-image,
    .sibo-news-image,
    .sibo-newsroom-media,
    .sibo-news-archive-card-visual,
    .sibo-news-archive-card-image,
    .sibo-article-recent-image,
    .sibo-application-scene,
    .sibo-application-card-image,
    .sibo-solution-detail-image,
    .sibo-mega-feature-visual,
    .sibo-mega-card-image,
    .sibo-mega-product-image,
    .sibo-mega-news-image,
    .sibo-mega-scene,
    .sibo-hub-video-frame,
    .sibo-hub-video-start,
    .sibo-video-feature-media,
    .sibo-footer-feature
) {
    border-radius: var(--sibo-image-radius) !important;
    overflow: hidden;
}

/* Full-width industry rows use square image edges on every device. */
body.sibo-application-page .sibo-application-scene {
    --sibo-image-radius: 0px;
}