/* Cart Page */

/* Cart actions (coupon/points) accordion for mobile */
table.cart td.actions .kc-cart-actions-details {
  margin: 0 0 10px;
  border: 1px solid #e2e2e1;
  background: #fff;
}

table.cart td.actions .kc-cart-actions-details .kc-cart-actions-summary {
  cursor: pointer;
  padding: 12px 14px;
  font-weight: 600;
  list-style: none;
}

table.cart
  td.actions
  .kc-cart-actions-details
  .kc-cart-actions-summary::-webkit-details-marker {
  display: none;
}

table.cart td.actions .kc-cart-actions-details .kc-cart-actions-content {
  padding: 10px 14px 14px;
}

@media screen and (max-width: 767px) {
  table.cart td.actions .kc-cart-actions-details {
    border-radius: 4px;
  }
}

@media screen and (min-width: 768px) {
  table.cart td.actions .kc-cart-actions-details {
    border: 0;
    background: transparent;
    margin: 0;
  }

  table.cart td.actions .kc-cart-actions-details .kc-cart-actions-summary {
    display: none;
  }

  /* Always show content on desktop, regardless of open/closed state */
  table.cart td.actions .kc-cart-actions-details .kc-cart-actions-content {
    display: block !important;
    padding: 0;
  }
}

.cart.woocommerce-cart-form__contents {
  .button {
    min-height: 68.4px;
  }
}

.wps_wpr_apply_custom_points {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5px;

  #wps_cart_points {
    min-height: 68.4px !important;
    border-radius: 0 !important;
    border: 1px solid #e2e2e1 !important;
    background-color: white !important;
    min-width: 222px;
    font-size: 13px !important;

    @media screen and (min-width: 767px) {
      margin-right: 10px !important;
    }
  }

  #wps_cart_points_apply {
    font-size: 13px;
    font-weight: 500;
    width: 234px !important;
  }

  .wps_wpr_restrict_user_message {
    margin-left: auto;

    @media screen and (max-width: 767px) {
      margin-left: 0;
    }
  }
}

#wps_wpr_order_notice {
  margin-top: 0 !important;
}

table td,
table th {
  word-break: normal !important;
}

.custom_point_checkout.woocommerce-info.wps_wpr_checkout_points_class {
  background-color: var(--secondary_hover);
  border-left: 8px solid var(--primary_hover);
  display: flex;
  align-content: center;
  align-items: center;
  gap: 1rem;

  #wps_cart_points {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    color: white !important;
  }
}
.button#wps_cart_points_apply + p {
  color: white;
  opacity: 0.9;
}

#wps_cart_points_apply + p {
  width: max-content;
}

/* Checkout optimizations */
.wtf-company-field {
  display: none;
}

.wtf-company-field.is-visible {
  display: block;
}

/* InFakt: hide duplicate "I want an invoice" field (synced with "Firma?") */
.woocommerce-checkout .wtf-infakt-invoice-ask {
  display: none;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select {
  font-size: 16px;
  line-height: 1.4;
  padding: 12px 14px;
}

.woocommerce-checkout .form-row {
  margin-bottom: 16px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0 16px;
}

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row {
  flex: 0 0 100%;
  max-width: 100%;
}

.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  float: none !important;
}

.woocommerce-checkout .form-row.form-row-wide.form-row-first,
.woocommerce-checkout .form-row.form-row-wide.form-row-last {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
}

.woocommerce-checkout .form-row.address-field.form-row-wide.form-row-first,
.woocommerce-checkout .form-row.address-field.form-row-wide.form-row-last {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
}

.woocommerce-checkout #billing_country_field,
.woocommerce-checkout #billing_address_1_field,
.woocommerce-checkout #billing_postcode_field,
.woocommerce-checkout #billing_city_field,
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #billing_email_field,
.woocommerce-checkout #billing_first_name_field,
.woocommerce-checkout #billing_last_name_field,
.woocommerce-checkout #billing_street_number_field,
.woocommerce-checkout #billing_flat_number_field {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  margin-right: 0 !important;
}

.woocommerce-checkout #billing_company_toggle_field,
.woocommerce-checkout #billing_company_toggle_field {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.woocommerce-checkout #billing_company_field,
.woocommerce-checkout #billing_company_nip_field {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  margin-right: 0 !important;
}

.woocommerce-checkout #shipping_country_field,
.woocommerce-checkout #shipping_address_1_field,
.woocommerce-checkout #shipping_postcode_field,
.woocommerce-checkout #shipping_city_field,
.woocommerce-checkout #shipping_phone_field,
.woocommerce-checkout #shipping_email_field,
.woocommerce-checkout #shipping_first_name_field,
.woocommerce-checkout #shipping_last_name_field,
.woocommerce-checkout #billing_street_number_field,
.woocommerce-checkout #billing_flat_number_field {
  flex: 0 0 calc(50% - 8px) !important;
  max-width: calc(50% - 8px) !important;
  width: calc(50% - 8px) !important;
  margin-right: 0 !important;
}

.woocommerce-checkout #shipping_company_field,
.woocommerce-checkout #shipping_company_toggle_field {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.wtf-checkout-extras {
  margin-top: 16px;
}

.wtf-checkout-extras .wtf-extras-toggle {
  width: 100%;
  text-align: left;
  padding: 12px 14px;
  background: #f9f9f9;
  border: 1px solid #e2e2e1;
  font-weight: 600;
}

.wtf-checkout-extras .wtf-extras-panel {
  margin-top: 12px;
}

.wtf-checkout-extras .woocommerce-form-coupon-toggle {
  display: none;
}

@media (max-width: 768px) {
  .woocommerce-checkout .col2-set {
    display: block;
  }

  .woocommerce-checkout .col2-set .col-1,
  .woocommerce-checkout .col2-set .col-2 {
    float: none;
    width: 100%;
    max-width: 100%;
  }

  .woocommerce-checkout .form-row-first,
  .woocommerce-checkout .form-row-last {
    flex: 0 0 calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    width: calc(50% - 8px) !important;
    float: none !important;
    margin-right: 0 !important;
  }

  .woocommerce-checkout .woocommerce-billing-fields h3,
  .woocommerce-checkout .woocommerce-shipping-fields h3,
  .woocommerce-checkout #order_review_heading {
    font-size: 20px;
    margin-bottom: 12px;
  }
}

.paynow-blik-white-label {
  display: flex;
  gap: 0.2rem;
  flex-direction: column;

  .row {
    margin: 0;
    gap: 0.1rem;
    flex-direction: column;
  }

  #paynow_blik_code {
    border-bottom: 1px solid var(--border) !important;
  }
}

.woocommerce-form-coupon-toggle .woocommerce-info {
  background-color: var(--secondary_hover) !important;
  border-left: 8px solid var(--primary_hover) !important;
}