:root {

   /* --------------  gd table specific cell widths -------------- */
   --gd-table-cell-width-qty: 80px;
   --gd-table-cell-width-id: 100px;   
   --gd-table-cell-width-status: 100px;
   --gd-table-cell-width-date: 150px;
   --gd-table-cell-width-amount: 100px;
   --gd-table-cell-width-price: 100px;
}


/* transitions */
details summary,
.gd-accordion-toggle,
.gd-accordion-toggle .gd-el-icon,
.gd-accordion-toggle .gd-el-icon:before,
.gd-accordion-toggle .gd-el-icon:after  {
   transition: all var(--gd-transition-timing);
}





/* ICS link */
.ics-link {
   display:none;
   text-align:center;
	margin-bottom:20px;
}

.ics-link a {
	display:inline-block;
}

.multi-ics-links .icon,
.ics-link .icon {
   border:var(--gd-link-color-default) solid 1px;
   position:relative;
   width:44px;
   height:44px;
   display:block;
   border-radius:50%;
   overflow:hidden;
	margin:0 auto 15px auto;
}

.multi-ics-links .icon:before,
.ics-link a .icon:before  {
   content:'';
	display:block;
	width:50px;
	height:50px;
	top:50%;
   left:50%;
   transform:translatey(-50%) translatex(-50%);
   position:absolute;
	background-color:var(--gd-link-color-default);

	-webkit-mask-image: url(../../../gd/images/icon-ics.svg);
	mask-image: url(../../../gd/images/icon-ics.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat; 
	-webkit-mask-size:50px;
	mask-size:50px;

	-webkit-mask-position: center;
	mask-position: center; 

}

/* ics link hover */
.ics-link a:hover .icon,
.ics-link a:focus-visible .icon {
	border-color: var(--gd-link-color-hover);
}

.ics-link a:hover .icon:before,
.ics-link a:focus-visible .icon:before {
   background-color: var(--gd-link-color-hover);
}

.ics-link a:hover .icon:after,
.ics-link a:focus-visible .icon:after  {
   content:'';
   display:block;
   position:absolute;
   z-index:0;
   top:0;
   left:0;
   right:0;
   bottom:0;
   background-color:var(--gd-button-color-hover);
   opacity:var(--gd-button-overlay-opacity);
}




/* multi ICS links */
.multi-ics-links {
   display:none;
}

.multi-ics-links ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	text-align:center;
   border-top:var(--gd-border-color-dkr)  solid 1px;
}

.multi-ics-links li {
	padding:10px;
	border-left:var(--gd-border-color-dkr) solid 1px;
	border-right:var(--gd-border-color-dkr)  solid 1px;
	border-bottom:var(--gd-border-color-dkr)  solid 1px;
}





	



/* OVERLAY */
.overlay {
	display: none;
	padding:60px 20px;
	text-align:center;
	width:90%;	
	max-width:500px;
	height:calc(100% - 150px);
	max-height:500px;
	min-height:350px;
	border-radius:var(--gd-border-radius-1);
}

.overlay .close {
	position:absolute;
	top:20px;
	right:20px;
	font-size:20px;
	line-height:20px;
	width:30px;
	height:30px;
	border:0;
   border-radius:50%;
	padding:0;
	background-color:transparent;
	cursor:pointer;
	opacity:0.8;
	z-index:1;
}

.overlay .close .icon {
   position:relative;
   display:block;
   top:50%;
   margin-top:-25px;
}

.overlay .close:hover,
.overlay .close:focus-visible {
	opacity:1;
}



.overlay-content {
	position:relative;
	width:90%;
   margin:0 auto;
	vertical-align:middle;
	top:50%;
	transform:translatey(-50%);
	z-index:0;
}

.overlay-content .icon {
	font-size:60px;
	line-height:1;
	display:block;
	text-align:center;
	margin-bottom:20px;
	color:#000000;
}

.overlay-content .icon + [class*="heading"] {
	margin-top:0;
}

.overlay section {
	height:100%;
}



/* -------------------------------------------------- GD TABLE -------------------------------------------------- */


.gd-table [class*="gd-heading"] {
   max-width:100%;
   text-align:left;
}

.gd-table p {
   line-height:var(--gd-line-height-body-1);
   margin:0 0 20px 0;
   text-align:left;
}

.gd-table td p:last-child,
.gd-table td p:last-of-type {
   margin:0;
}



.gd-table {
   border:var(--gd-border-color-dkr) solid 1px;
   border-top:0;
   width:100%;
   font-size:var(--gd-form-font-size-1);
   line-height:var(--gd-table-line-height);
   text-align:left;
   margin:var(--gd-table-margin);
}

.gd-table:last-child {
   margin-bottom:0;
}


/* no transform table with 2 columns cell widths */
.gd-table.two-columns td:first-child {
   width:50%;
}

