/*
 Theme Name:   Hello Child
 Theme URI:    https://example.com/hello-child
 Description:  Child Theme for Elementor Hello — includes WooCommerce-ready structure.
 Author:       Thomas Silberhuber - Hammerer
 Author URI:   https://hammerer.at
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hello-child
*/



.elementor-menu-cart__product-price .quantity{
	border:2px solid red;
	display:none!important;
}
.elementor-menu-cart__product .variation-Tarif-Staffel {
	display:none;}

.elementor-menu-cart__product .variation-GewichtStck,.elementor-menu-cart__product .variation-Preisgrundlage  {
	display:none;}

.elementor-menu-cart__product .variation {
	display:inline-block;
	
	font-size: 14px!important;
}

.prw-fuellschlauch, .prw-wc-wrap{
	font-family: Rubik!important;
	font-size: 18px;
	}

input.input-text{
	padding: 5px 10px!important;
	color: red!important;	
}

.prw-fuellschlauch select, input#prw_wc_plz, input.input-text {
	border: 1px solid light-dark;
	color: #54595f!important;
	padding: 10px 5px!important;
	font-weight:300!important;
font-size: 18px!important}

.qty-button-holder {
	border: 1px solid red!important;
	color:red;
}
.quantity{
	width:200px;
	height: 50px;
}
#prw_wc_price_fallback{
	padding: 10px 0px;
	color: #e40038!important;
	font-size:24px;
	font-weight:600;
}
#prw_wc_public_msg, .prw-qty-hint{
	font-size:14px;
		color: #e40038!important;
}

.prw-qty-hint{
		width:100%!important;
}
.prw-inquiry-btn{
	border:none!important;
}

/*
	font-family: Karla;
	font-size:20px!important;
	font-weight: 300!important;
	*/

.woocommerce-form-login{
		font-family: Karla;
	font-size:20px!important;
	font-weight: 300!important;
}
.woocommerce-form-login {
max-width: 600px;
}

.woocommerce-orders-table__row a {
		color: #e40038!important;
}


.woocommerce-orders-table__row a:hover {
		color: #890023!important;
}


/* Layout der Adress-Boxen nebeneinander */
.mywrapper {
  display: flex;
  flex-direction: row;
  margin-right: 50px;

  font-family: Karla;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #333;
}

/* Optional, falls du .spalte noch irgendwo nutzt */
.spalte{
  background-color: #dfdfdf;
  border-radius: 20px;
  min-width: 300px;
  padding-left: 20px;
  padding-top: 20px !important;
  padding-bottom: 0px !important;
  margin: 0px 30px !important;
}

/* Adress-Wrapper */
.mybox {
  width: 350px;
  color: #333 !important;
  font-family: Karla;
  font-size: 20px !important;
  font-weight: 300 !important;

  background-color: #dfdfdf;
  padding: 10px;
  border-radius: 10px;
  height: auto;
  margin-right: 50px;
}

/* Rahmen um jede Adresse (wenn du das willst) */
.sa-address-box {
  border: 1px solid rgba(0,0,0,.12);
  padding: 14px;
  border-radius: 10px;
  margin: 0 0 14px 0;
}

/* Wenn du wirklich ALLE <address> mit Rahmen willst (ansonsten entfernen!) */
address {
  border: 2px solid blue;
  background-color: transparent !important;
}

/* Überschriften */
h3.saw-shipping {
  margin-bottom: 10px !important;
  font-weight: 600;
  font-size: 24px !important;
}

/* Container für Actions: untereinander */
.account-shipping-actions,
.account-billing-actions{
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 0;
}

/* Button-Wrapper */
.listelement  {
  display: block;              /* WICHTIG: kein list-item mehr */
  max-width: 200px;
  background-color: #E40038;
  padding: 10px;
  border-radius: 10px;

  margin-left: auto;
  margin-right: auto;
}

/* Hover */
.listelement:hover  {
  background-color: #890023;
}

/* Link füllt den Button aus -> Text kann nicht "reinrutschen" */
.listelement a{
  display: block;              /* WICHTIG */
  color: #fff !important;
  font-size: 18px;
  line-height: 1.2;
  text-decoration: none;
}

/* Optional: Hover-Text */
.listelement a:hover{
  font-size: 18px;
}

