.woocommerce-order {
    background: white;
    padding: 30px;
    border-radius: 6px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 25px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.woocommerce-order-received h2.woocommerce-order-details__title {
    font-size: 25px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    list-style: none;
    padding: 20px;
    margin: 0;
    border: solid 1px var(--border-color);
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.woocommerce ul.order_details li {
    border: none;
    text-transform: none;
    font-weight: 700;
}

.woocommerce ul.order_details li strong {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: normal;
}

h2.woocommerce-order-details__title {
    border-bottom: solid 1px var(--border-color);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.woocommerce-order p:not(.woocommerce-notice) {
    margin-top: 20px;
}

.woocommerce .woocommerce-customer-details,
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-order-downloads {
    margin: 0;
    border-radius: 6px;
    margin-top: 20px;
    font-size: 14px;
}

.woocommerce-order-received table.woocommerce-table--order-details tfoot th {
    text-align: left;
}

.woocommerce-order-details .woocommerce-table--order-details thead th {
    font-size: 12px;
    opacity: .3;
}

.woocommerce-order-details .woocommerce-table--order-details thead th:last-child {
    text-align: right;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr td {
    text-align: right;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-of-type th,
.woocommerce-order-details .woocommerce-table--order-details tfoot tr:first-of-type td {
    border-top: solid 1px var(--border-color) !important;
    padding-top: 20px;
}

.woocommerce-order-details tr.woocommerce-table__line-item.order_item:last-child td {
    padding-bottom: 20px;
}

.woocommerce-order-received .product-name a {
    font-weight: bold;
    text-decoration: none;
    color: var(--black-color);
    line-height: 1.3;
}

.woocommerce-order-received .product-name,
.woocommerce-order-received table.shop_table td.product-total {
    font-size: 14px;
}

.woocommerce-order-details .woocommerce-table--order-details thead th.product-name {
    text-align: left;
}

.woocommerce-order-received table.shop_table td.product-total {
    text-align: right;
}

.woocommerce-order-received .woocommerce-table--order-details tbody tr td {
    border-bottom: dashed 1px var(--border-color);
}

.woocommerce-order-received table.shop_table tfoot tr:last-child th,
.woocommerce-order-received table.shop_table tfoot tr:last-child td {
    font-weight: 700 !important;
    font-size: 16px;
    padding-top: 15px;
}

.woocommerce-order-received ul.wc-item-meta {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.woocommerce-order-received table ul.wc-item-meta p {
    margin: 0;
}

.woocommerce-order-received table ul.wc-item-meta li:not(:last-child) {
    margin-bottom: 15px;
}

.woocommerce-order-received strong.wc-item-meta-label {
    opacity: .3;
    font-weight: 600;
    font-size: 12px;
}

@media (max-width:768px) {

    .woocommerce-order {
        padding: 30px 20px;
        border-radius: 0;
    }

    .woocommerce ul.order_details li {
        float: none;
        width: 100%;
        padding: 5px 0;
        margin: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: dashed 1px var(--border-color);
        font-size: 14px;
    }

    .woocommerce ul.order_details li strong {
        font-size: 14px;
    }

    .woocommerce ul.order_details li:first-child {
        margin-top: 0;
    }

    .woocommerce ul.order_details li:last-child {
        margin-bottom: 0;
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
        line-height: 1.2;
        font-size: 25px;
    }

    .woocommerce-order-received h2.woocommerce-order-details__title {
        font-size: 20px;
    }

    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received:before {
        width: 25px;
        height: 25px;
    }

    .woocommerce-order-received .container {
        padding: 0;
    }

    .woocommerce-order-received li.woocommerce-order-overview__payment-method.method {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 5px;
    }

    ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
        padding: 12px;
    }
}