/*
Theme Name: Haltung
Theme URI: https://diehaltungstreppe.com
Author: Die Haltungstreppe
Description: Landingpage für Glück ist eine Haltung von Tibor Laszlo Gulyas.
Version: 1.0.0
Text Domain: haltung
*/

.dht-prose p,
.woocommerce-page .woocommerce p {
  margin: 0 0 1rem;
}

.dht-prose a,
.woocommerce a {
  color: #96431c;
}

.woocommerce {
  color: #1d1c17;
  font-family: "Nunito Sans", sans-serif;
}

.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce .product_title {
  font-family: "Playfair Display", Georgia, serif;
  color: #1d1c17;
  font-weight: 600;
}

.woocommerce table.shop_table {
  border: 1px solid #dbc1b7;
  border-radius: 1rem;
  border-collapse: separate;
  overflow: hidden;
  background: #ffffff;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
  border-color: #e7e2da;
  padding: 0.9rem 1rem;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.checkout-button,
.woocommerce #place_order,
.woocommerce button[name="woocommerce_checkout_place_order"] {
  background: #96431c;
  color: #ffffff;
  border: 0;
  border-radius: 0.75rem;
  padding: 0.85rem 1.25rem;
  font-weight: 600;
  line-height: 1.2;
}

.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #place_order:hover {
  background: #b65b32;
  color: #ffffff;
}

.woocommerce .quantity .qty,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce-input-wrapper input,
.woocommerce-input-wrapper select,
.woocommerce-input-wrapper textarea {
  border: 1px solid #dbc1b7;
  border-radius: 0.75rem;
  background: #ffffff;
  padding: 0.7rem 0.85rem;
  color: #1d1c17;
}

.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review,
.woocommerce-cart .cart-collaterals,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
  background: #ffffff;
  border: 1px solid #e7e2da;
  border-radius: 1rem;
  padding: 1.25rem;
}

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
  background: #ffffff;
  border-top: 3px solid #96431c;
}

.woocommerce-checkout-review-order-table {
  width: 100%;
}