/* Default-Status Styling */
#modify-default-shipping.is-default,
#modify-default-billing.is-default{
  color: #fff !important;
}

/* Nicht-default (falls du es brauchst) */
a.not-is-default {
  margin: 0px !important;
}

/* Add Button */
a.add {
  display: inline-block;
  padding: 10px 30px;
  color: #fff !important;
  background-color: #E40038;
  border-radius: 10px;
  margin-bottom: 30px;
  margin-left: 20px;
  text-decoration: none;
}

a.add:hover {
  color: #fff !important;
  background-color: #890023;
}

/* Warenkorb: Preis-Spalte komplett ausblenden */
.woocommerce-cart table.shop_table th.product-price,
.woocommerce-cart table.shop_table td.product-price {
  display: none !important;
}

/* Mobile-Layout: das "Preis"-Label vor dem Wert unterdrücken */
.woocommerce-cart td.product-price::before {
  display: none !important;
}

/* Woo Cart: Spalten "Anzahl" (Quantity) + "Zwischensumme" (Subtotal) ausblenden */
.woocommerce-cart .shop_table th.product-quantity,
.woocommerce-cart .shop_table td.product-quantity,
.woocommerce-cart .shop_table th.product-subtotal,
.woocommerce-cart .shop_table td.product-subtotal {
  display: none !important;
}

/*Änderungen Icon Bild */
.woocommerce table.cart img {
	width:100px!important;
}
.product-remove a:hover {
	color: blue;
}

/* Warenkorb: Variationen (PLZ, Preisgrundlage, Füllschlauch) sauber "Label: Wert" pro Zeile */
.woocommerce-cart dl.variation, .cart_item  dl.variation{
  display: grid;
  grid-template-columns: max-content 1fr; /* dt = so breit wie nötig, dd = Rest */
  column-gap: 10px;
  row-gap: 4px;
  margin: 6px 0 0;
}

.woocommerce-cart dl.variation dt,  .cart_item  dl.variation dt,
.woocommerce-cart dl.variation dd,  .cart_item  dl.variation dd{
  margin: 0;           /* Woo setzt oft margins */
  padding: 0;
}

.woocommerce-cart dl.variation dt{

}

.woocommerce-cart dl.variation dd p,  .cart_item  dl.variation dd p{
  margin: 0;           /* verhindert "Wert" in eigener Zeile */
}

/* Remove-Button: feste Größe + zentriert */
.woocommerce-cart td.product-remove a.remove{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;       /* verhindert “springen” */
  font-size: 40px;      /* X-Größe */
	color: #333!important;
}

/* Hover nur Farben ändern */
.woocommerce-cart td.product-remove a.remove:hover{
  color: #d63638 !important;
	font-weight: 600;
}
/* Saved Adresse */

.address_container_billing {
border: 1px solid!important;
}
p.single_address {
	font-size: 1.0em!important;
}
.saw-delete a:hover {
	  color: #d63638 !important;
}

#ship_to_new_address_button{
	font-size: 20px;
	display: inline-block;
	border: 1px solid #54595F;
	padding: 5px 5px;
	border: 10px;
	
	
}

input#ship_here_button {
	font-size: 1.0em!important;
	font-weight: normal!important;
	padding: 15px 20px!important;
	margin-bottom: 10px !important;
	color: #fff;
	background-color: #54595F;
}
input#ship_here_button:hover {
	background-color: #e40038;
}

.address_container_shipping, .address_container_billing {
	width: 250px!important;
	border: 1px solid!important;
}

.shipping_address_selected {
	font-size: 1.0em!important;
	font-weight: 600!important;
}

.sa_saved_addresses_button {
	font-size: 1.0em;
	}


.sa_saved_addresses_button:hover {
	font-size: 1.0em;
	color: #890023!important;
}

.woocommerce-privacy-policy-link, .woocommerce-terms-and-conditions-checkbox-text{
	font-size: 14px!important;
}

.woocommerce-privacy-policy-link:hover, .woocommerce-terms-and-conditions-link:hover {
	color: #890023!important;
}

.account-billing-actions .listelement { margin: 0 0 6px 0; }
.account-billing-actions .listelement:last-child { margin-bottom: 0; }


/* Rahmen um jede Adresse */
.sa-address-box {
  border: 1px solid rgba(0,0,0,.12);
  padding: 14px;
  border-radius: 6px;
  margin: 0 0 14px 0;
}

