/*
Theme Name: Astra Child
Template: astra
Version: 1.0
-----------------------------------------------
Eigene Styles für WooCommerce & Astra Child Theme
Struktur nach Themenblöcken
-----------------------------------------------
*/


/* =====================================================
   1. Produktseite
   ===================================================== */

/* Kurzbeschreibung auf der Produktseite ausblenden */
.single-product .woocommerce-product-details__short-description {
  display: none;
}

/* Tab "Zusätzliche Informationen" komplett ausblenden */
.woocommerce-tabs .additional_information_tab,
.woocommerce-Tabs-panel--additional_information {
  display: none !important;
}

/* Automatisch generierte Überschrift im Tab-Inhalt verstecken */
.woocommerce-Tabs-panel h2:first-child {
  display: none;
}

/* Produktgalerie-Bilder auf max. 300px Breite begrenzen */
.single-product .product .woocommerce-product-gallery__image img {
  max-width: 300px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: 50px;
}

/* =====================================================
   2. Checkout
   ===================================================== */

/* Überschrift im Bestellbereich (rechte Spalte) korrekt ausrichten */
#order_review_heading {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: left !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  box-sizing: border-box;
}

/* Checkbox-Feld für AGB im Checkout mit Abstand + Trennlinie */
.woocommerce-checkout p.legal.form-row.checkbox-legal.validate-required {
  margin-bottom: 40px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}


/* =====================================================
   3. Header & Navigation
   ===================================================== */

/* Menüeinträge im mobilen Header – Abstand unten entfernen */
.ast-header-break-point .main-header-menu .menu-item {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Hauptmenü – vertikalen Abstand & Zeilenhöhe optimieren */
.main-header-menu .menu-item {
  line-height: 1.2 !important;
  padding-top: 3px !important;
  padding-bottom: 5px !important;
}


/* =====================================================
   4. Responsive Anpassungen (Mobile / Tablet)
   ===================================================== */

@media (max-width: 768px) {
  
  /* Shop- & Kategorien-Seiten: Preise mittig unter dem Produkt */
  .woocommerce ul.products li.product .price {
    text-align: center;
    display: block;
    width: 100%;
  }

  /* Ähnliche Produkte auf Einzelproduktseite: Preis ebenfalls mittig */
  .woocommerce .related ul.products li.product .price {
    text-align: center;
    display: block;
    width: 100%;
  }
}

 /* Hervorhebung Sternchen Servicegebühr */
.preis-sternchen {
    font-size: 0.7em;
    vertical-align: super;
    margin-left: 2px;
}

/* WooCommerce Sortierung entfernen */
.woocommerce-ordering {
    display: none !important;
}

/* WooCommerce Ergebniszähler entfernen */
.woocommerce-result-count {
    display: none !important;
}

/* Astra Suche im Menü entfernen */
.ast-search-menu {
    display: none !important;
}

/* Versteckt das 'ticket_ids:' Label */
strong.wc-item-meta-label {
    display: none;
}

/* Verhindert, dass Bilder, Videos, Tabellen und Co. aus dem Viewport ragen */
:where(body, iframe, embed, object, video, img, svg, canvas, pre, select) {
  max-width: 100%;
  height: auto;
  overflow: auto;
  word-break: break-word;
}

/* === WooCommerce Checkout – kompaktes Layout für Astra + Germanized === */

/* Produktname + Thumbnail + Menge sauber nebeneinander */
.wc-gzd-cart-item-name-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap; /* Produktname darf umbrechen */
}

.wc-gzd-cart-item-name-wrapper .product-quantity {
    margin-left: 8px;
    white-space: nowrap; /* ×2 zusammenhalten */
    flex-shrink: 0;
}

.wc-gzd-cart-item-thumbnail {
    margin-right: 10px;
    flex-shrink: 0;
}

/* Summenspalte flexibel, rechtsbündig, passt sich allen Beträgen an */
.woocommerce-checkout-review-order table.shop_table th.product-total,
.woocommerce-checkout-review-order table.shop_table td.product-total {
    width: auto;          /* flexible Breite */
    min-width: 80px;      /* kleine Beträge nicht zu schmal */
    white-space: nowrap;  /* kein Umbruch bei Beträgen */
    text-align: right;    /* Preise rechtsbündig */
}

/* Überschrift "Zwischensumme" durch "Summe" ersetzen */
.woocommerce-checkout-review-order th.product-total {
    font-size: 0;         /* Originaltext unsichtbar */
}

.woocommerce-checkout-review-order th.product-total::after {
    content: "Summe";     /* Neuer Text */
    font-size: 16px;      /* lesbare Größe */
    font-weight: bold;    /* optional */
}

/* Tabs sichtbarer machen */
/* li unverändert, Shadow entfernen */
.woocommerce-tabs ul.tabs li { box-shadow: none !important; }

/* Linie nur unter dem Text (desktop + mobil) */
.woocommerce-tabs ul.tabs li > a,
.woocommerce-tabs ul.tabs li > button,
.woocommerce-tabs ul.tabs li > span {
  display: inline-block !important;
  box-shadow: 0 -2px 0 0 #000 inset;
  background: #fbfdfb ;
  padding: 0; /* li liefert den Abstand */
}

/* aktiver Tab: leicht stärkere Linie */
.woocommerce-tabs ul.tabs li.active > a,
.woocommerce-tabs ul.tabs li.active > button,
.woocommerce-tabs ul.tabs li.active > span {
  box-shadow: 0 -2px 0 0 #000 inset;
}


/* sichtbares Panel per hidden-Attribut (in einigen Plugins) */
.woocommerce-Tabs-panel:not([hidden]),
.woocommerce-tabs .panel:not([hidden]),
.tab-panel:not([hidden]),
.cp-tab-panel:not([hidden]),
.custom-product-tab-content:not([hidden]),
.custom-tabs .panel:not([hidden]),
.tabs-panel:not([hidden]),
.tabs-content:not([hidden]),
.product-tab-content:not([hidden]) {
  background: #fbfdfb !important;
}