/*
 * SwiftStop – Artikel-Angaben (z. B. "Kfz-Kennzeichen: GU 123 AB") in Warenkorb,
 * Kasse, Bestellbestätigung und Mein Konto: Label und Wert in einer Zeile,
 * linksbündig, Label ohne Umbruch. Hebt die Betheme-Regel "dl>dt{float:left;width:100px}"
 * und "dl>dd{margin-left:110px}" nur für WooCommerce-Artikelangaben auf.
 * Nur Child-Theme (betheme-child), übersteht Updates des Haupttheme.
 */

/* Klassische Kasse "Deine Bestellung", Warenkorb, Mini-Warenkorb */
body dl.variation,
body .woocommerce dl.variation,
body .woocommerce td.product-name dl.variation {
	margin: .25em 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
	list-style: none !important;
}
body dl.variation > dt,
body .woocommerce dl.variation > dt,
body .woocommerce td.product-name dl.variation dt,
body .woocommerce ul.cart_list li dl.variation dt,
body .woocommerce ul.product_list_widget li dl.variation dt {
	display: inline !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	white-space: nowrap !important;
	text-align: left !important;
}
body dl.variation > dd,
body .woocommerce dl.variation > dd,
body .woocommerce td.product-name dl.variation dd,
body .woocommerce ul.cart_list li dl.variation dd,
body .woocommerce ul.product_list_widget li dl.variation dd {
	display: inline !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-align: left !important;
}
body dl.variation > dd p,
body .woocommerce td.product-name dl.variation dd p {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}
/* jede Angabe (dt + dd) in eine eigene Zeile */
body dl.variation > dd::after {
	content: "" !important;
	display: block !important;
	clear: both !important;
}