@media screen and (min-width:768px) {
   .gd-table.two-columns td:first-child {
      width:250px;
   }   
}


/* table row */
.gd-table tbody {
   border-top:var(--gd-border-color-dkr) solid 1px;
}

.gd-table thead + tbody {
   border-top: 0px;
}


/* table cell */
.gd-table td {
   word-break: break-word;
   vertical-align:top;
   padding:var(--gd-table-cell-padding);
}

/* hide label div inside table cell when not in mobile view */
.gd-table.transform-sm td .label,
.gd-table.transform-md td .label,
.gd-table.transform-lg td .label,
.order-purchase td .label {
   display:none;
}


/* table header */
.gd-table thead {
   background-color:var(--gd-bg-color-dkr);
   border-top:var(--gd-border-color-dkr) solid 1px;
   border-bottom:var(--gd-border-color-dkr) solid 2px;
}

.gd-table thead th,
.gd-table thead td  {
   font-weight:normal;
   font-size:var(--gd-font-size-body-3);
   text-transform:uppercase;
   letter-spacing:1px;
   color:var(--gd-font-color-dkr);
   max-width:100%;
   text-overflow:ellipsis;
   white-space:nowrap;
   padding:var(--gd-table-header-cell-padding);
}



/* hide mobile header */
.gd-table tr.mobile-header {
   display:none;
}


/* table footer */
.gd-table tfoot{
   background-color:var(--gd-bg-color-dkr);
   border-top:var(--gd-border-color-dkr) solid 2px;
}

.gd-table tfoot tr {
   border-top:var(--gd-border-color-dkr) solid 1px;
}

.gd-table tfoot tr:first-child {
   border-top:0;
}

/* subtotal rows */
.gd-table tfoot tr.subtotal {
   text-align:right;
}

/* add colon after  labels */
[lang="en"] .gd-table.label-colon .label:after,
[lang="en"] ul.label-colon .label:after {
   content:": ";
   display:inline;
}

[lang="fr"] .gd-table.label-colon .label:after,
[lang="fr"] ul.label-colon .label:after  {
   content:" : ";
   display:inline;
}


/* lists inside a table */
.gd-table ul {
   list-style:none;
   padding:0;
   margin:var(--gd-margin-paragraph);
}

.gd-table ul:last-child {
   margin:0;
}




/* ----- order summary table ------ */
/* adjustments rows */
.gd-table tr[class*="adjustments"] {
   display:none;
   font-size: var(--gd-font-size-body-3);
}

.gd-table.price-adjustments-show tr[class*="adjustments"] {
   display:table-row;
}

.gd-table tr.adjustments .cell-price  {
   padding-top:0;
   padding-bottom:0;
}

.gd-table tr.adjustments td .label,
.gd-table tr.adjustments td .value,
.gd-table tr.adjustments-total td .label,
.gd-table tr.adjustments-total td .value {
   display:inline-block;
}

.gd-table tr.adjustments .cell-price  .value,
.gd-table tr.adjustments-total .cell-price .value {
   width:100px;
}

.gd-table tr.adjustments-total {
   color:var(--gd-font-color-dkr);
   font-weight:bold;
   vertical-align:bottom;
   align-items:flex-end;
}


/* show / hide adjustments */
.gd-link.price-adjustments {
   border:0;
   background-color:transparent;
}

html[lang="en"] .gd-link.price-adjustments .gd-el-label:before {
   content:'Show ';
}

html[lang="en"] .gd-link.price-adjustments-show .gd-el-label:before {
   content:'Hide ';
}


html[lang="fr"] .gd-link.price-adjustments .gd-el-label:before {
   content:'Afficher ';
}

html[lang="fr"] .gd-link.price-adjustments-show .gd-el-label:before {
   content:'Masquer ';
}







/* ----- specific table cells ----- */
.gd-table .cell-id {
   width:var(--gd-table-cell-width-id);
}

.gd-table .cell-id .value {
   font-weight:bold;
}

.gd-table .cell-status {
   width:var(--gd-table-cell-width-status);
}

.gd-table .cell-reg-label *:empty {
   display:none;
} 


.gd-table .cell-date {
   width:var(--gd-table-cell-width-date);
}

.gd-table .cell-amount,
.gd-table .cell-price {
   text-align:right;
   width:var(--gd-table-cell-width-amount);
   word-break:normal;
}

.gd-table .cell-qty {
   text-align:center;
   width:var(--gd-table-cell-width-qty);
   word-break:normal;
}

.gd-table .cell-qty input,
.gd-table .cell-qty select {
   width:calc(var(--gd-table-cell-width-qty) - 10px);
   margin-left:auto;
   margin-right:auto;
   text-align:center;
   text-align-last: center;
}

.gd-table .cell-scheme-id {
   width:50px;
}

.gd-table .cell-invoice {
   width:50px;
}

.gd-table .cell-invoice .gd-el-icon {
   font-size:var(--gd-icon-size-1);
}

