/* RADONEGA /news — animated clean background v15
   Reuses the same clean blue background + vector water/gold/bubbles
   already used on About / Wholesale / Contacts / Cart. */

body.radonega-news-bg {
  color: #27354a;
}

/* The legacy news template paints large white sections over body.
   Make only the page shells transparent so our background is visible.
   News cards themselves remain readable. */
body.radonega-news-bg #main,
body.radonega-news-bg .site-primary,
body.radonega-news-bg .site-content,
body.radonega-news-bg .elementor,
body.radonega-news-bg .elementor-339,
body.radonega-news-bg .elementor-339 > .elementor-section,
body.radonega-news-bg .elementor-339 .elementor-container,
body.radonega-news-bg .elementor-339 .elementor-column,
body.radonega-news-bg .elementor-339 .elementor-widget-wrap,
body.radonega-news-bg .radonega_catalogrecom_section,
body.radonega-news-bg .radonega_catalognews {
  background-color: transparent !important;
  background-image: none !important;
}

/* Keep the header itself readable but let it sit naturally on the same page. */
body.radonega-news-bg .radonega_header_section {
  background-color: transparent !important;
}

/* News cards stay lightly opaque over the moving background. */
body.radonega-news-bg .radonega_catalognews article.post {
  overflow: hidden;
  border: 1px solid rgba(22, 51, 93, .10);
  border-radius: 14px;
  background: rgba(255,255,255,.82) !important;
  box-shadow: 0 12px 30px rgba(35,59,89,.07);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}

/* The old section title used a solid white slab. */
body.radonega-news-bg .radonega_catalogrecom_section {
  padding-top: 58px !important;
  padding-bottom: 34px !important;
}

body.radonega-news-bg .radonega_catalogrecom_block {
  color: #0b2860 !important;
}

/* Ensure the animated decoration stays behind the content. */
body.radonega-news-bg .about-vector-stage {
  pointer-events: none;
}

@media (max-width: 991px) {
  body.radonega-news-bg .radonega_catalogrecom_section {
    padding-top: 36px !important;
    padding-bottom: 22px !important;
  }
}
