/* Order details Table */
.woocommerce-order-details{
	display: flex;
    flex-direction: column;
}

@media screen and (min-width: 769px){
	.woocommerce-order-details{
		max-width: 1084px;
		margin-inline: auto;
	}
}

.woocommerce-order-details table.order_details{
	border: var(--border);
	border-radius: 0;
	margin-bottom: 0;
	border-collapse: collapse;
}

.woocommerce-order-details table.order_details .product_image{
	position: absolute;
	top: 12px;
	left: 24px;
	line-height: 1;
}

.woocommerce-order-details table.order_details .product-name{
	position: relative;
    padding: 12px 25px 12px 108px;
    margin-left: 0;
	min-height: 94px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
}

.woocommerce-order-details table.order_details img{
	width: 70px;
}

.woocommerce-order-details table.order_details .product_title{
	font-size: 1rem;
    line-height: 1.35rem;
}

.woocommerce-order-details table.order_details .product_label{
	font-weight: 500;
    font-style: italic;
    line-height: 1rem;
}

.woocommerce-order-details table.order_details .product-quantity,
.woocommerce-order-details table.order_details .product-total bdi{
	font-weight: 500;
    font-size: 1rem;
}

.woocommerce-order-details table.order_details .product-total {
	text-align: right;
    padding-right: 24px;
}

.woocommerce-order-details .order-details-total{
	display: inline-flex;
    flex-direction: column;
    margin-left: auto;
	border-inline: var(--border);
	width: 362px;
    max-width: 100%;
}

.woocommerce-order-details .order-details-total > div{
	padding: 24px;
    font-size: 1rem;
    border-bottom: var(--border);
    font-weight: 500;
}

.woocommerce-order-details .order-details-total__wrapper,
.woocommerce-order-details .order-details-total__price{
	display: flex;
    justify-content: space-between;
}

.woocommerce-order-details .order-details-total__wrapper:first-child{
	margin-bottom: 8px;
}

.woocommerce-order-details .order-details-total__wrapper span:last-child,
.woocommerce-order-details .order-details-total__price span:last-child{
	text-align: right;
}

.woocommerce-order-details .order-details-total__price span{
	font-weight: 600;
}

.woocommerce-order-details .order-details-total__price small{
	font-weight: 400;
    margin-left: 5px;
}

.woocommerce-order-details .wc-item-meta{
	padding-left: 0;
	margin-top: 8px;
	font-size: 0.8rem;
}

@media screen and (max-width: 768px){
    .woocommerce-order-details .order-details-total{
		width: 100%;
	}
    .woocommerce-order-details .order-details-total > div{
        padding: 16px;
    }
    .woocommerce-order-details table.order_details .product_image {
		left: 16px;
	}
	.woocommerce-order-details table.order_details .product_artist{
		font-weight: 500;
	}
	.woocommerce-order-details table.order_details .product_label{
		display: none;
	}
}

@media screen and (max-width: 480px){
	.woocommerce-order-details .order_item{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.woocommerce-order-details table.order_details .product_image{
		left: 5px;
	}
	.woocommerce-order-details table.order_details img{
		width: 50px;
	}
	.woocommerce-order-details table.order_details .product-name{
		width: 100%;
		padding-inline: 60px 4px;
	}
	.woocommerce-order-details table.order_details .product-total{
		padding-right: 8px;
	}
	.woocommerce-order-details .order-details-total > div{
		padding: 8px;
	}
}

/* Variation */
.woocommerce td.product-name .wc-item-meta p{
	display: inline-block;
    padding: 2px 8px;
    border: var(--border);
    border-radius: 3px;
	margin-top: 5px;
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label{
	display: none;
}