/* Bestellbestätigung, Mein Konto (ul.wc-item-meta) */
body ul.wc-item-meta,
body .woocommerce td.product-name ul.wc-item-meta {
	list-style: none !important;
	margin: .25em 0 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
body ul.wc-item-meta li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	text-align: left !important;
}
body ul.wc-item-meta li::before { content: none !important; }
body ul.wc-item-meta .wc-item-meta-label,
body .woocommerce td.product-name ul.wc-item-meta .wc-item-meta-label {
	display: inline !important;
	float: none !important;
	clear: none !important;
	width: auto !important;
	margin: 0 !important;
	white-space: nowrap !important;
}
body ul.wc-item-meta li p {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* Block-Warenkorb und Block-Kasse */
body .wc-block-components-product-details {
	list-style: none !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
}
body .wc-block-components-product-details li {
	display: block !important;
	margin-left: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
}
body .wc-block-components-product-details li::before { content: none !important; }
body .wc-block-components-product-details__name {
	display: inline !important;
	white-space: nowrap !important;
}
body .wc-block-components-product-details__value {
	display: inline !important;
}

/* Ab Tablet-Breite: Label und Wert garantiert in einer Zeile (die Tabelle verbreitert
   die Produktspalte). Auf schmalen Handys darf ein langer Wert unter das Label rutschen,
   bleibt dann aber linksbuendig ohne Versatz - sonst wuerde die Preisspalte abgeschnitten. */
@media only screen and (min-width: 480px) {
	body dl.variation,
	body .woocommerce td.product-name dl.variation,
	body ul.wc-item-meta li,
	body .wc-block-components-product-details li {
		white-space: nowrap !important;
	}
}

/* ==========================================================================
 * Mobil (< 768px), 24.10.2026 auf Wunsch Dino. Desktop unveraendert.
 * Entfernen = alles ab hier loeschen.
 * A) Warenkorb, Kasse, Bestellbestaetigung: 16px Seitenrand zum Viewport
 * ========================================================================== */
@media (max-width:767px){
  html body:is(.woocommerce-checkout,.woocommerce-cart) .section.the_content > .section_wrapper{
    padding-left:16px !important;padding-right:16px !important;box-sizing:border-box !important;
  }
  html body:is(.woocommerce-checkout,.woocommerce-cart) .section.the_content .the_content_wrapper{
    margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;
  }
}

/* ==========================================================================
 * B) Kasse: Rechnungsdaten-Box schlanker, Felder fast volle Breite
 * ========================================================================== */
@media (max-width:767px){
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details{
    padding:16px !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details :is(.col-1,.col-2){
    width:100% !important;max-width:100% !important;float:none !important;padding:0 !important;margin:0 !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details :is(.woocommerce-billing-fields__field-wrapper,.woocommerce-shipping-fields__field-wrapper,.woocommerce-additional-fields__field-wrapper){
    display:flex !important;flex-wrap:wrap !important;column-gap:12px !important;row-gap:0 !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .form-row{
    float:none !important;width:100% !important;max-width:100% !important;flex:0 0 100% !important;
    padding:0 !important;margin:0 0 14px !important;box-sizing:border-box !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details :is(.form-row-first,.form-row-last){
    flex:0 0 calc(50% - 6px) !important;width:calc(50% - 6px) !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .form-row label{
    display:block !important;margin:0 0 6px !important;padding:0 !important;line-height:1.3 !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .form-row :is(input.input-text,select,textarea,.select2-container){
    width:100% !important;max-width:100% !important;margin:0 !important;box-sizing:border-box !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details .form-row .woocommerce-input-wrapper{display:block !important;width:100% !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #customer_details :is(h3,.woocommerce-additional-fields > h3){margin:4px 0 14px !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review{padding:16px !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) :is(.wcpay-express-checkout-wrapper,#wcpay-express-checkout-element,.woocommerce-form-coupon-toggle){
    width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;
  }
  /* Bestelluebersicht in der Kasse: keine Karte pro Zeile, Label links / Betrag rechts */
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.shop_table.woocommerce-checkout-review-order-table{
    display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;table-layout:auto !important;
    margin:0 0 16px !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:transparent !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table thead{display:none !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table :is(tbody,tfoot){
    display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tr{
    display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:12px !important;
    width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:12px 0 !important;
    background:transparent !important;border:0 !important;border-top:1px solid #E2E7E3 !important;border-radius:0 !important;box-shadow:none !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tbody tr:first-child{border-top:0 !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table :is(td,th){
    display:block !important;width:auto !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important;
    margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;
    font-size:15px !important;line-height:1.45 !important;font-weight:400 !important;color:#252525;
    white-space:normal !important;word-break:normal !important;overflow-wrap:break-word !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table :is(td,th)::before{content:none !important;display:none !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table :is(td.product-name,th){flex:1 1 auto !important;text-align:left !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table :is(td.product-total,tfoot td){flex:0 1 auto !important;max-width:62% !important;text-align:right !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table td.product-name{font-weight:600 !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table td.product-name :is(.product-quantity,.naechte-label,dl.variation,dl.variation *){
    font-size:13px !important;font-weight:400 !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table .woocommerce-Price-amount{font-size:15px !important;font-weight:400 !important;white-space:nowrap !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tr.order-total :is(th,td,td strong,.woocommerce-Price-amount){font-size:16px !important;font-weight:700 !important}
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tr.order-total small.includes_tax{
    display:block !important;margin-top:2px !important;font-size:12px !important;font-weight:400 !important;white-space:nowrap !important;
  }
  html body.woocommerce-checkout:not(.woocommerce-order-received) #order_review table.woocommerce-checkout-review-order-table tr.order-total small.includes_tax .woocommerce-Price-amount{font-size:12px !important;font-weight:400 !important}
}

/* ==========================================================================
 * C) Bestellbestaetigung + Mein Konto > Bestellung ansehen
 * 24.10.2026 auf Wunsch Dino. Hebt fuer die Tabelle "Bestelldetails" die
 * Karten-pro-Zeile-Regel aus swiftstop-rebrand.css (QA1/2, table.shop_table tr)
 * auf: Kopf aus, eine weisse Karte, Label links / Betrag rechts.
 * Desktop unveraendert. Entfernen = diesen Block loeschen.
 * ========================================================================== */
@media (max-width:767px){
  html body:is(.woocommerce-order-received,.woocommerce-view-order) section.woocommerce-order-details{
    background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:0 !important;
    padding:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;max-width:100% !important;box-sizing:border-box !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) .woocommerce-order-details__title{margin:0 0 12px !important}
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details{
    display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;table-layout:auto !important;
    margin:0 0 24px !important;padding:0 !important;box-sizing:border-box !important;overflow:hidden !important;
    background:#FFFFFF !important;border:1px solid #E2E7E3 !important;border-radius:12px !important;box-shadow:none !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details thead{display:none !important}
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details :is(tbody,tfoot){
    display:block !important;width:100% !important;margin:0 !important;padding:0 !important;border:0 !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details tr{
    display:flex !important;justify-content:space-between !important;align-items:flex-start !important;gap:12px !important;
    width:100% !important;max-width:100% !important;box-sizing:border-box !important;margin:0 !important;padding:12px 16px !important;
    background:transparent !important;border:0 !important;border-top:1px solid #E2E7E3 !important;border-radius:0 !important;box-shadow:none !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details tbody tr:first-child{border-top:0 !important}
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details :is(td,th){
    display:block !important;width:auto !important;max-width:none !important;min-width:0 !important;box-sizing:border-box !important;
    margin:0 !important;padding:0 !important;border:0 !important;background:none !important;box-shadow:none !important;
    font-family:inherit;font-size:15px !important;line-height:1.45 !important;font-weight:400 !important;color:#252525;
    white-space:normal !important;word-break:normal !important;overflow-wrap:break-word !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details :is(td,th)::before{content:none !important;display:none !important}
  /* links: Produkt bzw. Label */
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details :is(td.product-name,th){
    flex:1 1 auto !important;text-align:left !important;
  }
  /* rechts: Betrag bzw. Wert */
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details :is(td.product-total,tfoot td){
    flex:0 1 auto !important;max-width:62% !important;text-align:right !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details .woocommerce-Price-amount{
    font-size:15px !important;font-weight:400 !important;color:#252525 !important;white-space:nowrap !important;
  }
  /* Produktzeile: Name halbfett, Menge und Kennzeichen normal/klein */
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details td.product-name,
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details td.product-name > a{
    font-size:15px !important;font-weight:600 !important;color:#252525 !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details td.product-name :is(.product-quantity,.naechte-label){
    display:inline !important;white-space:nowrap !important;position:static !important;padding:0 !important;margin:0 0 0 4px !important;background:none !important;
    font-size:13px !important;font-weight:400 !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details td.product-name ul.wc-item-meta{
    margin:4px 0 0 !important;font-size:13px !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details td.product-name ul.wc-item-meta :is(li,strong,p,.wc-item-meta-label){
    font-size:13px !important;font-weight:400 !important;line-height:1.4 !important;color:#252525 !important;
  }
  /* Gesamt fett, "inkl. … Umsatzsteuer" klein darunter */
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details tfoot tr:has(.includes_tax) :is(th,td),
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details tfoot tr:has(.includes_tax) .woocommerce-Price-amount{
    font-size:16px !important;font-weight:700 !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details small.includes_tax{
    display:block !important;margin-top:2px !important;font-size:12px !important;font-weight:400 !important;line-height:1.3 !important;white-space:nowrap !important;
  }
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details tfoot tr:has(.includes_tax) small.includes_tax .woocommerce-Price-amount,
  html body:is(.woocommerce-order-received,.woocommerce-view-order) table.shop_table.order_details small.includes_tax .woocommerce-Price-amount{
    font-size:12px !important;font-weight:400 !important;
  }
}