/* porządkuje listę pozycji zamówienia, którą "WOOCOMMERCE" styluje globalnie. */
.edumo-checkout-summary-list {
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

.edumo-checkout-summary-list > li {
    margin: 0 !important;
    width: 100%;
}

.edumo-checkout-summary-list > li p {
    margin: 0 !important;
}

/* usuwa domyślne odstępy płatności, aby układ definiowały klasy "TAILWIND". */
.edumo-checkout-layout .woocommerce-checkout-payment,
.edumo-checkout-layout .woocommerce-checkout-review-order-table,
.edumo-checkout-layout #payment,
.edumo-checkout-layout ul.wc_payment_methods,
.edumo-checkout-layout li.wc_payment_method {
    margin: 0;
    padding: 0;
}

.edumo-checkout-layout .payment_box,
.edumo-checkout-layout .payment_box p {
    margin: 0 !important;
    padding: 0 !important;
}

/* pozostawia pola formularza bez obramowania zgodnie z projektem interfejsu. */
.edumo-checkout-layout input,
.edumo-checkout-layout select,
.edumo-checkout-layout textarea {
    border: 0 !important;
    box-shadow: none !important;
}

.edumo-checkout-layout input:focus,
.edumo-checkout-layout select:focus,
.edumo-checkout-layout textarea:focus {
    outline: 2px solid var(--edumo-mint);
    outline-offset: 2px;
}

/* stabilizuje modal płatności dostarczany przez "WOOCOMMERCE". */
.edumo-checkout-layout .edumo-payment-modal ul.wc_payment_methods {
    display: grid;
    gap: .75rem;
}

.edumo-checkout-layout .edumo-payment-modal li.wc_payment_method {
    margin: 0 !important;
    padding: .75rem !important;
}

.edumo-checkout-layout .edumo-payment-modal .payment_box {
    margin: .75rem 0 0 !important;
    padding: 1rem !important;
}

.edumo-checkout-layout .edumo-payment-modal .payment_box::before,
.edumo-checkout-layout .edumo-payment-modal .payment_box::after,
.edumo-checkout-layout .edumo-payment-modal .testmode-info {
    display: none !important;
}