/* Streetbag-Konfigurator auf der Produktseite */

.streetbag-configurator {
  width: 100%;
  margin: 0 0 2rem;
}

.streetbag-configurator iframe {
  display: block;
  width: 100%;
  border: 0;
  background: #fff;
}

/* Handy: genau ein Bildschirm hoch. Der Konfigurator teilt die Höhe in Karte
   (steht fest) und Einstellungen (scrollen). dvh = aktuell sichtbare Höhe
   (ohne ausgeblendete Adressleiste), svh/vh als Rückfall für ältere Browser.
   Schlägt die Höhe aus dem style-Attribut (Desktop-Einstellung). */
@media (max-width: 900px) {
  .streetbag-configurator iframe {
    height: 100vh !important;
    height: 100svh !important;
    height: 100dvh !important;
    min-height: 480px;
  }
}

/* Galerie und Standard-Warenkorbbutton ausblenden: Bild und Button liefert der
   Konfigurator. Die Mengenauswahl und der Preis bleiben sichtbar. */
.streetbag-hide-gallery .woocommerce-product-gallery {
  display: none !important;
}

.streetbag-hide-gallery .summary {
  width: 100% !important;
  float: none !important;
}

.streetbag-product form.cart .single_add_to_cart_button {
  display: none !important;
}

.streetbag-thumb {
  object-fit: contain;
}

.streetbag-warning {
  padding: 1rem;
  border: 1px solid #d63638;
}