/* Grid */
.page-template-default:has(.woocommerce-order-details) .woocommerce-MyAccount-content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows   : auto 16px auto auto;
  grid-template-areas :
    "text  button"
    ".     .     "
    "table table "
    "addr  addr  ";
}
.page-template-default:has(.woocommerce-order-details) .woocommerce-MyAccount-content > p {
  grid-area: text;
}
.page-template-template-checkout                       .woocommerce-order-details,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details {
  display : contents;
}
.page-template-template-checkout                       .woocommerce-order-details > h2,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > h2 {
  display : none;
}
.page-template-template-checkout                       .woocommerce-order-details > table,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table {
  grid-area : table;
}
.page-template-template-checkout .woocommerce-order-details > .order-again {
  display: none;
}
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > .order-again {
  grid-area : button;
}
.page-template-template-checkout                       .woocommerce-order-details > .order-again a:after,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > .order-again a:after {
  display : none;
}
.page-template-template-checkout                       .woocommerce-customer-details,
.page-template-default:has(.woocommerce-order-details) .woocommerce-customer-details {
  grid-area : addr;
}

.page-template-template-checkout .woocommerce-thankyou-order-details + p {
  display: none;
}

/* Table Grid */
.page-template-template-checkout                       .woocommerce-order-details > table,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table {
  display               : grid;
  column-gap            : 16px;
  grid-template-columns : 0 auto 1fr;
  grid-template-rows    : auto 0 auto 16px;
  grid-template-areas: 
    "body"
    ".   "
    "foot";
}
@media (min-width: 744px) {
  .page-template-template-checkout                       .woocommerce-order-details > table,
  .page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table {
    grid-template-columns : 120px auto 1fr;
  }
}
.page-template-template-checkout                       .woocommerce-order-details > table tbody,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tbody {
  grid-area             : body;
  grid-column           : 1/4;
  display               : grid;
  grid-template-columns : subgrid;
}
.page-template-template-checkout                       .woocommerce-order-details > table tfoot,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tfoot {
  grid-area             : foot;
  grid-column           : 1/4;
  row-gap               : 8px;
  column-gap            : 16px;
  display               : grid;
  grid-template-columns : auto 1fr;
}
.page-template-template-checkout                       .woocommerce-order-details > table tr,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tr {
  grid-column           : 1/4;
  display               : grid;
  grid-template-columns : subgrid;
}

/* Address Grid */
.page-template-template-checkout                       .woocommerce-customer-details,
.page-template-default:has(.woocommerce-order-details) .woocommerce-customer-details {
  display               : grid;
  row-gap               : 8px;
  grid-template-columns : 1fr;
}
@media (min-width: 744px) {
  .page-template-template-checkout                       .woocommerce-customer-details,
  .page-template-default:has(.woocommerce-order-details) .woocommerce-customer-details {
    display               : grid;
    column-gap            : 16px;
    grid-template-columns : 1fr 1fr;
  }
}
.page-template-template-checkout                       .woocommerce-customer-details > section,
.page-template-default:has(.woocommerce-order-details) .woocommerce-customer-details > section {
  display : contents;
}



/* Design */
.page-template-template-checkout                       .woocommerce-MyAccount-content > p,
.page-template-default:has(.woocommerce-order-details) .woocommerce-MyAccount-content > p {
  margin     : 0;
  align-self : center;
}
.page-template-template-checkout                       .woocommerce-MyAccount-content > p mark,
.page-template-default:has(.woocommerce-order-details) .woocommerce-MyAccount-content > p mark {
  font-size   : 12px;
  line-height : 18px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-title);
}
.page-template-template-checkout                       .woocommerce-order-details > .order-again,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > .order-again {
  margin : 0;
}

/* Table */
.page-template-template-checkout                       .woocommerce-order-details > table thead,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table thead {
  display : none;
}

