/* billing, shipping address */
.billingAddress .city:not(:empty):after,
.shippingAddress .city:not(:empty):after {
	content:', ';
}



/* order summary */

/* button to show full price breakdown */
.expandPrice {
	text-decoration:underline;
}

.expandPrice:hover,
.expandPrice:focus-visible {
	text-decoration:none;
}

.expandPrice:lang(en):before {
	content: "Show ";
}

.expandPrice:lang(fr):before {
	content: "Afficher ";
}

.expandPrice.showAdjustments:lang(en):before {
	content: "Hide ";
}

.expandPrice.showAdjustments:lang(fr):before {
	content: "Masquer ";
}
/* */



.flexTable.orderSummary > .tr > .td > .label {
	font-size:12px;
}

.flexTable.orderSummary .item {
	width:100%;
}


.flexTable.orderSummary .item span {
	display:block;
}


.flexTable.orderSummary .strikeThrough  {
	opacity:var(--gd-DisabledOpacity);
}


.flexTable.orderSummary  .strikeThrough div:not(.activity) {
	text-decoration: line-through;
}





.flexTable.orderSummary .price,
.flexTable.orderSummary .amount {
	flex:1 1 calc((100% - 60px)/2) ;
}

.flexTable.orderSummary .amount {
	text-align:right;
}

.flexTable.orderSummary .qty {
	text-align:center;
	max-width:60px;
	min-width:60px;
}



.flexTable.orderSummary .adjustments  {
	width:100%;
	font-size:12px;
	display:none;
}

.flexTable.orderSummary.showAdjustments .adjustments {
	display:block;
}

.flexTable.orderSummary .adjustments .price .label {
	margin-right:5px;
}
.flexTable.orderSummary:lang(en) .adjustments .price .label:after {
	content:":"
}

.flexTable.orderSummary:lang(fr) .adjustments .price .label:after {
	content:" :"
}


.flexTable.orderSummary .itemTotal:not(:first-child) {
	border-top:0px;
	align-items:flex-end;
	color:var(--gd-FontBoldColor);
	font-weight:bold;
	flex-wrap:nowrap;
}


.flexTable.orderSummary .tr.subtotal,
.flexTable.orderSummary .tr.orderNotes {
	flex-wrap:nowrap;
	align-items:flex-end;
	background-color:var(--gd-BorderBgShade);
}

.flexTable .tr:not(.subtotal) + .tr.subtotal {
	border-top:var(--gd-BorderColor) solid 2px;
}


.flexTable.orderSummary .tr.subtotal .amount {
	min-width:130px;
	max-width:130px;
}

.flexTable.orderSummary .subItem {
	text-align:right;
}

.flexTable.orderSummary .subtotal.total {
	color:var(--gd-FontBoldColor);
	font-weight:bold;
}

.flexTable.orderSummary .adjustments .label,
.flexTable.orderSummary .adjustments .value {
		 display:inline-block;
	}


.flexTable.orderSummary  .activity {
	font-size:var(--gd-FinePrintFontSize);
}



.flexTable.orderSummary .itemName {
	font-size:12px;
	margin-bottom:10px;
}




/* fund apply table */
.fundApply .details {
	width: calc(100% - 130px);
}

.fundApply .amount {
	min-width:130px;
	max-width:130px;
	text-align:right;
}

.fundApply .details ul {
	list-style:none;
	margin:0;
	padding:0;
}

.fundApply  .label + .value {
	margin-left:5px;
}


/* customer account balance table */
.accountBalance .amount {
	min-width:130px;
	max-width:130px;
	text-align:right;
}

.accountBalance .transaction {
	width: calc(100% - 130px);
}

.accountBalance .transaction ul {
	list-style:none;
	margin:0;
	padding:0;
}

.accountBalance .subtotal {
	text-align:right;
	background-color:var(--gd-BorderBgShade);
}

.accountBalance  .subtotal.total {
	color:var(--gd-FontBoldColor);
	font-weight:bold;
}

.accountBalance   .label + .value {
	margin-left:5px;
}


/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width: 400px) {
	.flexTable.orderSummary .adjustments .label,
	.flexTable.orderSummary .adjustments .value {
		 display:inline-block;
	}

 
}


/* ------------------------------------- BREAKPOINT ---------------------------------- */
@media screen and (min-width: 760px) {

	 
	/* order summary */
	.flexTable.orderSummary .adjustments .price .value {
		 min-width:80px;
	}
	
	.flexTable.orderSummary .item {
		 width: calc(100% - 320px); /* 320 = price + amount + qty widths */
	}

	.flexTable.orderSummary .price, 
	.flexTable.orderSummary .amount{
		 text-align: right;
		 flex: 1 1 130px;
	}

	.flexTable.orderSummary .amount {
		 max-width:130px;
	}

	.flexTable.orderSummary .adjustments .price {
		 max-width:calc(100% - 190px);
	}


	

}