/* Start custom CSS *//* The Elementor containers already provide the outer shell for these blocks (green band, light-green rounded box, 1200px content width), so the plugin's own shell is switched off to avoid doubling background and padding. */
.at-range-proof { background: none; padding: 0; }
.at-range-methods { background: none; padding: 0; border-radius: 0; }
/* The product grid sits directly in the section, so it carries the content width itself. */
.at-range-products { max-width: 1200px; margin-inline: auto; }
/* A shortcode that renders nothing must take its whole section with it, otherwise the container keeps painting its padding and background on ranges where the section is switched off. */
.elementor-element-722ef001:has(.elementor-shortcode:empty),
.elementor-element-1029a27e:has(.elementor-shortcode:empty),
.elementor-element-25a31dc7:has(.elementor-shortcode:empty),
.elementor-element-503847aa:has(.elementor-shortcode:empty),
.elementor-element-286c4050:has(.elementor-shortcode:empty) { display: none; }

/* Hero background. The range's own range_hero_image (ACF, Range post type) is
   published as --at-range-hero-image by the Ad Terram Range Sections plugin.
   Ranges without a hero image fall back to the default below. */
.elementor .elementor-element-8973425 { background-image: linear-gradient(rgba(21,47,14,0) 40%, rgba(21,47,14,.5) 60%, rgb(21,47,14) 100%), var(--at-range-hero-image, url("https://ad-terram.nl/wp-content/uploads/2026/09/filmcoating-range-hero.jpg")); }/* End custom CSS */