/* Minimal Product Form – nur Layout, Optik von Woo übernehmen */
.theresia-minimal-form {
  max-width: 680px;
  margin: 0;
  padding: .5rem 0;
}

/* Zweispaltiges Layout: Label links, Feld rechts */
.theresia-minimal-form .tmf-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 12px 16px;
  align-items: center;
}

/* Label wie Woo: semibold, linkbündig */
.theresia-minimal-form .tmf-label {
  font-weight: 600;
  line-height: 1.4;
  color: inherit; /* von Woo */
}

/* Felder übernehmen Woo-Styles – nur Breite definieren */
.theresia-minimal-form select,
.theresia-minimal-form input[type="text"],
.theresia-minimal-form input[type="number"] {
  width: 100%;
  max-width: 100%;
}

/* Menge-Input sieht mit .qty bereits nach Woo aus */
.theresia-minimal-form .tmf-qty .qty {
  width: 90px; /* kleiner, wie im Woo-Produkt */
}

/* Button unter den Eingaben rechts ausrichten */
.theresia-minimal-form .tmf-row--button {
  grid-column: 2 / 3;
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Abstand zwischen Zeilen harmonisieren, ohne Woo zu überschreiben */
.theresia-minimal-form .tmf-grid > * {
  min-height: 38px; /* ungefähr Woo-Feldhöhe */
}

/* Optional: kleine Auflockerung auf schmalen Screens */
@media (max-width: 560px) {
  .theresia-minimal-form .tmf-grid {
    grid-template-columns: 1fr; /* Labels über den Feldern */
  }
  .theresia-minimal-form .tmf-row--button {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .theresia-minimal-form .tmf-label {
    margin-top: 6px;
  }
}