/**
* Theme Name: Asteno Child
* Description: This is a child theme of Asteno, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: asteno
* Version: 1.2.0.4
*/

/*hinweisboxen*/
.woocommerce-info {
  background-color: #ccc !important;
}

/* "Zum Shop" Navigationselemente hervorheben */

.main-navigation .menu-item-5080 > a {
    display: flex !important;
    justify-content: center !important;
  }
  
  .main-navigation .menu-item-5080 > a span.menu-title {
    display: inline-block;
    border: 1px solid var(--primary);
    border-radius: 999px;       /* garantiert volle Pillenform, egal wie hoch/breit */
    padding: 10px 24px;
    line-height: 1.2;
  }
  
  /* die Hover-Unterstreichung ausblenden, die sonst unter Nav-Links läuft */
  .main-navigation .menu-item-5080 > a span.menu-title::before {
    display: none;
  }

  /* Mobile navigation - boxen ausklappen erzwingen */
.mobile-navigation ul ul.sub-menu,
.mobile-navigation-categories ul ul.sub-menu {
  display: block !important;
}
/* Im Shop keine Erweiterten Info tabs anzeigen*/
li.additional_information_tab {
  display: none !important;
}
/* Produktbild resize bei großen bildern */
div.woocommerce-product-gallery__image {
  max-height: 600px !important;
}
div.woocommerce-product-gallery__image img {
  max-height: 600px !important;
  max-width: 400px !important;
  object-fit: contain !important;
}
ul.asteno-products div.product-image {
  background-color: white !important;
}
ul.asteno-products div.product-image img {
  height: 204.25px !important;
  width: 204.25px !important;
  object-fit: contain !important;
}
/* Literpreis verkleinern */
p.wc-gzd-additional-info {
  font-size: 16px !important;
  color: var(--e-global-color-primary) !important;
}
p.wc-gzd-additional-info span.amount::before {
  content: "Literpreis:\00a0";
}

/* table press styling */
.tablepress td {
	color: var(--e-global-color-text) !important;

  overflow-wrap: break-word;
  word-break: break-word;
}
.tablepress-id-1 .column-1 {
  width: 33% !important;
}

/* fußzeilenabstand entfernen */
#page .site-content {
  margin-bottom: 0px !important;
}
.elementor-141 .elementor-element.elementor-element-529418a {
  min-height: 20px !important;
}
/* blog kategorie ausblenden */
.categories-link {
  
  display: none !important;
}
/* footer burger einfärben */
.hfe-nav-menu-icon svg {
  fill: white!important;
}

/**
 * Mengenfeld: Hoch-/Runter-Pfeile in Firefox ausblenden.
 *
 * Das Parent-Theme blendet die Pfeile nur für WebKit/Blink aus. In Firefox
 * liegen sie über der Zahl. Die Bedienung erfolgt über die Buttons - und +.
 *
 * @since 1.2.0.3
 */
.quantity_wrap .quantity input.qty,
.quantity input[type="number"].qty {
  -moz-appearance: textfield;
  appearance: textfield;
}

/**
 * Erfolgsmeldungen (z. B. "Warenkorb aktualisiert.") in der Primärfarbe.
 *
 * Das Parent-Theme setzt fest #0f834d (Grün).
 *
 * @since 1.2.0.3
 */
.woocommerce-message {
  background-color: var(--primary);
}
/* shop widget für startseite verschoben
/* Preis: Betrag vor "inkl. MwSt." */
.elementor-widget-asteno-products ul.products li.product .price,
.woocommerce ul.products li.product .price {
  flex-direction: row;
  justify-content: flex-start;
  gap: 6px;
}
ul.products li.product .price .woocommerce-price-suffix,
ul.products li.product .price small,
ul.products li.product .wgm-info,
ul.products li.product .wc-gzd-additional-info,
small.woocommerce-price-suffix {
  font-size: 0.5em;
  font-weight: 400;
  opacity: 0.8;
}

/* Alle Karten gleich hoch, Preis immer unten auf einer Linie */
.elementor-widget-asteno-products li.swiper-slide {
  height: auto;
}
.elementor-widget-asteno-products .product-block {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.elementor-widget-asteno-products .product-caption {
  margin-top: auto;
}

/* Platz für Scrollleiste und Pfeile unter den Karten */
.elementor-widget-asteno-products .asteno-swiper {
  padding-bottom: 60px;
}
/* Im Shop: Preis und "inkl. MwSt." auf gemeinsamer Grundlinie, mit Abstand */
.price {
  align-items: baseline !important;
  column-gap: 0.3em;
}
/* einzelprodukt - back2shop button */
.back-to-shop {
  margin: 0 5em 1.5em;
}
.back-to-shop__link {
  display: inline-block;
  text-decoration: none;
}
/* flaschenbilder mittig im kasten bei archiv */
ul.products li.product img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  object-position: center;
  margin-left: auto;
  margin-right: auto;
}
/* elementor button ausblenden wenn leer */
.elementor-widget-button:has(a.elementor-button:not([href])) {
  display: none;
}

/* Produktbilder vollständig zeigen, Rest weiß */
.woocommerce ul.products li.product img,
.woocommerce-loop-product__link img,
.elementor-widget-woocommerce-products img,
.elementor-widget-loop-grid .elementor-widget-image img,
.woocommerce div.product div.images img,
.woocommerce-cart-form .product-thumbnail img,
.widget_shopping_cart .mini_cart_item img {
	object-fit: contain !important;
	background: #fff;
}
/* Warenkorb-Seite: feste Bildbox, Flasche komplett sichtbar */
.woocommerce-cart-form .product-thumbnail img {
	width: 80px !important;
	height: 110px !important;
	max-width: none;
	object-fit: contain !important;
	background: #fff;
}

/* Mini-Warenkorb (Seitenleiste) */
.widget_shopping_cart .mini_cart_item img,
.woocommerce-mini-cart-item img {
	width: 60px !important;
	height: 90px !important;
	max-width: none;
	object-fit: contain !important;
	background: #fff;
}
/* Kasse: Bestellübersicht, feste Bildbox */
.woocommerce-checkout-review-order-table img,
.wc-gzd-cart-item-thumbnail img {
	width: 50px !important;
	height: 75px !important;
	max-width: none;
	object-fit: contain !important;
	background: #fff;
}

/* Shop-Kacheln: Bild und Preis auf gleicher Höhe, egal wie lang der Titel ist */
ul.products li.product {
	display: flex;
}
ul.products li.product .product-block {
	display: flex;
	flex-direction: column;
	width: 100%;
}
ul.products li.product .product-top {
	flex: 1 0 auto;
}
/* Hover: weiße Fläche bis unter den Warenkorb-Button */
ul.products li.product:hover .product-caption::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 60px;
	background: #fff;
}
/* Kasse: Bestellübersicht */
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td,
/* Danke-Seite / Bestelldetails */
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
	padding-left: 5px !important;
	padding-right: 5px !important;
}