/*
 * Bikepark1024 Trail-Status 0.2.3
 *
 * Wichtig: Elementor bleibt für Layout, Abstände, Typografie, Größen und Responsive zuständig.
 * Das Plugin setzt nur Statusfarbe und ersetzt innerhalb eines vorhandenen Icon-Widgets die Grafik.
 */

.bikepark-trail-status--open,
.bikepark-trail-status--open .elementor-widget-text-editor,
.bikepark-trail-status--open .elementor-widget-text-editor .elementor-widget-container,
.bikepark-trail-status--open .elementor-widget-heading,
.bikepark-trail-status--open .elementor-heading-title {
  color: #009d73 !important;
}

.bikepark-trail-status--closed,
.bikepark-trail-status--closed .elementor-widget-text-editor,
.bikepark-trail-status--closed .elementor-widget-text-editor .elementor-widget-container,
.bikepark-trail-status--closed .elementor-widget-heading,
.bikepark-trail-status--closed .elementor-heading-title {
  color: #e20b34 !important;
}

/*
 * Das vorhandene Elementor-Icon behält exakt seinen Platz, seine Größe, sein Padding
 * und seine responsive Geometrie. Das ursprüngliche SVG/Icon bleibt unsichtbar als
 * Größenhalter erhalten; das Status-SVG wird nur als Hintergrund darüber gelegt.
 */
.bikepark-trail-status__icon-host {
  background-image: var(--bikepark-trail-status-icon) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.bikepark-trail-status__icon-host > svg,
.bikepark-trail-status__icon-host > i {
  opacity: 0 !important;
}

/* Nur für optionale Shortcodes, nicht für die vorhandenen Elementor-Container. */
.bikepark-trail-status__shortcode-icon {
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  object-fit: contain;
  vertical-align: -0.15em;
  margin-right: 0.4em;
}

.bikepark-trail-status__shortcode-text {
  display: inline;
}