/* ==========================================================
   BT Woo – Warenkorb + Checkout
   Zweck:
   - Gemeinsamer CSS-Owner für Warenkorb und Kasse
   - Warenkorb-CLS-Guard
   - Sichere Lesbarkeit auf hellen Flächen
   ========================================================== */


/* ==========================================================
   Warenkorb – CLS Guard
   ========================================================== */

body.woocommerce-cart .wc-block-components-sidebar.wc-block-cart__sidebar {
  min-height: 360px;
}

.wc-block-grid__products {
  margin: 0 !important;
}


/* ==========================================================
   Warenkorb + Checkout – Seitentitel / Überschriften
   ========================================================== */

body.woocommerce-cart .entry-title,
body.woocommerce-checkout .entry-title,
body.woocommerce-cart .woocommerce h1,
body.woocommerce-cart .woocommerce h2,
body.woocommerce-cart .woocommerce h3,
body.woocommerce-checkout .woocommerce h1,
body.woocommerce-checkout .woocommerce h2,
body.woocommerce-checkout .woocommerce h3 {
  color: #414544;
}


/* ==========================================================
   Classic Checkout – Texte / Labels
   ========================================================== */

body.woocommerce-checkout .woocommerce-checkout,
body.woocommerce-checkout .woocommerce-checkout p,
body.woocommerce-checkout .woocommerce-checkout label,
body.woocommerce-checkout .woocommerce-checkout th,
body.woocommerce-checkout .woocommerce-checkout td,
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout #order_review_heading {
  color: #414544;
}


/* ==========================================================
   Woo Blocks Cart – Texte / Überschriften
   ========================================================== */

body.woocommerce-cart .wc-block-cart,
body.woocommerce-cart .wc-block-cart p,
body.woocommerce-cart .wc-block-cart label,
body.woocommerce-cart .wc-block-cart th,
body.woocommerce-cart .wc-block-cart td,
body.woocommerce-cart .wc-block-components-title,
body.woocommerce-cart .wc-block-components-product-name,
body.woocommerce-cart .wc-block-components-totals-item__label,
body.woocommerce-cart .wc-block-components-totals-item__value {
  color: #414544;
}


/* ==========================================================
   Woo Notices – Warenkorb + Checkout
   ========================================================== */

/*
 * Gemeinsame Basis:
 * - BT Mindestbestellwert im Blocks-Warenkorb
 * - Woo Info-/Message-Hinweise im Checkout
 * - Woo Fehler beim Checkout
 */
.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error,
.bt-minimum-order-notice {
  margin: 0 0 24px;
  padding: 14px 18px;

  border: 1px solid rgba(128, 86, 109, 0.24);
  border-left: 4px solid #80566d;
  border-radius: 8px;

  background: rgba(128, 86, 109, 0.07);
  color: #2f2f33;

  font-size: 15px;
  line-height: 1.55;

  box-shadow: none;
}


/* ==========================================================
   Informationszustand
   ========================================================== */

.woocommerce-cart .woocommerce-info,
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-message,
.woocommerce-checkout .woocommerce-message,
.bt-minimum-order-notice {
  border-left-color: #80566d;
  background: rgba(128, 86, 109, 0.07);
}


/* ==========================================================
   Fehlerzustand
   ========================================================== */

.woocommerce-cart .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
  border-color: rgba(176, 42, 55, 0.24);
  border-left-color: #b02a37;

  background: rgba(176, 42, 55, 0.07);
  color: #7a1f28;
}


/* ==========================================================
   Notices mit eigenem Icon
   ========================================================== */

.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.bt-minimum-order-notice {
  position: relative;
  padding-left: 54px;
}


/*
 * Gemeinsame Icon-Geometrie.
 * Inhalt und Farbe werden darunter je Zustand gesetzt.
 */
.woocommerce-checkout .woocommerce-info::before,
.woocommerce-checkout .woocommerce-error::before,
.bt-minimum-order-notice::before {
  position: absolute;
  top: 50%;
  left: 18px;

  width: 22px;
  height: 22px;

  display: flex;
  align-items: center;
  justify-content: center;

  transform: translateY(-50%);

  border: 2px solid;
  border-radius: 50%;

  background: transparent;

  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;

  box-sizing: border-box;
}


/* Info-Icon */

.woocommerce-checkout .woocommerce-info::before,
.bt-minimum-order-notice::before {
  content: "i";
  border-color: #80566d;
  color: #80566d;
}


/* Fehler-Icon */

.woocommerce-checkout .woocommerce-error::before {
  content: "!";
  border-color: #b02a37;
  color: #b02a37;
}


/* ==========================================================
   Textdetails
   ========================================================== */

.bt-minimum-order-notice {
  font-weight: 500;
}

.bt-minimum-order-notice strong {
  font-weight: 700;
}

.woocommerce-cart .woocommerce-error li,
.woocommerce-checkout .woocommerce-error li {
  margin: 0;
}

.woocommerce-cart .woocommerce-info a,
.woocommerce-checkout .woocommerce-info a,
.woocommerce-cart .woocommerce-message a,
.woocommerce-checkout .woocommerce-message a,
.woocommerce-cart .woocommerce-error a,
.woocommerce-checkout .woocommerce-error a {
  font-weight: 600;
}