/*
Theme Name: TwentyTwenty-Four-Child
Template: twentytwentyfour
Version: 1.0
*/

/* === Single Product Seiten: Zwei Spalten je 50% === */
.single-product .wp-block-columns.alignwide {
  display: flex;
  flex-wrap: wrap;
}

/* Beide Spalten nehmen je 50% Breite */
.single-product .wp-block-columns.alignwide > .wp-block-column {
  flex: none;
  width: 50% !important;
  box-sizing: border-box;
  padding: 0;
}

/* Abstand zwischen den Spalten */
.single-product .wp-block-columns.alignwide > .wp-block-column:first-child {
  padding-right: 20px;
}
.single-product .wp-block-columns.alignwide > .wp-block-column:nth-child(2) {
  padding-left: 20px;
}

/* === Linke Spalte: Gallery in voller Breite innerhalb der Spalte === */
.single-product .wp-block-column:first-child .wp-block-woocommerce-product-image-gallery,
.single-product .wp-block-column:first-child .woocommerce-product-gallery {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Bild innerhalb der Gallery auf 100% skalieren */
.single-product .wp-block-column:first-child .wp-block-woocommerce-product-image-gallery img,
.single-product .wp-block-column:first-child .woocommerce-product-gallery__image img {
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (min-width: 655px) {
  /* Bild-Container fixieren */
  .single-product .wp-block-column:first-child .wp-block-woocommerce-product-image-gallery,
  .single-product .wp-block-column:first-child .woocommerce-product-gallery {
    position: fixed !important;
    top: 260px;
    left: 10vh;
    width: 40vw !important;
    height: 100vh !important;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
    margin: 0;
  }
}

/* Komplett alle Checkout-Order-Summary-Blöcke ausblenden */
.wp-block-woocommerce-checkout-order-summary-block,
.wp-block-woocommerce-checkout-order-summary-subtotal-block,
.wp-block-woocommerce-checkout-order-summary-totals-block,
.wc-block-components-sidebar {
    display: none !important;
}

/* Hauptbereich auf volle Breite ziehen */
.wc-block-components-main {
    width: 100% !important;
}

/* Produkt thumbnail links neben konfigurationsbilder ausblenden */


.woocommerce-cart td.product-thumbnail,
.woocommerce-cart th.product-thumbnail,
.woocommerce-cart td.product-thumbnail a,
.woocommerce-cart td.product-thumbnail img {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}