/*
Theme Name:   BFW Child (Hello Elementor)
Theme URI:    https://elementor.com/
Description:  Child-Theme von Hello Elementor. Dient dazu, Plugin-Templates (die per locate_template() geladen werden) sowie Theme-Dateien sauber zu überschreiben, ohne das Parent-Theme oder das Plugin zu verändern.
Author:       priorist
Author URI:   https://priorist.com/
Template:     hello-elementor
Version:      1.0.0
Text Domain:  bfw-child
*/

/* Eigene CSS-Anpassungen hier oder – bevorzugt – in eigenen Dateien, die in functions.php per wp_enqueue_style eingebunden werden. */

/* EDM Design-Variablen überschreiben (statt Plugin main.css).
   Werte sind die Plugin-Standards; zum Anpassen einfach auskommentieren und ändern. */
:root {
  --edm-font-size: 16px; /* Plugin-Standard: 14px */

  /* Typografie */
  --edm-font-family: "Roboto",sans-serif;
  --edm-line-height: 18px;

  /* Farben */
  --edm-color-primary: #004488;
  --edm-color-secondary: #04C8F8;
  --edm-color-background: #f0f0f0;
  --edm-text-color: #343a40;
  --edm-detail-page-bg-color: #fff;

  /* Sonstiges */
  /* --edm-border-radius: 4px; */

  /* HSL-Basiswerte für die abgeleiteten primary/secondary Töne */
  /* --edm-hsl-primary-color: 223, 100%; */
  /* --edm-hsl-primary-initial-lightness: 33%; */
  /* --edm-hsl-secondary-color: 182, 100%; */
  /* --edm-hsl-secondary-initial-lightnefss: 29%; */
}

.edm-block-container h2 {
  font-size: calc(var(--edm-font-size) * 2);
}

.edm-block-container h3 {
  font-size: calc(var(--edm-font-size) * 1.35);
}

/* EDM-Button: Hover/Active/Focus auf Secondary-Farbe */
.edm-block-container .edm-apply-button:hover,
.edm-block-container .edm-apply-button:active,
.edm-block-container .edm-apply-button:focus,
.edm-block-container .edm-interest-button:hover,
.edm-block-container .edm-interest-button:active,
.edm-block-container .edm-interest-button:focus {
  background-color: var(--edm-color-secondary);
  border-color: var(--edm-color-secondary);
}

.edm-stage.edm-no-image .edm-stage-content {
  max-width: 1240px;
  margin: 0 auto;
}

.edm-stage .edm-stage-content .edm-stage-details {
  margin: 0;
}

/* Inhaltsbereich bündig zur Stage: Plugin-Padding (2rem) und .edm-row-Margin (-15px) neutralisieren */
.edm-content-container .edm-event-content {
  padding-left: 0;
  padding-right: 0;
}

.edm-block-container .edm-event-content .edm-row {
  margin-left: 0;
  margin-right: 0;
}

/* Plugin setzt ul-Padding auf 0 — Bullets würden sonst links aus dem Inhaltsbereich ragen */
.edm-event-content .edm-event-content-wrapper .edm-event-description ul {
  padding-left: 1.25rem;
}


.edm-stage .edm-stage-content .edm-event-summary {
  line-height: calc(var(--edm-line-height) * 1.25); 
}

.edm-event-meta {
  width: 100%;
}

.edm-event-description {
  max-width: 100% !important;
  display: flex;
}

.edm-event-description .edm-description-grid-item {
  margin-right: 60px;
  flex: 1;
}

.edm-event-description .edm-description-grid-item:last-child {
  margin-right: 0;
}

.edm-event-dates {
  display: flex;
  flex-direction: column;
}

/* Preise als 2-Spalten-Grid (Name | Betrag), rein strukturell – kein Tabellen-Styling */
.edm-event-base-prices {
  display: grid;
  grid-template-columns: max-content max-content; /* Name-Spalte + Betrag-Spalte, beide so breit wie nötig */
  column-gap: 10px;
  row-gap: 2px;
}

/* Jede Zeile reicht ihre beiden Zellen an das Grid des Containers weiter */
.edm-event-base-prices .edm-price-row {
  display: contents;
}

/* Beträge rechtsbündig, damit die Zahlen untereinander an der rechten Kante ausgerichtet sind */
.edm-event-base-prices .edm-price-amount {
  text-align: right;
}

/* Euro-Icon am Anfang der Preiszeile oben ausrichten (statt vertikal mittig zum Preis-Grid) */
.edm-event-base-list .edm-event-base-row-meta .edm-event-meta.edm-icon-price-before-standard {
  align-items: flex-start;
}

.edm-event-info-container {
  flex-direction: column;
}

.edm-event-info-container-row {
  display: flex;
}

.edm-event-prices span {
  margin-right: 15px;
  
}

/* EventBase-Suchergebnisse als 2-spaltiges Kachel-Grid statt voller Zeilen */
.edm-event-list.edm-event-base-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  grid-auto-rows: auto;
  align-items: stretch;
}

/* grid-gap übernimmt den vertikalen Abstand — doppelten Abstand vermeiden */
.edm-event-list.edm-event-base-list .edm-event-base {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .edm-event-list.edm-event-base-list {
    grid-template-columns: 1fr;
  }
}



/* Registrierungsformular: Text-Buttons (z. B. "Weitere Teilnehmer*in hinzufügen", Klasse .add-attendee)
   bekommen sonst das Magenta (#c36) aus der Hello-Elementor reset.css für button:hover/:focus.
   Das Plugin stylt nur .MuiButton-containedPrimary. */
#edm-registration-form .MuiButton-root.MuiButton-text {
  color: var(--edm-color-primary);
  border-color: transparent;
}

#edm-registration-form .MuiButton-root.MuiButton-text:hover,
#edm-registration-form .MuiButton-root.MuiButton-text:focus,
#edm-registration-form .MuiButton-root.MuiButton-text:active {
  background-color: var(--edm-color-primary);
  border-color: var(--edm-color-primary);
  color: #fff;
}

/* Registrierungsformular: Radio- und Checkbox-Labels vertikal mittig zum Input
   (Plugin setzt align-items: flex-start, dadurch sitzt der Text zu hoch) */
#edm-registration-form .MuiFormControlLabel-root {
  align-items: center;
}