/* Actions untereinander mit etwas Luft */
.account-billing-actions .listelement,
.account-shipping-actions .listelement {
  margin: 0 0 8px 0;
}

.account-billing-actions .listelement:last-child,
.account-shipping-actions .listelement:last-child {
  margin-bottom: 0;
}

/* FIX: Edit-Text rutscht in Delete-Button (Theme/Woo setzt oft position/float auf .edit) */
.account-billing-actions a,
.account-shipping-actions a,
.account-billing-actions a.edit,
.account-shipping-actions a.edit,
.account-billing-actions a.saw-edit,
.account-shipping-actions a.saw-edit,
.account-billing-actions a.saw-delete,
.account-shipping-actions a.saw-delete {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  float: none !important;
  clear: both !important;

  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;           /* Padding kommt vom .listelement */
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

/* Jeder Button kapselt seinen Inhalt sauber */
.account-billing-actions .listelement,
.account-shipping-actions .listelement {
  overflow: hidden !important;
}

/* Optional: Falls irgendwo noch Trennzeichen | im HTML stehen */
.account-billing-actions,
.account-shipping-actions {
  letter-spacing: 0 !important;
}


/* Dropdown-Option Hover (Highlight) */
body .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color:#e40038 !important;
  color:#fff !important;
}

/* Dropdown-Option Selected */
body .select2-container--default .select2-results__option[aria-selected="true"]{
  background-color:#e40038 !important;
  color:#fff !important;
}

/* Falls Woo/SelectWoo die neueren Klassen nutzt */
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{
  background-color:#e40038 !important;
  color:#fff !important;
}
body .select2-container--default .select2-results__option--selected{
  background-color:#e40038 !important;
  color:#fff !important;
}

/* Dropdown-Box: Rahmen + Schatten weg */
body .select2-container--default .select2-dropdown{
  border: 0 !important;
  box-shadow: none !important;
}

/* Optional: auch den inneren Rand/Trenner entfernen */
body .select2-container--default .select2-results{
  border: 0 !important;
}

/* Optional: Suchfeld oben im Dropdown (falls aktiv) ohne Rand */
body .select2-container--default .select2-search--dropdown .select2-search__field{
  border: 1px solif #fafafa !important;
	padding: 10px 10px!important;
  box-shadow: none !important;
  outline: none !important;
}

/* =========================
   Saved Addresses -> Woo Address Box Look
   ========================= */

/* Card */
.sa_shipping_addresses_container .address_container_shipping,
.sa_billing_addresses_container  .address_container_billing{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 6px;
  padding: 16px;
  margin: 0 0 16px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  display: flex;
  flex-direction: column;
  min-height: 220px;
}

/* “Header” Zeile simulieren (wenn du h3 leer hast, wirkt es trotzdem wie Woo) */
.sa_shipping_addresses_container .address_container_shipping .single_address,
.sa_billing_addresses_container  .address_container_billing .single_address{
  margin: 0;
  line-height: 1.55;
}