.gd-table .cell-checkbox,
.gd-table .cell-radio {
   width:var(--gd-table-cell-checkbox-width);
}






/* order tables purchase item text block */
.gd-table .cell-item .item-description,
.gd-table .cell-item .item-price,
.gd-table .cell-item .item-name,
.gd-table .cell-item .item-details {
   display:block;
}

/* item description name */
.gd-table .cell-item .item-description {
   color:var(--gd-font-color-dkr);
   font-weight:bold;
}

/* item sku line */
.gd-table .cell-item .item-name {
   font-weight:normal;
   font-size:var(--gd-font-size-body-3);
   color: var(--gd-font-color-dk);
   margin-bottom:5px;
}

/* item price line */
.gd-table .cell-item .item-price {
   color: var(--gd-font-color-dk);
   font-weight:normal;
}

.gd-table .cell-item .item-details {
   margin-top:10px;
}

.gd-table .cell-item  :empty{
   display:none;
}




/* ----- TABLE ONLY BREAKPOINTS  - use max-width instead of min-width since default should be table, only mobile should see it stacked -- 1px less than normal min-width breakpoints */
/* all table elements in breakpoints are the same just change class suffix to --sm, --md, --lg */



/* ----- GD  TABLE BREAKPOINT SM ----- */
@media screen and (max-width:359px) {

   

   /* ----- TRANSFORM TABLE -----*/

   /* for  links, button with icons and labels - only show label when mobile view  */
   .gd-table.transform-sm .mobile-label .gd-el-label {
     display:inline-block;
     overflow:visible;
     width:auto;
     height:auto;
     margin:0 0 0 10px;
  } 


   /* table row */
   .gd-table.transform-sm tr {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-sm tr td:first-child {
      border-top:0;
   }

   .gd-table.transform-sm thead tr {
      display:none;
   }

   .gd-table.transform-sm tr.mobile-header {
      display:flex;
   }

   .gd-table.transform-sm thead + tbody {
      border-top:0;
   }


   /* table cell */
   .gd-table.transform-sm td {
      display:flex;   
      flex-direction:row;
      flex-wrap:wrap;
      align-items:baseline;
      width:100%;
      text-align:left;
      gap:0 var(--gd-table-cell-column-gap);
      border-top:var(--gd-border-color-dk) solid 1px;
   }

   .gd-table.transform-sm td:first-child {
      border-top:0;
   }

   .gd-table.transform-sm td .label {
      display:block;
      flex: 0 0 var(--gd-table-col-label-width);
   }
   
   .gd-table.transform-sm td .value {
      flex: 1 0 var(--gd-table-col-value-width);
   }

   .gd-table.transform-sm  td:empty,
   .gd-table.transform-sm  th:empty {
      display:none;
   }




   /* --------------- TRANSFORM CHECKBOX OR RADIO TABLE --------------- */
   .gd-table.transform-sm.checkbox .cell-checkbox,
   .gd-table.transform-sm.radio .cell-radio {
      width:var(--gd-table-cell-checkbox-width);
   }

   .gd-table.transform-sm.checkbox td:nth-child(2),
   .gd-table.transform-sm.radio td:nth-child(2){
     border-top:0;
   }

   .gd-table.transform-sm.checkbox td:nth-child(n+2),
   .gd-table.transform-sm.radio td:nth-child(n+2){
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
   }
   
   .gd-table.transform-sm.checkbox td:nth-child(n+3),
   .gd-table.transform-sm.radio td:nth-child(n+3) {
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
      margin-left:auto;
   }


    /* ----- TABLE STACKS COLUMN ----- */
    .gd-table.transform-sm.stack tr {
      display: flex;
      flex-direction: column;
   }

   .gd-table.transform-sm.stack tbody tr {
      padding:var(--gd-table-cell-padding);
   }
   

   .gd-table.transform-sm.stack td {
      padding:0;
      border:0;
      margin-bottom:5px;
   }

   .gd-table.transform-sm.stack td:last-child {
      margin:0;
   }

   .gd-table.transform-sm.stack thead {
      display:none;
   }
   
   

   
   /* ----- SPECIFIC ORDER TABLES -----*/
   
   /* ---- ORDER PURCHASE TABLE ----- */
   /* remove borders on order-purchase table qty  */
   .gd-table.transform-sm.checkbox.order-purchase td,
   .gd-table.transform-sm.checkbox.order-purchase td:nth-child(2),
   .gd-table.transform-sm.checkbox.order-purchase td:nth-child(n+2),
   .gd-table.transform-sm.radio.order-purchase td,
   .gd-table.transform-sm.radio.order-purchase td:nth-child(2),
   .gd-table.transform-sm.radio.order-purchase td:nth-child(n+2) {
      border:0;
   }

   /* center the qty field */
   .gd-table.transform-sm.checkbox.order-purchase td:nth-child(n+3), 
   .gd-table.transform-sm.radio.order-purchase td:nth-child(n+3),
   .gd-table.transform-sm.order-purchase .cell-qty .label,
   .gd-table.transform-sm.order-purchase .cell-qty .value {
      text-align:center;
      justify-content:center;
      flex: 1 1 100%;
   }

   /* order table qty remove border */
   .gd-table.transform-sm.order-purchase .cell-qty {
      border:0;
   }

   .gd-table.transform-sm.order-purchase .cell-qty .label {
      font-size: var(--gd-font-size-body-3);
      margin-bottom:5px;
   }
   /* ----- END ORDER PURCHASE TABLE ----- */


   /* ----- ORDER SUMMARY TABLE -----*/

   .gd-table.transform-sm.order-summary tr {
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-sm.order-summary td {
      border:0;
      gap:0;
   }

   .gd-table.transform-sm.order-summary td .label,
   .gd-table.transform-sm.order-summary td .value,
	.gd-table.transform-sm .gd-table tfoot td .value {
      display:block;
      width:100%;
      flex:none;
   } 

   .gd-table.transform-sm.order-summary td .label {
      font-size: var(--gd-font-size-body-3);
   }


   /* for the item qty price row */
   .gd-table.transform-sm.order-summary .cell-item {
      flex:1 1 100%;
   }
   
   .gd-table.transform-sm.order-summary .cell-qty {
      flex: 0 0 var(--gd-table-cell-width-qty);
      text-align:center;
   }

   .gd-table.transform-sm.order-summary .cell-price,
   .gd-table.transform-sm.order-summary .cell-amount {
      flex:1 0 calc(50% - var(--gd-table-cell-width-qty));
   }
   
   .gd-table.transform-sm.order-summary .cell-price {
      text-align:left;
   }

   .gd-table.transform-sm.order-summary .cell-amount {
      text-align:right;
   }



   /* adjustments rows */
   .gd-table.transform-sm tr[class*="adjustments"] {
      display:none;
   }
   
   .gd-table.transform-sm.price-adjustments-show tr[class*="adjustments"]{
      display:flex;
   }

   .gd-table.transform-sm.order-summary tr.adjustments .cell-price {
      flex:1 1 100%;
      gap:0 5px;
   }

   .gd-table.transform-sm.order-summary tr.adjustments-total .cell-price .value,
   .gd-table.transform-sm.order-summary tr.adjustments .cell-price .label, 
   .gd-table.transform-sm.order-summary tr.adjustments .cell-price .value {
      width:auto;
   }


   /* footer */
   .gd-table.transform-sm.order-summary tfoot .cell-subtotal-item {
      text-align:right;
      flex:1 1 50%;
   }

   .gd-table.transform-sm.order-summary tfoot .cell-subtotal-amount {
      text-align:right;
      flex:1 1 50%;
      max-width:120px;
   }

   /* ----- END ORDER SUMMARY TABLE ----- */

   /* ----- END SPECIFIC ORDER TABLES   -----*/
   
   
}


/* ----- GD  TABLE BREAKPOINT MD ----- */
@media screen and (max-width:767px) {

   /* ----- TRANSFORM TABLE -----*/
   /* for  links, button with icons and labels - only show label when mobile view  */
   .gd-table.transform-md .mobile-label .gd-el-label {
     display:inline-block;
     overflow:visible;
     width:auto;
     height:auto;
     margin:0 0 0 10px;
  } 


   /* table row */
   .gd-table.transform-md tr {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-md tr td:first-child {
      border-top:0;
   }

   .gd-table.transform-md thead tr {
      display:none;
   }

   .gd-table.transform-md thead tr.mobile-header {
      display:flex;
   }

   .gd-table.transform-md thead + tbody {
      border-top:0;
   }


   /* table cell */
   .gd-table.transform-md td {
      display:flex;   
      flex-direction:row;
      flex-wrap:wrap;
      align-items:baseline;
      width:100%;
      text-align:left;
      gap:5px var(--gd-table-cell-column-gap);
      border-top:var(--gd-border-color-dk) solid 1px;
   }

   .gd-table.transform-md td:first-child {
      border-top:0;
   }

   .gd-table.transform-md td .label {
      display:block;
      flex: 0 0 var(--gd-table-col-label-width);
   }
   
   .gd-table.transform-md td .value {
      flex: 1 0 var(--gd-table-col-value-width);
   }


   .gd-table.transform-md  td:empty,
   .gd-table.transform-md  th:empty {
      display:none;
   }



   /* --------------- TRANSFORM CHECKBOX OR RADIO TABLE --------------- */
   .gd-table.transform-md.checkbox .cell-checkbox,
   .gd-table.transform-md.radio .cell-radio {
      width:var(--gd-table-cell-checkbox-width);
   }

   .gd-table.transform-md.checkbox td:nth-child(2),
   .gd-table.transform-md.radio td:nth-child(2){
     border-top:0;
   }

   .gd-table.transform-md.checkbox td:nth-child(n+2),
   .gd-table.transform-md.radio td:nth-child(n+2){
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
   }
   
   .gd-table.transform-md.checkbox td:nth-child(n+3),
   .gd-table.transform-md.radio td:nth-child(n+3) {
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
      margin-left:auto;
   }


    /* ----- TABLE STACKS COLUMN ----- */
    .gd-table.transform-md.stack  tr {
      display: flex;
      flex-direction: column;
   }

   .gd-table.transform-md.stack tbody tr {
      padding:var(--gd-table-cell-padding);
   }



   .gd-table.transform-md.stack td {
      padding:0;
      border:0;
      margin-bottom:5px;
   }

   .gd-table.transform-md.stack td:last-child {
      margin:0;
   }

   .gd-table.transform-md.stack thead tr {
      display:none;
   }

   .gd-table.transform-md.stack thead tr.mobile-header {
      display:flex;
   }

  
    
   /* for link icons only show icon in column */
    .gd-table.transform-md .link-icon--col-only .link-icon__icon {
      margin:0 10px 0 0;
   } 
   .gd-table.transform-md .link-icon--col-only .link-icon__label + .link-icon__icon {
      margin:0 0 0 10px;
   }

   .gd-table.transform-md .link-icon--col-only .link-icon__label {
      overflow:visible;
      width:auto;
      height:auto;
   }



   /* ----- SPECIFIC ORDER TABLES -----*/

   /* ---- ORDER PURCHASE TABLE ----- */
   /* remove borders on order-purchase table qty  */
   .gd-table.transform-md.checkbox.order-purchase td,
   .gd-table.transform-md.checkbox.order-purchase td:nth-child(2),
   .gd-table.transform-md.checkbox.order-purchase td:nth-child(n+2),
   .gd-table.transform-md.radio.order-purchase td,
   .gd-table.transform-md.radio.order-purchase td:nth-child(2),
   .gd-table.transform-md.radio.order-purchase td:nth-child(n+2) {
      border:0;
   }

   /* center the qty field */
   .gd-table.transform-md.checkbox.order-purchase td:nth-child(n+3), 
   .gd-table.transform-md.radio.order-purchase td:nth-child(n+3),
   .gd-table.transform-md.order-purchase .cell-qty .label,
   .gd-table.transform-md.order-purchase .cell-qty .value {
      text-align:center;
      justify-content:center;
      flex: 1 1 100%;
   }

   /* order table qty remove border */
   .gd-table.transform-md.order-purchase .cell-qty {
      border:0;
   }

   .gd-table.transform-md.order-purchase .cell-qty td .label {
      font-size: var(--gd-font-size-body-3);
      margin-bottom:5px;
   }
   /* ----- END ORDER PURCHASE TABLE ----- */


   /* ----- ORDER SUMMARY TABLE -----*/
   .gd-table.transform-md.order-summary .gd-table__row {
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-md.order-summary td {
      border:0;
      gap:0;
   }

   .gd-table.transform-md.order-summary td .label,
   .gd-table.transform-md.order-summary td .value,
	.gd-table.transform-md .gd-table tfoot td .value {
      display:block;
      width:100%;
      flex:none;
   } 

   .gd-table.transform-md.order-summary td .label {
      font-size: var(--gd-font-size-body-3);
   }


   /* for the item qty price row */
   .gd-table.transform-md.order-summary .cell-item {
      flex:1 1 100%;
   }
   
   .gd-table.transform-md.order-summary .cell-qty {
      flex: 0 0 var(--gd-table-cell-width-qty);
      text-align:center;
   }

   .gd-table.transform-md.order-summary .cell-price,
   .gd-table.transform-md.order-summary .cell-amount {
      flex:1 0 calc(50% - var(--gd-table-cell-width-qty));
   }
   
   .gd-table.transform-md.order-summary .cell-price {
      text-align:left;
   }

   .gd-table.transform-md.order-summary .cell-amount {
      text-align:right;
   }



   /* adjustments rows */
   .gd-table.transform-md tr[class*="adjustments"] {
      display:none;
   }
   
   .gd-table.transform-md.price-adjustments-show tr[class*="adjustments"] {
      display:flex;
   }

   .gd-table.transform-md.order-summary tr.adjustments .cell-price {
      flex:1 1 100%;
      gap:0 5px;
   }

   .gd-table.transform-md.order-summary tr.adjustments-total .cell-price .value,
   .gd-table.transform-md.order-summary tr.adjustments .cell-price .label, 
   .gd-table.transform-md.order-summary tr.adjustments .cell-price .value {
      width:auto;
   }


   /* footer */
   .gd-table.transform-md.order-summary tfoot .cell-subtotal-item {
      text-align:right;
      flex:1 1 50%;
   }

   .gd-table.transform-md.order-summary tfoot .cell-subtotal-amount {
      text-align:right;
      flex:1 1 50%;
      max-width:120px;
   }

   /* ----- END ORDER SUMMARY TABLE ----- */

   /* ----- END SPECIFIC ORDER TABLES   -----*/


}

/* ----- GD  TABLE BREAKPOINT LG ----- */
@media screen and (max-width:991px) {



   /* ----- TRANSFORM TABLE -----*/

   /* for  links, button with icons and labels - only show label when mobile view  */
   .gd-table.transform-lg .mobile-label .gd-el-label {
     display:inline-block;
     overflow:visible;
     width:auto;
     height:auto;
     margin:0 0 0 10px;
  } 


   /* table row */
   .gd-table.transform-lg tr {
      display:flex;
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-lg tr td:first-child {
      border-top:0;
   }

   .gd-table.transform-lg thead tr {
      display:none;
   }

   .gd-table.transform-lg thead tr.mobile-header {
      display:flex;
   }

   .gd-table.transform-lg thead + tbody {
      border-top:0;
   }


   /* table cell */
   .gd-table.transform-lg td {
      display:flex;   
      flex-direction:row;
      flex-wrap:wrap;
      align-items:baseline;
      width:100%;
      text-align:left;
      gap:5px var(--gd-table-cell-column-gap);
      border-top:var(--gd-border-color-dk) solid 1px;
   }

   .gd-table.transform-lg td:first-child {
      border-top:0;
   }

   .gd-table.transform-lg td .label {
      display:block;
      flex: 0 0 var(--gd-table-col-label-width);
   }
   
   .gd-table.transform-lg td .value {
      flex: 1 0 var(--gd-table-col-value-width);
   }

   .gd-table.transform-lg  td:empty,
   .gd-table.transform-lg  th:empty {
      display:none;
   }



   /* --------------- TRANSFORM CHECKBOX OR RADIO TABLE --------------- */
   .gd-table.transform-lg.checkbox  .cell-checkbox,
   .gd-table.transform-lg.radio  .cell-radio {
      width:var(--gd-table-cell-checkbox-width);
   }

   .gd-table.transform-lg.checkbox td:nth-child(2),
   .gd-table.transform-lg.radio td:nth-child(2){
      border-top:0;
   }

   .gd-table.transform-lg.checkbox td:nth-child(n+2),
   .gd-table.transform-lg.radio td:nth-child(n+2){
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
   }
   
   .gd-table.transform-lg.checkbox td:nth-child(n+3),
   .gd-table.transform-lg.radio td:nth-child(n+3) {
      flex:0 1 calc(100% - var(--gd-table-cell-checkbox-width));
      border-left:var(--gd-border-color-dk) solid 1px;
      margin-left:auto;
   }


    /* ----- TABLE STACKS COLUMN ----- */
    .gd-table.transform-lg.stack tr {
      display: flex;
      flex-direction: column;
   }

   .gd-table.transform-lg.stack tbody tr {
      padding:var(--gd-table-cell-padding);
   }
   

   .gd-table.transform-lg.stack td {
      padding:0;
      border:0;
      margin-bottom:5px;
   }

   .gd-table.transform-lg.stack td:last-child {
      margin:0;
   }

   .gd-table.transform-lg.stack thead tr:not(.mobile-header) {
      display:none;
   }

   
 

   /* ----- SPECIFIC ORDER TABLES -----*/

   /* ---- ORDER PURCHASE TABLE ----- */
   /* remove borders on order-purchase table qty  */
   .gd-table.transform-lg.checkbox.order-purchase td,
   .gd-table.transform-lg.checkbox.order-purchase td:nth-child(2),
   .gd-table.transform-lg.checkbox.order-purchase td:nth-child(n+2),
   .gd-table.transform-lg.radio.order-purchase td,
   .gd-table.transform-lg.radio.order-purchase td:nth-child(2),
   .gd-table.transform-lg.radio.order-purchase td:nth-child(n+2) {
      border:0;
   }

   /* center the qty field */
   .gd-table.transform-lg.checkbox.order-purchase td:nth-child(n+3), 
   .gd-table.transform-lg.radio.order-purchase td:nth-child(n+3),
   .gd-table.transform-lg.order-purchase .cell-qty td .label,
   .gd-table.transform-lg.order-purchase .cell-qty td .value {
      text-align:center;
      justify-content:center;
      flex: 1 1 100%;
   }

   /* order table qty remove border */
   .gd-table.transform-lg.order-purchase .cell-qty {
      border:0;
   }

   .gd-table.transform-lg.order-purchase .cell-qty td .label {
      font-size: var(--gd-font-size-body-3);
      margin-bottom:5px;
   }
   /* ----- END ORDER PURCHASE TABLE ----- */


   /* ----- ORDER SUMMARY TABLE -----*/
   .gd-table.transform-lg.order-summary .gd-table__row {
      flex-direction:row;
      flex-wrap:wrap;
   }

   .gd-table.transform-lg.order-summary td {
      border:0;
      gap:0;
   }

   .gd-table.transform-lg.order-summary td .label,
   .gd-table.transform-lg.order-summary td .value,
   .gd-table.transform-lg .gd-table tfoot td .value {
      display:block;
      width:100%;
      flex:none;
   } 

   .gd-table.transform-lg.order-summary td .label {
      font-size: var(--gd-font-size-body-3);
   }


   /* for the item qty price row */
   .gd-table.transform-lg.order-summary .cell-item {
      flex:1 1 100%;
   }
   
   .gd-table.transform-lg.order-summary .cell-qty {
      flex: 0 0 var(--gd-table-cell-width-qty);
      text-align:center;
   }

   .gd-table.transform-lg.order-summary .cell-price,
   .gd-table.transform-lg.order-summary .cell-amount {
      flex:1 0 calc(50% - var(--gd-table-cell-width-qty));
   }
   
   .gd-table.transform-lg.order-summary .cell-price {
      text-align:left;
   }

   .gd-table.transform-lg.order-summary .cell-amount {
      text-align:right;
   }



   /* adjustments rows */
   .gd-table.transform-lg tr[class*="adjustments"] {
      display:none;
   }
   
   .gd-table.transform-lg.price-adjustments-show tr[class*="adjustments"] { 
      display:flex;
   }

   .gd-table.transform-lg.order-summary tr.adjustments .cell-price {
      flex:1 1 100%;
      gap:0 5px;
   }

   .gd-table.transform-lg.order-summary tr.adjustments-total .cell-price .value,
   .gd-table.transform-lg.order-summary tr.adjustments .cell-price .label, 
   .gd-table.transform-lg.order-summary tr.adjustments .cell-price .value {
      width:auto;
   }


   /* footer */
   .gd-table.transform-lg.order-summary tfoot .cell-subtotal-item {
      text-align:right;
      flex:1 1 50%;
   }

   .gd-table.transform-lg.order-summary tfoot .cell-subtotal-amount {
      text-align:right;
      flex:1 1 50%;
      max-width:120px;
   }

   /* ----- END ORDER SUMMARY TABLE ----- */

   /* ----- END SPECIFIC ORDER TABLES   -----*/

   
   
}
/* ----- TABLE ONLY BREAKPOINTS  -----*/
/* -------------------------------------------------- END GD TABLE -------------------------------------------------- */








/* --------------- GENERAL DETAILS ACCORDION --------------- */
/* ----- reset details ----- */

details summary {
	cursor:pointer;
   list-style: none;
   margin-bottom:0;
}

/* for safari */
details summary::-webkit-details-marker {
    display: none;
}

details[open] summary  {
   margin-bottom:20px;
}

/* ----- end reset details ----- */


.gd-accordion-group {
   border:var(--gd-border-color-dkr) solid 1px;
   border-radius: var(--gd-border-radius-1);
   margin:var(--gd-margin-paragraph);
}

.gd-accordion {
   border-bottom:var(--gd-border-color-dkr) solid 1px;
}

.gd-accordion:last-child {
   border-bottom:0;
}

.gd-accordion p {
   text-align:left;
   margin-left:0;
   margin-right:0;
   max-width:100%;
}


.gd-accordion:first-child .gd-accordion-toggle {
   border-radius: calc(var(--gd-border-radius-1) - 1px) calc(var(--gd-border-radius-1) - 1px)  0 0;
}


.gd-accordion:last-child .gd-accordion-toggle {
   border-radius:0 0  calc(var(--gd-border-radius-1) - 1px) calc(var(--gd-border-radius-1) - 1px);
}

.gd-accordion.open:last-child .gd-accordion-toggle {
   border-radius:0;
}


.gd-accordion:only-child .gd-accordion-toggle {
   border-radius: calc(var(--gd-border-radius-1) - 1px);
}

.gd-accordion.open:only-child .gd-accordion-toggle  {
   border-radius: calc(var(--gd-border-radius-1) - 1px) calc(var(--gd-border-radius-1) - 1px)  0 0;
}




.gd-accordion-toggle:hover,
.gd-accordion-toggle:focus-visible {
   background-color:var(--gd-bg-color-dkr);
}




.gd-accordion-toggle {
   text-align:left;
   background-color:transparent;
   border:0;
   width:100%;
   cursor:pointer;
   font-weight:bold;
   color:var(--gd-font-color-dkr);
   display:block;
   position:relative;
   padding:10px 40px 10px 20px;
   transition: border-radius var(--gd-transition-timing);
}

.gd-accordion-body {
   display:grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows var(--gd-transition-timing);
}

.gd-accordion.open .gd-accordion-body {
   grid-template-rows: 1fr;
}

.gd-accordion-content {
   transition: visibility  var(--gd-transition-timing) ,opacity  var(--gd-transition-timing);
   opacity:0;
   visibility:hidden;
   overflow:hidden;
}

.gd-accordion.open .gd-accordion-content {
   opacity:1;
   visibility:visible;
}

.gd-accordion-content > :last-child {
   margin-bottom:0;
}

.gd-accordion-padding {
   padding: 20px var(--gd-event-header-padding-vertical);
}

.gd-accordion-toggle:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #000000;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}



.gd-accordion.open .gd-accordion-toggle:after {
   border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 7px solid  #000000;
	border-top:0;
}


/* --------------- END GENERAL DETAILS ACCORDION --------------- */






/* ----------------------------------------------------------------- SPECIFIC PAGES  ----------------------------------------------------------------- */


.pg-error main p {
   text-align:center;
   margin-left:auto;
   margin-right:auto;
}

/* specific page max widths */
.pg-sign-in .page-content {
   margin-top:40px;
}

.pg-account-create .page-block,
.pg-sign-in .page-block,
.pg-password .page-block  {
   max-width: var(--gd-content-width-max-3);
   margin:0 auto;
}

.pg-registration .page-block,
.pg-customer-balance .page-block {
   max-width: var(--gd-content-width-max-2);
   margin:0 auto;
}



/* sign in page */
.pg-sign-in .forgot-password {
   text-align:center;
   margin-top:20px;
}

.pg-sign-in .page-content .page-container {
   padding-top:calc(var(--gd-page-content-padding-vertical) / 2);
}

/* sign in error message */
.error-message,
.pg-sign-in #signIn-error,
.pg-sign-in #signUp-error  {
	font-size:var(--gd-font-size-body-1);
	line-height:var(--gd-line-height-body-1);
	padding:20px;
	text-align:center;
	border:var(--gd-state-error-color) solid 1px;
   color: var(--gd-state-error-color);
	border-radius:var(--gd-border-radius-2);
	margin-bottom:40px;
}

.error-message > .pfIcon,
.pg-sign-in #signIn-error > .pfIcon,
.pg-sign-in #signUp-error > .pfIcon {
	position:relative;
   padding:0;
	left:0;
	line-height:inherit;
	display:inline-block;
	vertical-align:middle;
	font-size:var(--gd-icon-size-1);
}

.error-message > .label,
.pg-sign-in #signIn-error > label,
.pg-sign-in #signUp-error > label {
	display:inline-block;
	vertical-align:middle;
	margin:0 10px;
}

.error-message p:last-child,
.pg-sign-in #signIn-error p:last-child,
.pg-sign-in #signUp-error p:last-child   {
	margin-bottom:0;
}






/* customer select */
#customerList .gd-button.text {
   padding:0;
   height: auto;
   text-decoration: underline;
   min-width: 0;
   text-align: left;
   border-radius: 0;
}

