/*
 * RecyclingInside: eigen styling. Laadt alleen op deze site, direct na style.css.
 * Tot oktober 2026 stonden deze regels onderaan style.css op de branch recyclinginside.
 */

body {
  --gs-btn-primary: #1f3d80;
}

/* RecyclingInside: JetButtons navy in plaats van teal (label op oranje, hover, primary-vlak). */
html body :is(.elementor-widget-jet-button, .elementor-widget-button, .elementor-widget-form, .elementor-button) {
  --e-global-color-primary: #1f3d80;
  --gs-color-primary: #1f3d80;
  --gs-btn-accent-label: #1f3d80;
  --e-global-color-d28b466: #1f3d80;
}

/* RecyclingInside: oranje gs-button (accent) krijgt een navy label; de andere rollen blijven standaard. */
html body .gs-button.gs-button--accent {
  --gs-btn-color: #1f3d80;
}

/* RecyclingInside: oranje Gravity Forms-verzendknop (geen knoprol, of Accent) krijgt een navy label. */
html body .gform_wrapper form:not([class*="gs-button--"]) :is(.gform_footer, .gform_page_footer) :is(.gform_button, input[type="submit"]),
html body .gform_wrapper form.gs-button--accent :is(.gform_footer, .gform_page_footer) :is(.gform_button, input[type="submit"]) {
  --gs-btn-color: #1f3d80;
}

/* RecyclingInside: eigen icoontjes (de standaard in images/ is die van BulkInside). Dezelfde selectors als in style.css. */
.manufacturer-productlist-wrap .manufacturer-productlist > li .item-card h3:after {
  background-image: url(../../images/site/recyclinginside/theme-icon-down.svg);
}

.manufacturer-productlist-wrap .manufacturer-productlist > li .item-card ul.products li:before {
  background-image: url(../../images/site/recyclinginside/theme-icon.svg);
}

.mc-campaign-wrapper li .campaign-link:before {
  background-image: url("../../images/site/recyclinginside/theme-icon.svg");
}