/* Falls die Boxen in einem Container nebeneinander/untereinander liegen */
.sa_shipping_addresses_container .shipping_addresses_container,
.sa_billing_addresses_container  .billing_addresses_container{
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

/* Boxen sollen dann ohne extra Außenabstände laufen */
.sa_shipping_addresses_container .address_container_shipping,
.sa_billing_addresses_container  .address_container_billing{
  margin: 0;
}


/* Actions nach unten wie bei Woo */
.sa_shipping_addresses_container .address_container_shipping .account-shipping-actions,
.sa_billing_addresses_container  .address_container_billing .billing_address_edit_delete,
.sa_billing_addresses_container  .address_container_billing .account-billing-actions{
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(0,0,0,.08);
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Links wie Woo */
.sa_shipping_addresses_container .account-shipping-actions a,
.sa_billing_addresses_container  .billing_address_edit_delete a,
.sa_billing_addresses_container  .account-billing-actions a{
  text-decoration: none;
}

/* Hover wie Woo */
.sa_shipping_addresses_container .address_container_shipping:hover,
.sa_billing_addresses_container  .address_container_billing:hover{
  border-color: rgba(0,0,0,.16);
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* Selected State (wenn Plugin "selected" div einblendet) */
.sa_shipping_addresses_container .address_container_shipping .shipping_to_this_address,
.sa_billing_addresses_container  .address_container_billing .billing_to_this_address{
  margin-top: 10px;
}
.sa_shipping_addresses_container .address_container_shipping .shipping_address_selected,
.sa_billing_addresses_container  .address_container_billing .billing_address_selected{
  display: inline-block;
  background: #e40038;
  color: #fff;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}

/* Buttons “Ship/Bill here” optisch wie Woo Button */
.sa_shipping_addresses_container .ship_to_this_address_button .button,
.sa_billing_addresses_container  .bill_to_this_address_button .button{
  background: #e40038;
  color: #fff;
  border: 0;
}
.sa_shipping_addresses_container .ship_to_this_address_button .button:hover,
.sa_billing_addresses_container  .bill_to_this_address_button .button:hover{
  filter: brightness(0.92);
  color: #fff;
}


/* Select2 im Checkout immer responsive */
.woocommerce-checkout .select2,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .select2-container--default{
  width: 100% !important;
  max-width: 100% !important;
}

/* Das gerenderte Feld */
.woocommerce-checkout .select2-container .select2-selection--single{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Das Original-Select (falls sichtbar/maßgeblich) */
.woocommerce-checkout select.wc-saw-search{
  width: 100% !important;
  max-width: 100% !important;
}


/* Weitere WooCommerce Einstellungen */
/* Checkout: "inkl. MwSt." unter den Gesamtpreis setzen */
.woocommerce-checkout-review-order-table .order-total td small.includes_tax {
  display: block;
	font-size: 12px!important;
  }

.payment_method_bacs{
	margin:0!important;
}

.payment_method_bacs label{
	font-weight: 500!important;
	
}

.woocommerce-shipping-destination {
	font-size: 16px!important;
}

.woocommerce-terms-and-conditions-checkbox-text a{
	font-size:12px!important;
}
.wc_payment_method {
	font-size:16px!important;
	font-family: "Karla";
	font-weight: normal;
}

.payment_methods .payment_box { 
	padding-left:0px!important;
	background:#fff!important;
}

th.product-name, th.product-total {
	font-weight:500!important;
}

/* Checkout: dl.variation als 2-Spalten Grid, je Paar eine Zeile */
/* Mehr Abstand + ruhigere Ausrichtung für dt/dd */
.woocommerce-checkout-review-order-table td.product-name dl.variation {
  display: grid;
  grid-template-columns: 160px 1fr; /* ✅ linke Spalte fix breiter (anpassen) */
  column-gap: 200px;                 /* ✅ Abstand zwischen Label und Wert */
  row-gap: 6px;
  margin: 10px 0 0;
}
/* Ab 1024px Gesamtbreite: anderes Layout für die Variation */
@media (max-width: 1024px) {
  .woocommerce-checkout-review-order-table td.product-name dl.variation {
    display: grid;
    grid-template-columns: 160px 1fr;
    column-gap: 80px;
    row-gap: 6px;
    margin: 10px 0 0;
  }
}

.woocommerce-checkout-review-order-table td.product-name dl.variation dt {
  margin: 0;
  white-space: nowrap;
}

.woocommerce-checkout-review-order-table td.product-name dl.variation dd {
  margin: 0;
  text-align: left;            /* wie Zwischensumme */
}

/* Theme-Floats neutralisieren */
.woocommerce-checkout-review-order-table td.product-name dl.variation dt,
.woocommerce-checkout-review-order-table td.product-name dl.variation dd {
  float: none !important;
  clear: none !important;
}

/* ✅ Preis/€ immer in EINER Zeile halten */
.woocommerce-checkout-review-order-table td.product-name dl.variation dd p,
.woocommerce-checkout-review-order-table td.product-name dl.variation dd .amount,
.woocommerce-checkout-review-order-table td.product-name dl.variation dd bdi,
.woocommerce-checkout-review-order-table td.product-name dl.variation dd .woocommerce-Price-currencySymbol {
  display: inline !important;
  white-space: nowrap;
  margin: 0;
}

/* optional: verhindert, dass bdi/amount auf neue Zeile springt */
.woocommerce-checkout-review-order-table td.product-name dl.variation dd .woocommerce-Price-amount {
  white-space: nowrap;
}