#customerList .gd-button.text:hover,
#customerList .gd-button.text:focus-visible {
   text-decoration:none;
   background-color:transparent;
   color:var(--gd-link-color-hover);
}

#customerList .gd-button.text:hover:after,
#customerList .gd-button.text:focus-visible:after {
   display:none;
}


/* customer home */
.pg-customer-home .account-balance-container {
   text-align:center;
   border: var(--gd-border-color-dkr) solid 1px;
   padding: var(--gd-table-cell-padding);
   margin: var(--gd-table-margin);
}

.pg-customer-home .account-balance-container :last-child {
   margin-bottom:0;
}

/* registration page */

.orderSummaryWrap:empty{
   display:none;
}

/* post page */

/* return home link */
.gd-button-group.return-home {
   padding-top:0px;
}


/* order thread page */
.strikeThrough td:not(.cell-activity) > * {
   text-decoration: line-through;
   filter:var(--gd-state-disabled-filter);
   opacity:var(--gd-state-disabled-opacity);
}


/* payment - cheque */
#paymentMethod_Cheque [class*="heading"],
#paymentMethod_Cheque p {
   text-align:left;
}



/* -------------------------------- BREAK POINT ------------------------------------ */
@media screen and (min-width:768px) {

   /* specific pages */
   
   /* sign in page */
   .pg-sign-in .page-container {
      
      margin:0 auto;
      position:relative;
   }

   .pg-sign-in .page-container:before {
      content:'';
      position:absolute;
      top:0px;
      left:50%;
      width:2px;
      height:calc(100% - 40px);
      background-color:var(--gd-border-color-dk);
   }

   .pg-sign-in .page-block {
      width:calc(50% - 30px);
      display:inline-block;
      vertical-align:top;
   }

   .pg-sign-in .page-block .pfForm {
      max-width:400px;
      margin:0 auto;
   }

   .pg-sign-in .page-block + hr + .page-block {
      margin-left:60px;
   }

   .pg-sign-in hr {
      display:none;
   }


}