/* Shared news cards and previous design variants. */
body .sbm-news-v2-card:is(:hover, :focus-visible) .sbm-news-v2-image { transform: scale(1.04); }
body .sbm-news-v2-card:is(:hover, :focus-visible) .sbm-news-v2-title { color: var(--sbm-orange, #ff6600); }
body .sbm-news-v2-card:focus-visible { transform: translateY(-.3rem); box-shadow: 0 12px 28px #00000012; }
@media (prefers-reduced-motion: reduce) {
  body .elementor .sbm-news-v2-card:is(:hover, :focus-visible),
  body .elementor .sbm-news-v2-card:is(:hover, :focus-visible) .sbm-news-v2-image { transform: none; }
}

/* Portrait v3: blur and darkness are confined to the caption, with a soft upper edge. */
body .sbm-news-v3-overlay::before,
body .sbm-news-v4-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgb(0 0 0 / 38%), rgb(0 0 0 / 78%));
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  -webkit-mask-image: linear-gradient(transparent, #000 2rem);
  mask-image: linear-gradient(transparent, #000 2rem);
  pointer-events: none;
}
/* Selected v4: a shorter, lighter blur begins immediately above the heading. */
body .sbm-news-v4-overlay::before {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  -webkit-mask-image: linear-gradient(transparent, #000 1rem);
  mask-image: linear-gradient(transparent, #000 1rem);
}
body .sbm-news-v3-card:is(:hover, :focus-visible) .sbm-news-v3-image { transform: scale(1.035); }
body .sbm-news-v3-card:focus-visible { transform: translateY(-.25rem); box-shadow: 0 12px 28px #00000018; }
@media (prefers-reduced-motion: reduce) {
  body .elementor .sbm-news-v3-card:is(:hover, :focus-visible),
  body .elementor .sbm-news-v3-card:is(:hover, :focus-visible) .sbm-news-v3-image { transform: none; }
}