.page-template-template-checkout                       .woocommerce-order-details > table tbody tr,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tbody tr {
  border-radius    : var(--c-radius);
  border           : 1px solid var(--c-border);
  margin-bottom    : 8px;
  background-color : white;
  padding          : 16px;
}
.page-template-template-checkout                       #page.site .woocommerce-order-details > table tbody td,
.page-template-default:has(.woocommerce-order-details) #page.site .woocommerce-order-details > table tbody td {
  padding          : 0;
  background-color : white;
}
.page-template-template-checkout                       #page.site .woocommerce-order-details > table tbody a,
.page-template-default:has(.woocommerce-order-details) #page.site .woocommerce-order-details > table tbody a {
  font-size   : 14px;
  line-height : 20px;
  font-weight : 500;
  font-family : var(--c-font-familiy-title);
  color       : var(--c-text-title);
}
.page-template-template-checkout                       .woocommerce-order-details > table tfoot,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tfoot {
  border-radius    : var(--c-radius);
  border           : 1px solid var(--c-border);
  padding          : 16px;
  background-color : white;
}
.page-template-template-checkout                       .woocommerce-order-details > table tfoot tr,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tfoot tr {
  border-radius    : var(--c-radius);
  background-color : white;
}
.page-template-template-checkout                       .woocommerce-order-details > table tfoot th,
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tfoot th {
  padding          : 0;
  background-color : white;
  font-size        : 14px;
  line-height      : 20px;
  font-weight      : 500;
  font-family      : var(--c-font-familiy-title);
  color            : var(--c-text-title);
} 
.page-template-template-checkout                       .woocommerce-order-details > table tfoot td,   
.page-template-default:has(.woocommerce-order-details) .woocommerce-order-details > table tfoot td {
  padding          : 0;
  background-color : white;
  font-size        : 14px;
  line-height      : 20px;
  font-weight      : 500;
  font-family      : var(--c-font-familiy-text);
  color            : var(--c-text-secondary);
}
.page-template-template-checkout                       #page.site .woocommerce-order-details .woocommerce-table__product-total,
.page-template-default:has(.woocommerce-order-details) #page.site .woocommerce-order-details .woocommerce-table__product-total {
  padding-top: 3px;
}
body:not(.logged-in).page-template-template-checkout   #page.site .woocommerce-order-details .woocommerce-table__product-total {
  display : none;
}

/* Address */
.page-template-template-checkout                       #page.site .woocommerce-customer-details > section > div,
.page-template-default:has(.woocommerce-order-details) #page.site .woocommerce-customer-details > section > div {
  margin           : 0;
  background-color : white;
  font-size        : 12px;
  line-height      : 18px;
  font-weight      : 500;
  font-family      : var(--c-font-familiy-text);
  color            : var(--c-text-secondary);
  border-radius    : var(--c-radius);
  border           : 1px solid var(--c-border);
  padding          : 16px;
  width            : 100%;
}

#page.site .woocommerce-thankyou-order-details::after {
  display : none;
}

body:not(.logged-in).page-template-template-checkout #page.site .woocommerce-table--order-details tfoot {
  display : none;
}
body:not(.logged-in).page-template-template-checkout #page.site .woocommerce-order-overview__total {
  display : none;
}
body:not(.logged-in).page-template-template-checkout #page.site .woocommerce-order-overview__date {
  border-bottom : none;
}


/*
.woocommerce-order-received .woocommerce-order-overview+p {
  display: none;
}
.woocommerce-order-received .c-cost-center {
  border-top: 3px solid white;
  padding          : 1.41575em;
  font-weight      : 600;
  background-color : #f8f8f8;
  margin-top: -22.662px;
  margin-bottom: 22.662px;
} 
.woocommerce-order-received tr {
  display: grid;
  grid-template-columns: 2fr 1fr;
}

.woocommerce-order-received dl {
  justify-content       : start;
  justify-items         : start;
  display               : grid;
  grid-template-columns : 110px 110px;
  grid-auto-rows        : 1.5em;
  column-gap            : 1em;
}

.woocommerce-order-received .order-again {
  display : none;
}
*/