/* ======================================================================
   TT — Tickets Commerce Checkout Styles (scoped via body.tt-checkout)
   ====================================================================== */

/* Wir scopen konsequent auf den Checkout: */
body.tt-checkout .tribe-tickets__commerce-checkout,
body.tt-checkout .tec-tickets__commerce-checkout { /* einige Setups nutzen tec- statt tribe- */
  max-width: 100%;
}

/* 0) Ausblenden / Feinschliff */
body.tt-checkout .tribe-tickets__commerce-checkout .tec-tickets-commerce-checkout-cart__coupons,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-tickets-commerce-checkout-cart__coupons,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__commerce-checkout-header-title,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__commerce-checkout-header-title{
  display: none;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__commerce-checkout-cart-footer-quantity-label,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__commerce-checkout-cart-footer-quantity-label{
  margin-right: 0;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-anchor-alt,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-anchor-alt{
  border-bottom: none;
  margin-left: 0;
}

/* Header */
body.tt-checkout .tribe-common .tribe-tickets__commerce-checkout-cart-header {
	padding-bottom: 2rem;
}

/* 1) Typografie (nur im Checkout-Kontext) */
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-anchor-alt,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-anchor-alt,
body.tt-checkout .tribe-tickets__commerce-checkout .tec-checkout-event-datetime,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-checkout-event-datetime,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__commerce-checkout-cart-header-title,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__commerce-checkout-cart-header-title,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-h6,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-h6,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-b1,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-b1,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-h5,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-h5,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-description,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-description,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-form-control-text__input,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-form-control-text__input{
  font-family: var(--e-global-typography-1a446f6-font-family);
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-h5,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-h5{
  font-size: var(--e-global-typography-63d8418-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  font-style: var(--e-global-typography-d12f78f-font-style);
  margin-bottom: 2rem;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-h6,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-h6{
  font-size: var(--e-global-typography-d12f78f-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  font-style: var(--e-global-typography-d12f78f-font-style);
  line-height: 1.4;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-h4,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-h4{
  font-size: var(--e-global-typography-eff71f4-font-size);
  font-weight: var(--e-global-typography-primary-font-weight);
  font-style: var(--e-global-typography-d12f78f-font-style);
  line-height: var(--e-global-typography-eff71f4-line-height);
}

body.tt-checkout .tribe-tickets__commerce-checkout-cart-item-price span {
  color: #00000080 !important;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tec-checkout-event-datetime,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-checkout-event-datetime{
  font-size: var(--e-global-typography-d12f78f-font-size);
  font-style: var(--e-global-typography-d12f78f-font-style);
  margin-bottom: .5rem;
}

/* 2) Labels */
body.tt-checkout .event-tickets .tribe-tickets__form label,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-label,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-label,
body.tt-checkout .tribe-tickets__commerce-checkout .tec-tickets-plus-waitlist-container--input label,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-tickets-plus-waitlist-container--input label{
  font-family: var(--e-global-typography-text-font-family);
  font-size:   var(--e-global-typography-18aa375-font-size);
  color: #000000;
  margin-bottom: 0;
}

/* 3) Inputs & Textareas (border-bottom braucht i. d. R. !important) */
body.tt-checkout .event-tickets .tribe-tickets__form input[type="text"],
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper input[type="text"],
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper input[type="text"],
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper input[type="email"],
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper input[type="email"],
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper input[type="tel"],
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper input[type="tel"],
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper input[type="number"],
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper input[type="number"],
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper textarea,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper textarea,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper select,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input-wrapper select,
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-input{
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #00000066 !important; /* nötig gegen TEC/Theme Defaults */
  width: 100%;
  padding: .5rem 0;
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-input-wrapper textarea {
	font-size: var(--e-global-typography-text-font-size);
}

body.tt-checkout .tribe-tickets__commerce-checkout .tribe-common-form-control-text__input::placeholder,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-common-form-control-text__input::placeholder{
  font-size: 1.25rem;
  color: #00000080;
}

/* Focus */
body.tt-checkout .event-tickets .tribe-tickets__form input:focus, body.tt-checkout .tribe-tickets__commerce-checkout form.tribe-tickets__commerce-checkout-purchaser-info-wrapper__form .tribe-tickets__form-field-input:focus,
body.tt-checkout .tec-tickets__commerce-checkout   form.tribe-tickets__commerce-checkout-purchaser-info-wrapper__form .tribe-tickets__form-field-input:focus,
body.tt-checkout .tribe-tickets__commerce-checkout form.tribe-tickets__commerce-checkout-purchaser-info-wrapper__form .tribe-common-form-control-text__input:focus,
body.tt-checkout .tec-tickets__commerce-checkout   form.tribe-tickets__commerce-checkout-purchaser-info-wrapper__form .tribe-common-form-control-text__input:focus{
  outline: none;
  border-bottom-color: #000 !important; /* sichtbar & stabil */
}

/* Abstand zwischen Formularfeldern */
body.tt-checkout .event-tickets .tribe-tickets__form .tribe-tickets__form-field {
	padding-bottom: 1rem;
}

/* 4) Fehlertexte */
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__form-field-description.error,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__form-field-description.error{
  color: #D7484F;
  margin-top: .5rem;
}

/* 5) Cash-Payment Hinweis */
body.tt-checkout .tribe-tickets__commerce-checkout .tec-tickets-commerce-cash-payment-instructions,
body.tt-checkout .tec-tickets__commerce-checkout  .tec-tickets-commerce-cash-payment-instructions {
  border: none !important;
  background: none !important;
  padding: 0 !important;
}
body.tt-checkout .tribe-tickets__commerce-checkout .tec-tickets-commerce-cash-payment-instructions h4,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-tickets-commerce-cash-payment-instructions h4{ display: none; }

body.tt-checkout .tribe-tickets__commerce-checkout .tec-tickets-commerce-cash-payment-instructions p,
body.tt-checkout .tec-tickets__commerce-checkout   .tec-tickets-commerce-cash-payment-instructions p{
  font-family: var(--e-global-typography-1a446f6-font-family);
  font-size: var(--e-global-typography-e29ec74-font-size);
  text-align: center;
  color: #00000080;
}

/* 6) Submit-Button (Inline/JS-Styles → !important nötig) */
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__commerce-checkout-form-submit-button,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__commerce-checkout-form-submit-button{
  background-color: var(--e-global-color-accent) !important;
  border-radius: 32px !important;
  border: none !important;
  color: #ffffff !important;
  font-family: var(--e-global-typography-1a446f6-font-family) !important;
  font-size: var(--e-global-typography-e29ec74-font-size) !important;
  font-style: var(--e-global-typography-d12f78f-font-style);
  line-height: 1em;
  padding: 1rem 2rem 1.125rem;
  display: block;
  width: 100%;
}
body.tt-checkout .tribe-tickets__commerce-checkout .tribe-tickets__commerce-checkout-form-submit-button:hover,
body.tt-checkout .tec-tickets__commerce-checkout   .tribe-tickets__commerce-checkout-form-submit-button:hover{
  background-color: #c40924 !important;
}