/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* Headings Overflow */
h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  max-width: 100%;
}

/*** Menu ***/
/* Kasse Button ausblenden */
.button.checkout.wc-forward {
  display: none;
}

/* woofix single product */
  .woocommerce-product-gallery {
    width:100%
  }



/* WARENKORB/CHECKOUT */


/* Aktionszeile zentrieren */
.woocommerce-cart-form .actions { text-align: center; }

/* Button sicher zentrierbar (falls sichtbar) */
.woocommerce-cart-form .actions .button[name="update_cart"] {
  display: inline-block; float: none; margin: 0 auto;
}

/* Update-Button verstecken (JS triggert ihn) */
.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] { display: none !important; }

/* Info-Leiste: Zwischensumme + Gratisversand-Hinweis */
.sp-cart-info {
  display: flex; justify-content: space-between; align-items: center;
  padding: .75rem 1rem; margin: .75rem 0 1rem;
  background: #f6f6f6; border-radius: 6px; font-size: .95rem;
}
.sp-cart-info .sp-free-ship { color: #2d7a36; }


/* SHOP DISPLAY */

/* Grid-Karten */
.woocommerce ul.products li.product{
  padding:12px;border-radius:8px;transition:box-shadow .2s ease,transform .2s ease;
}
.woocommerce ul.products li.product:hover{
  box-shadow:0 6px 18px rgba(0,0,0,.06);transform:translateY(-2px);
}
/* Bild: Quadrat & sauber beschnitten */
.woocommerce ul.products li.product a img{
  aspect-ratio:1/1;object-fit:cover;border-radius:6px;
}
/* Titel: 2 Zeilen, klare Typo */
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-weight:600;font-size:16px;line-height:1.3;min-height:2.6em;margin:.5rem 0 .25rem;
}
/* Preis betonen */
.woocommerce ul.products li.product .price{
  font-weight:600;color:#2d3b32;margin-bottom:.5rem;
}
/* CTA ruhig, markenfarben */
.woocommerce ul.products li.product .button{
  background:#6b3f36;color:#fff;border-radius:6px;padding:.5rem .75rem;
}
.woocommerce ul.products li.product .button:hover{ background:#543127; }
/* Sale-/Info-Badge dezent grün */
.woocommerce span.onsale{
  background:#2d7a36;color:#fff;border-radius:999px;padding:.25rem .5rem;
  min-height:auto;min-width:auto;top:10px;left:10px;
}
/* Filter-Spalte: optische Trennung */
.shop-filters{ border-right:1px solid #eee; padding-right:16px; }
@media (max-width: 991px){
  .shop-filters{ border-right:0; }
}


/* ===== Single Product: Clean Gallery + CTA (minimal) ===== */

/* Strukturbreite & Weißraum */
.product-main {
  max-width: 1200px;
  margin-inline: auto;
  gap: 32px;
}

/* Galerie – ruhig, quadratisch, konsistente Ecken */
.gallery-col .woocommerce-product-gallery__image a,
.gallery-col .woocommerce-product-gallery__image img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 6px;
}

/* Thumbnails: klare Kacheln, dezent aktiv */
.gallery-col .flex-control-nav { gap: 12px; }
.gallery-col .flex-control-nav li { list-style: none; }
.gallery-col .flex-control-nav li img {
  border-radius: 6px;
  outline: 2px solid transparent;
  transition: outline-color 160ms ease, transform 160ms ease;
}
.gallery-col .flex-control-nav li img:hover { transform: translateY(-1px); }
.gallery-col .flex-control-nav li .flex-active { outline-color: #7c9a6d; } /* naturgrün */

/* Summary – Typo & Buttons markenkonform */
.summary-col .product_title {
  margin: 0 0 8px;
  line-height: 1.2;
  font-weight: 700;
}
.summary-col .price {
  color: #2f6b3a;               /* naturgrün */
  font-weight: 600;
  margin-bottom: 16px;
}
.summary-col .woocommerce-product-details__short-description { margin-bottom: 16px; }
.summary-col form.cart { display: grid; gap: 10px; align-items: center; }
.summary-col form.cart .button {
  background: #6e3b31;          /* erdiges Rotbraun */
  color: #fff;
  border: 0;
  border-radius: 6px;
  padding: 10px 14px;
  transition: filter 140ms ease;
}
.summary-col form.cart .button:hover { filter: brightness(0.95); }

/* Tabs & Bereich darunter */
.woocommerce-tabs { margin-top: 32px; }
.woocommerce div.product .woocommerce-tabs ul.tabs li a { padding: 10px 14px; }
.related { margin-top: 40px; }

/* Fokus & Barrierefreiheit */
.summary-col .button:focus,
.gallery-col .flex-control-nav li img:focus {
  outline: 2px solid #2f6b3a;
  outline-offset: 2px;
}

/* Mobile Tweaks */
@media (max-width: 768px) {
  .product-main { gap: 24px; }
  .woocommerce-tabs { margin-top: 24px; }
}



/* splide add to cart button */