/* Woocommerce My Account / Pannel Page */
body.woocommerce-account {
  background: var(--color-dark-secondary);
}

.panel-head {
  position: relative;
  background: var(--color-dark-secondary);
}

.panel-head::before,
.panel-head::after {
  content: "";
  position: absolute;
  top: 0;
  width: calc(var(--md)/2);
  height: calc(var(--md)/2);
  z-index: 0;
}

.panel-head::before {
  right: 0;
  background: radial-gradient(calc(var(--md)/2) at 100% 100%, transparent 98%, var(--color-primary)) 0 0 /100% 100% no-repeat;
}

.panel-head::after {
  left: 0;
  background: radial-gradient(calc(var(--md)/2) at 0% 100%, transparent 98%, var(--color-primary)) 0 0 /100% 100% no-repeat;
}

.panel-head .container {
  max-width: calc(100% - var(--md));
  border-radius: 0 0 var(--sm) var(--sm);
  padding: var(--md) var(--xl);
  position: relative;
  box-shadow: inset 0 calc(var(--xxl)*-2) var(--xxl) calc(var(--hg)*-1) var(--color-primary-50);
  background: var(--color-primary);
  background: linear-gradient(179deg, var(--color-primary) 30%, var(--color-secondary) 100%);

}

.panel-head .container::before {
  content: "";
  position: absolute;
  bottom: 0;
  height: 80%;
  width: 100%;
  background: var(--color-gray-secondary-50);
  right: var(--sm);
  max-width: calc(25% - var(--sm));
  z-index: 0;
  border-radius: var(--sm) var(--sm) 0 0;
  background: linear-gradient(230deg, transparent 0%, var(--color-gray-secondary-50) 50%);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.panel-head h1 {
  font-size: var(--t-lg);
  margin: 0;
  display: block;
  line-height: var(--t-xxl);
  padding: calc(var(--xl)/4) 0 0 0;
  width: fit-content;
  position: relative;
  z-index: 1;
  color: white;
}

.panel-body {
  background: var(--color-dark-secondary);
  margin-bottom: var(--xm);
}

.panel-body .container {
  max-width: calc(100% - var(--md));
  display: flex;
  justify-content: center;
  align-items: stretch;
  padding: 0;
  gap: 0;
}

.panel-sidebar {
  width: calc(25% - var(--sm));
  padding: 0;
  box-sizing: border-box;
  border-radius: 0 0 var(--sm) var(--sm);
}

.panel-sidebar h2 {
  background-color: var(--color-gray-secondary-50);
  margin: 0;
  padding: var(--xs) var(--tn);
  background: linear-gradient(25deg, var(--color-gray-secondary-50) 25%, transparent 100%);
  font-size: var(--t-sm);
  color: var(--color-gray-secondary);
}

.panel-sidebar:has(ul > li:first-child.is-active) h2 {
  border-bottom-left-radius: var(--sm);
  transition: border-radius 0.5s ease;
}

.panel-sidebar ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.panel-sidebar li {
  width: 100%;
  background: var(--color-dark-primary);
  font-size: var(--t-sm);
  position: relative;
  overflow: hidden;
  transition: border-radius 0.5s ease, padding-inline 0.5s ease;
}

.panel-sidebar li:last-child {
  border: none;
  border-radius: 0 0 var(--sm) var(--sm);
}

.panel-sidebar li.is-active {
  overflow: visible;
  background: transparent;
  background: linear-gradient(270deg, var(--color-gray-muted-50) 0%, transparent 100%);
}

.panel-sidebar li:has(+ .is-active) {
  border-radius: 0 0 0 var(--sm);
}

.panel-sidebar li.is-active+li {
  border-radius: var(--sm) 0 0 0;
}
.panel-sidebar li.is-active + li:last-child {
  border-radius: var(--sm) 0 var(--sm) var(--sm);
}

.panel-sidebar li a:hover {
  padding-inline: var(--sm);
  color: var(--color-primary);
}

.panel-sidebar li a {
  width: 100%;
  padding: var(--xs);
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: var(--color-gray-secondary);
  align-items: center;
  gap: var(--tn);
  cursor: pointer;
}

.panel-sidebar li.is-active a {
  padding-inline: var(--sm);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  color: var(--color-primary);
}

.panel-sidebar li::after {
  content: "";
  position: absolute;
  width: calc(var(--tn)/2);
  background: var(--color-primary);
  top: 100%;
  bottom: 100%;
  right: 0;
  border-radius: 10em;
  transition: top 0.4s ease-out, bottom 0.4s ease-out;
  height: 100%;
}

.panel-sidebar li.is-active::after {
  top: 0;
  bottom: 0;

}

.panel-items {
  width: calc(75% - var(--sm));
  padding: var(--xs);
  position: relative;
  overflow: hidden;
  z-index: 0;
}



/* Panel Dashboard */
#woo-dashboard,
#woo-orders,
#woo-view-order,
#woo-edit-acc,
#woo-my-address,
#woo-edit-address {
  display: flex;
  gap: var(--xs);
  flex-wrap: wrap;
}

#woo-dashboard .box,
#woo-orders .box,
#woo-view-order .box,
#woo-edit-acc .box,
#woo-my-address .box,
#woo-edit-address .box {
  width: fit-content;
  background: var(--color-gray-muted-50);
  border-radius: var(--xs) 0 var(--xs) var(--xs);
  position: relative;
  min-width: calc(50% - (var(--xs)/2));
  height: fit-content;
}

#woo-dashboard .box .title,
#woo-orders .box .title,
#woo-view-order .box .title,
#woo-edit-acc .box .title,
#woo-my-address .box .title,
#woo-edit-address .box .title {
  background: var(--color-dark-secondary);
  border-radius: 0 0 0 var(--xs);
  width: fit-content;
  margin: 0;
  position: relative;
  color: white;
}

#woo-dashboard .box h4,
#woo-orders .box h4,
#woo-view-order .box h4,
#woo-edit-acc .box h4,
#woo-my-address .box h4,
#woo-edit-address .box h4 {
  display: flex;
  align-items: center;
  gap: var(--tn);
  padding: var(--xs);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  padding: var(--tn) var(--xs);
  margin: 0;
  font-size: var(--t-sm);
  line-height: var(--t-sm);
}

#woo-dashboard .box h4::before,
#woo-orders .box h4::before,
#woo-view-order .box h4::before,
#woo-edit-acc .box h4::before,
#woo-my-address .box h4::before,
#woo-edit-address .box h4::before {
  color: var(--color-primary);
}

#woo-dashboard .box .title:before,
#woo-dashboard .box .title:after,
#woo-orders .box .title::before,
#woo-orders .box .title:after,
#woo-view-order .box .title::before,
#woo-view-order .box .title::after,
#woo-edit-acc .box .title::before,
#woo-edit-acc .box .title::after,
#woo-my-address .box .title::before,
#woo-my-address .box .title::after,
#woo-edit-address .box .title::before ,
#woo-edit-address .box .title::after {
  content: "";
  position: absolute;
  width: var(--xs);
  height: var(--xs);
  z-index: 0;
}

#woo-dashboard .box .title::before,
#woo-orders .box .title::before,
#woo-view-order .box .title::before,
#woo-edit-acc .box .title::before,
#woo-my-address .box .title::before,
#woo-edit-address .box .title::before {
  bottom: calc(var(--xs)*-1);
  right: 0;
  background: radial-gradient(var(--xs) at 0% 100%, transparent 98%, var(--color-dark-secondary)) 0 0 /100% 100% no-repeat;
}

#woo-dashboard .box .title:after,
#woo-orders .box .title:after,
#woo-view-order .box .title:after,
#woo-edit-acc .box .title:after,
#woo-my-address .box .title:after,
#woo-edit-address .box .title:after {
  top: 0;
  left: calc(var(--xs)*-1);
  background: radial-gradient(var(--xs) at 0% 100%, transparent 98%, var(--color-dark-secondary)) 0 0 /100% 100% no-repeat;
}

#woo-dashboard .notification.box ul {
  display: flex;
  flex-direction: column;
  gap: var(--tn);
  padding: var(--xs);
}

#woo-dashboard .notification.box li {
  border-radius: var(--tn);
  opacity: 0.5;
  transition: 0.4s ease;
  background: var(--color-gray-secondary-50);
  backdrop-filter: blur(var(--tn));
  overflow: hidden;
}

#woo-dashboard .notification.box li.new {
  opacity: 1;
  background: var(--color-gray-secondary);
}

#woo-dashboard .notification.box li:hover {
  opacity: 1;
}

#woo-dashboard .notification.box li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--xs);
  padding: 0;
  color: var(--color-dark-primary);
}

#woo-dashboard .notification.box li a::before {
  order: 1;
  border-radius: 50%;
  background: var(--color-gray-muted-50);
  padding: var(--tn);
  border-radius: 0 1em 1em 0;
}

#woo-dashboard .notification.box li.new a::before {
  background: var(--color-primary);
}

#woo-dashboard .notification.box li a:hover::before {
  margin-left: 0 !important;
}

#woo-dashboard .notification.box li p {
  padding: var(--tn);
}

#woo-dashboard .box .desc,
#woo-orders .box .desc {
  padding: var(--xs);
  color: var(--color-gray-secondary);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
  gap: var(--xs);
}

#woo-dashboard .box .desc strong,
#woo-orders .box .desc strong {
  color: var(--color-primary);
}

#woo-dashboard .woo-last-status.box .desc a {
  padding: var(--tn) var(--xs);
  background: var(--color-primary);
  border-radius: var(--xs);
  color: var(--color-dark-primary);
  display: block;
  margin: 0;
  text-align: center;
}

/* orders */
#woo-orders {
  flex-direction: column;
}

#woo-orders .orders-summary {
  display: flex;
  gap: var(--xs);
  width: 100%;
}

#woo-orders .box {
  width: 100%;
  min-width: fit-content;
}

#woo-orders h2 {
  color: white;
  display: flex;
  align-items: center;
  font-size: var(--t-md);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  margin-block: 0 var(--xs);
}

#woo-orders h2::before {
  padding-left: var(--tn);
  font-size: 100%;
  color: var(--color-primary);
}

#woo-orders .woocommerce-pagination {
  text-align: center;
  border-top: 1px solid var(--color-gray-muted-50);
  padding-block: var(--tn);
}

#woo-orders .woocommerce-pagination a {
  padding: calc(var(--tn)/2) var(--xs);
  border-radius: var(--xs);
  line-height: 1;
  background: var(--color-gray-third);
  color: var(--color-dark-secondary);
}
.woocommerce-button i {
    font-size: calc( var(--xs)/1.3 );
}

#woo-orders table {
  width: 100%;
  border-collapse: collapse;
}

#woo-orders thead {
  border-bottom: 1px solid var(--color-gray-third-50);
}

#woo-orders thead tr th {
  color: var(--color-gray-third);
}

#woo-orders thead tr th span {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--tn)/2);
}

#woo-orders thead tr th span::before,
#woo-orders .blackswan-wcmongo thead th::before {
  font-size: 150%;
  color: var(--color-secondary);
}

.blackswan-wcmongo thead th::before {
  padding-left: calc(var(--tn)/2);
}

#woo-orders tr th {
  text-align: center;
  padding: var(--tn);
  position: relative;
}

#woo-orders tr th span {
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  font-weight: bold;
}

#woo-orders tbody tr:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-muted-50);
  transition: background-color 0.4s ease;
}

#woo-orders tbody tr:is(.woocommerce-orders-table__row, .parent-item):hover {
  background: var(--color-dark-primary);
}

#woo-orders tbody tr.parent-item:has(+ tr.details-item:not(.hidden)):hover {
  background: transparent;
}

#woo-orders tbody tr th,
#woo-orders .blackswan-wcmongo tbody tr.parent-item td:first-child {
  color: white;
}

#woo-orders tbody td {
  color: var(--color-gray-third);
  text-align: center;
  padding: var(--tn);
}

#woo-orders .woocommerce-orders-table__cell-order-status span {
  display: inline-block;
  padding-inline: var(--xs);
  border-radius: var(--xs);
  color: white;
  text-align: center;
  line-height: var(--t-md);
  padding-block: calc(var(--tn)/2);
  min-width: 50%;
  background: var(--color-gray-muted-50);
}

#woo-orders :is(.woocommerce-orders-table__row--status-cancelled, .woocommerce-orders-table__row--status-failed) .woocommerce-orders-table__cell-order-status span,
#woo-orders .blackswan-wcmongo tr.parent-item:is(.status-cancelled, .status-failed) td:nth-child(3) {
  color: #dc3545;
  background-color: #dc354540;
}

#woo-orders .woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status span,
#woo-orders .blackswan-wcmongo tr.parent-item.status-refunded td:nth-child(3) {
  color: #343a40;
  background-color: #343a4040;
}

#woo-orders .woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status span,
#woo-orders .blackswan-wcmongo tr.parent-item.status-on-hold td:nth-child(3) {
  color: var(--color-secondary);
  background-color: #bca00f40;
}

#woo-orders :is(.woocommerce-orders-table__row--status-pending,
  .woocommerce-orders-table__row--status-processing,
  .woocommerce-orders-table__row--status-carrier,
  .woocommerce-orders-table__row--status-pending,
  .woocommerce-orders-table__row--status-posttipox,
  .woocommerce-orders-table__row--status-tipox) .woocommerce-orders-table__cell-order-status span,
#woo-orders .blackswan-wcmongo tr.parent-item:is(.status-processing, .status-carrier, .status-pending, .status-tipox) td:nth-child(3) {
  color: var(--color-primary);
  background-color: #FDD50440;
}

#woo-orders :is(.woocommerce-orders-table__row--status-completed, .woocommerce-orders-table__row--status-present-delivery) .woocommerce-orders-table__cell-order-status span,
#woo-orders .blackswan-wcmongo tr.parent-item:is(.status-completed, .status-present-delivery) td:nth-child(3) {
  color: #28a745;
  background-color: #28a74540;
}

#woo-orders tbody tr.parent-item:has(+ tr.details-item:not(.hidden)) td:nth-child(3) {
  border-radius: 0 0 var(--xs)var(--xs);
  transition: 0.4s ease;
}

#woo-orders .woocommerce-orders-table__cell-order-actions a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--tn);
}

#woo-orders .woocommerce-orders-table__cell-order-actions a._puiw_invoice_track_id {
  display: none;
}

#woo-orders .woocommerce-orders-table__cell-order-actions a::before {
  order: 1;
}

#woo-orders .woocommerce-orders-table__cell-order-actions a::before {
  order: 1;
  font-size: 100%;
  font-weight: bold;
}

#woo-orders .woocommerce-orders-table__cell-order-actions a:hover::before {
  margin: 0 !important;
  transform: rotate(-90deg);
}

#woo-orders tbody tr.parent-item:has(+ tr.details-item:not(.hidden)) {
  border: none;
  margin-bottom: 0;
  padding-bottom: var(--tn);
}

body.woocommerce-orders #woo-orders .blackswan-wcmongo tbody tr.hidden > * {
  display: none;
}
#woo-orders .blackswan-wcmongo tr.parent-item td:last-child a::after {
  order: 1;
  font-size: 100%;
  font-weight: bold;
  content: '\e838';
  font-family: "vp-icon";
  font-style: normal;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-variant: normal;
  text-transform: none;
  transition: 0.4s ease;
  margin-right: var(--tn);
}

#woo-orders tbody tr.parent-item:has(+ tr.details-item:not(.hidden)) td:last-child a::after,
#woo-orders tbody tr.parent-item td:last-child a:hover::after {
  transform: rotate(-90deg);
  color: var(--color-primary);
}

#woo-orders .wbs-order-details-structured {
  display: flex;
  flex-wrap: wrap;
  gap: var(--tn);
}

#woo-orders .wbs-detail-block {
  padding: var(--xs);
  border-radius: var(--xs);
  background-color: var(--color-dark-primary);
  width: 100%;
  font-size: var(--t-sm);
  text-align: right;
}

#woo-orders .wbs-detail-block:is(.wbs-address-info) {
  flex: 1 1 calc(50% - var(--tn));
}

#woo-orders .wbs-items-info {
  flex: 1 1 100%;
}

#woo-orders .wbs-detail-block h4 {
  margin-block: 0 var(--tn);
  padding-bottom: var(--tn);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  font-weight: var(--w-bld);
  line-height: var(--t-sm);
  display: flex;
  align-items: center;
  gap: var(--tn);
}

#woo-orders .wbs-detail-block h4::before {
  font-size: 150%;
  line-height: var(--t-sm);
  font-weight: var(--w-reg);
}


/* view orders */
#woo-view-order .box {
  width: 100%;
}

#woo-view-order .order-status.box h4 b {
  color: var(--color-primary);
  font-size: var(--t-md);
}

#woo-view-order .title+div {
  padding: var(--tn);
}

#woo-view-order .order-status-container {
  display: flex;
  flex-direction: column;
}

#woo-view-order .blackswan-delivery-pro-deliveries {
  margin: 0;
  display: flex;
  justify-content: space-between;
}
#woo-view-order ._shipping_puiw_invoice_track_id {
  order: 2;
  display: flex;
  justify-content: flex-start;
  font-size: var(--t-sm);
  color: var(--color-primary);
  padding: var(--xs);
  border-top: 1px dashed var(--color-gray-muted);
  gap: var(--tn);
}
#woo-view-order ._shipping_puiw_invoice_track_id strong {
  color: var(--color-gray-secondary);
  font-size: var(--t-xs);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
}
#woo-view-order .blackswan-delivery-pro-deliveries._deliver_courier {
  padding: var(--xs);
  border-top: 1px dashed var(--color-gray-muted);
  align-items: center;
  order: 1;
}
#woo-view-order .delivery-sh-courier-details-box::before {
  background: var(--color-dark-primary);
  border-radius: 50%;
  padding: var(--tn);
  font-size: var(--t-xm);
}

#woo-view-order .delivery-sh-courier-details {
  display: flex;
  flex-direction: column;
  min-width: 100%;
  justify-content: space-evenly;
  gap: var(--tn);
}

#woo-view-order .delivery-sh-courier-details-box b {
  display: block;
  width: 100%;
  line-height: var(--t-sm);
  font-size: var(--t-sm);
}

#woo-view-order .delivery-sh-courier-details-box a {
  display: block;
  color: var(--color-gray-secondary-50);
  font-size: var(--t-xs);
  line-height: var(--t-xs);
}
#woo-view-order .delivery-sh-courier-details-box a:hover {
  color: var(--color-primary);
}
#woo-view-order .blackswan-delivery-pro-deliveries>a {
  display: none;
}

#woo-view-order .blackswan-delivery-pro-deliveries.bars {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: column;
  gap: var(--tn);
  padding: var(--xs);
}

#woo-view-order .blackswan-delivery-pro-deliveries.bars .bars {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  gap: var(--xs);
}
#woo-view-order .bsldp--progressbar,
#woo-view-order .bars.cancelled .bsldp--progressbar {
  display: flex;
  flex-direction: row;
  gap: var(--xs);
  align-items: center;
  width: max-content;
  min-width: max-content;
}

#woo-view-order .bsldp--progressbar:not(:last-child) {
  width: 100%;
}

#woo-view-order .bsldp--progressbar::before {
  width: fit-content;
  height: fit-content;
  background: var(--color-gray-secondary-50);
  color: var(--color-dark-secondary);
  border-radius: 50%;
  margin: auto;
  padding: calc(var(--tn)/2);
  font-weight: var(--w-reg);
  font-size: var(--t-lg);
}
#woo-view-order .bsldp--progressbar.filled::before {
  background: var(--color-primary);
  background: linear-gradient(90deg,var(--color-gy-2) 0%, var(--color-gy-1) 50%, var(--color-gy-2) 100%);
}

#woo-view-order .bars-line {
  display: block;
  width: 100%;
  height: 4px;
  border-radius: var(--tn);
  background: var(--color-gray-muted);
  overflow: hidden;
}

#woo-view-order .bars .bars-line > i {
  display: block;
  height: 100%;
  width: 0;
  background: transparent;
  border-radius: var(--tn);
  transition: width .3s;
}

#woo-view-order .bars > .bsldp--progressbar.filled .bars-line i {
  width: 50%;
  background: var(--color-dark-primary);
  background: linear-gradient(90deg,var(--color-gy-1) 0%, var(--color-gy-2) 50%);
}

#woo-view-order .bars .bsldp--progressbar.filled:has(+ .bsldp--progressbar.filled) .bars-line > i {
  width: 100%;
  background: var(--color-primary);
  background: linear-gradient(90deg,var(--color-gy-2) 0%, var(--color-gy-1) 50%, var(--color-gy-2) 100%);
}

#woo-view-order .bars.cancelled > .bars-line > i {
  background: var(--color-error);
  width: 100%;
}
#woo-view-order .bars.cancelled .bsldp--progressbar::before {
  background: var(--color-error);
  color: white;
  font-size: var(--t-xm);
  padding: calc(var(--t-lg) - var(--t-xm));
}

#woo-view-order .blackswan-delivery-pro-deliveries .titles {
  display: flex;
  flex-direction: row;
  font-size: var(--t-xs);
  text-align: center;
  justify-content: space-between;
  gap: var(--xs);
  position: relative;
}
#woo-view-order .blackswan-delivery-pro-deliveries .titles.cancelled {
  text-align: center;
  justify-content: center;
}
#woo-view-order .blackswan-delivery-pro-deliveries .titles span {
  font-size: var(--t-xs);
  line-height: 1.5;
  min-width: calc(var(--tn) + var(--t-lg));
  text-align: center;
}

#woo-view-order .blackswan-delivery-pro-deliveries .titles span:nth-child(2) {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%,-50%);
}

#woo-view-order .delivery-sh-courier-details-box {
  display: flex;
  width: max-content;
  gap: var(--tn);
}
#woo-view-order .order-full-details {
  display: flex;
  padding-block: var(--xs);
  border-top: 1px dashed var(--color-gray-muted);
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--tn);
}
#woo-view-order .order-full-details:has(> li:only-child) {
  justify-content: right;
}
#woo-view-order .order-full-details li {
  display: flex;
  justify-content: space-between;
  padding-inline: var(--xs);
  align-items: center;
  width: fit-content;
  gap: var(--tn);
}
#woo-view-order .order-full-details li.woocommerce-OrderUpdate.comment.note {
  font-size: var(--t-xs);
  order: -1;
}
#woo-view-order .order-full-details li:only-child {
  /* border-top: 1px dashed var(--color-gray-muted); */
}

#woo-view-order .order-full-details li b {
  color: var(--color-gray-secondary);
  font-size: var(--t-xs);
}
#woo-view-order .order-full-details li span {
  color: var(--color-gray-third);
  font-size: var(--t-xs);
}
/* view order table */
#woo-view-order .woocommerce-order-details ul.shop_table.order_details{
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.thead{
  display: table-header-group;
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tbody{
  display: table-row-group;
  color: var(--color-gray-secondary);
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot{
  display: table-footer-group;
  color: var(--color-gray-third);
}

#woo-view-order .order-head{ 
  display: table-row; 
  margin: 0;
  padding: 0;
  list-style: none;
}
#woo-view-order .order-head > li{
  display: table-cell;
  padding: var(--tn);
  vertical-align: middle;
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  background: var(--color-dark-secondary);
}

#woo-view-order .wo-order-item{
  display: table-row;
}
#woo-view-order .wo-order-item > .product-name {
  line-height: 0;
}
#woo-view-order .wo-order-item > .cell{
  display: table-cell;
  padding: var(--tn);
  vertical-align: middle;
  background: var(--color-dark-primary);
  border-bottom: calc(var(--tn)/2) solid var(--color-dark-royal);
}
#woo-view-order .wo-order-item:first-child > .cell {
  border-top: calc(var(--tn)/2) solid var(--color-dark-royal);
}

#woo-view-order .order-head > .product-name,
#woo-view-order .wo-order-item > .product-name{
  width: 60%;
  text-align: start; 
}
#woo-view-order .order-head > .product-name {
  border-top-right-radius: var(--xs);
  border-left: calc(var(--tn)/2) solid var(--color-dark-royal);
}
#woo-view-order .order-head > .product-qty,
#woo-view-order .wo-order-item > .product-qty{
  width: 10%;
  text-align: center;
  white-space: nowrap; 
}
#woo-view-order .order-head > .product-total,
#woo-view-order .wo-order-item > .product-total{
  width: 30%;
  text-align: end;
  white-space: nowrap; 
}
#woo-view-order .order-head > .product-total {
  border-top-left-radius: var(--xs);
  border-right: calc(var(--tn)/2) solid var(--color-dark-royal);
}

#woo-view-order .wo-order-item > .cell:first-child a {
  width: 100%;
  display: block;
}
#woo-view-order .wo-order-item .item-meta{
  font-size: var(--t-xs);
  opacity: .8;
  margin-top: calc(var(--tn)/2); 
}

#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul{
  display: table-row; 
  margin: 0;
  padding: 0;
  list-style: none; 
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul > li{
  display: table-cell;
  padding: var(--tn);
  vertical-align: middle;
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul.foot-row-order_total li{
  border-top: 1px dashed var(--color-gray-secondary);
  color: white;
  font-size: var(--t-sm);
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul > li:first-child{
  text-align: start;
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
}
#woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul > li:last-child{
  text-align: end;
  white-space: nowrap;
  font-size: var(--t-xs);
}

#woo-view-order .wo-order-item > .cell:first-child{
  border-left: calc(var(--tn)/2) solid var(--color-dark-royal);
}

#woo-view-order .wo-order-item > .cell:last-child {
  border-right: calc(var(--tn)/2) solid var(--color-gray-muted-50);
}

#woo-view-order .wo-order-item:last-child > .cell:first-child{
  border-left: calc(var(--tn)/2) solid var(--color-dark-royal);
  border-bottom-right-radius: var(--xs);
}

#woo-view-order .wo-order-item:last-child > .cell:last-child {
  border-right: calc(var(--tn)/2) solid var(--color-gray-muted-50);
  border-bottom-left-radius: var(--xs);
}

#woo-view-order .table-product-title {
  display: flex;
  flex-direction: column;
}
#woo-view-order .table-product-title .wc-item-meta {
  display: flex;
  gap: 0 var(--xs);
  font-size: var(--t-xs);
  flex-wrap: wrap;
  padding-inline: var(--xs);
}
#woo-view-order .table-product-title .wc-item-meta li {
  display: flex;
  flex-direction: row;
  gap: var(--tn);
}
#woo-view-order .table-product-title .wc-item-meta strong {
  color: var(--color-gray-third);
}
#woo-view-order .table-product-title .wc-item-meta p {
  color: var(--color-gray-secondary-50);
}

#woo-view-order .foot-row.foot-row-note {
  background: var(--color-dark-primary);
  border-radius: var(--xs);
  padding: var(--xs);
  margin-top: var(--tn);
}
#woo-view-order .foot-row.foot-row-note .value {
  font-size: var(--t-xs);
  color: var(--color-gray-third);
}
#woo-view-order .woocommerce-customer-details p {
  display: flex;
  justify-content: space-between;
  padding: var(--tn);
  color: var(--color-gray-third);
  gap: var(--tn);
  font-size: var(--t-sm);
}
#woo-view-order .woocommerce-customer-details p:not(:last-child) {
  border-bottom: 1px solid var(--color-gray-muted);
}
#woo-view-order .woocommerce-customer-details p b {
  color: var(--color-gray-secondary);
}

/* Edit Account */
#woo-edit-acc .content {
  padding: var(--xs);
}
#woo-edit-acc .woocommerce-EditAccountForm.edit-account {
  display: flex;
  flex-direction: column;
  gap: var(--sm);
}
#woo-edit-acc .woocommerce-form-row {
  display: flex;
  flex-direction: column;
}
#woo-edit-acc .woocommerce-form-row label {
  padding-right: var(--sm);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
}
#woo-edit-acc .woocommerce-form-row label span {
  color: var(--color-primary);
  padding-right: calc(var(--tn)/2);
}
#woo-edit-acc .woocommerce-form-row input {
  background: var(--color-dark-primary);
  border: none;
  color: white;
  padding: var(--tn) var(--sm);
  border-radius: 2rem;
  transition: 0.4s ease;
  font-size: var(--t-sm);
  -webkit-text-size-adjust: 100%;
}
#woo-edit-acc .woocommerce-form-row input:is(:active, :focus, :focus-visible, :focus-within) {
  outline: 1px solid var(--color-gray-third);
  background: var(--color-gray-third-50);
}
#woo-edit-acc .woo-submit {
  text-align: center;
  width: 100%;
  margin-top: var(--sm);
}
#woo-edit-acc .woo-submit button {
  min-width: 50%;
  padding: var(--xs);
  border-radius: var(--sm);
  margin: auto;
  font-size: var(--t-sm);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  background: var(--color-primary);
  line-height: 1;
  transition: filter 0.4s ease;
}
#woo-edit-acc .woo-submit button:hover {
  filter: brightness(1.1);
}
body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper > * {
  padding: var(--tn) var(--xs);
  border-radius: var(--xs);
  margin-bottom: var(--md);
  width: fit-content;
  min-width: 50%;
  background-color: var(--color-dark-secondary);
}
body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper > *:is(:focus-visible){
  outline: none;
}
body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper > .woocommerce-message {
  background-color: var(--color-success);
}
body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper > .woocommerce-error {
  background: var(--color-error);
}
body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper li {
  list-style: disc;
  padding: var(--tn);
  margin-inline: var(--xs);
}

/* My Address */
#woo-my-address .content {
  padding: var(--xs);
  text-align: center;
}
#woo-my-address .content address {
  text-align: right;
}
#woo-my-address .content > a {
  text-align: center;
  margin: var(--md) auto auto auto;
  display: inline-block;
  color: var(--color-dark-primary);
  min-width: 50%;
  padding: var(--xs);
  border-radius: var(--sm);
  font-size: var(--t-sm);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  background: var(--color-primary);
  line-height: 1;
  transition: filter 0.4s ease;
}
#woo-my-address .content > a:hover {
  filter: brightness(1.1);
}
/* Edit My Adress */
#woo-edit-address .box {
  width: 100%;  
}
#woo-edit-address .content {
  padding: var(--xs);
}
#woo-edit-address .woocommerce-address-fields__field-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sm);
}
#woo-edit-address .form-row {
  width: calc(50% - (var(--sm)/2));
  display: flex;
  flex-direction: column;
  gap: calc(var(--tn)/2);
}
#woo-edit-address .form-row label {
  padding-right: var(--sm);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
}
#woo-edit-address .form-row label span {
  color: var(--color-primary);
  padding-right: calc(var(--tn)/2);
}
#woo-edit-address .form-row input,
#woo-edit-address .form-row select {
  background: var(--color-dark-primary);
  border: none;
  color: white;
  padding: var(--tn) var(--sm);
  border-radius: 2rem;
  transition: 0.4s ease;
  width: 100%;
  font-size: var(--t-tn);
}
#woo-edit-address .form-row input:is(:active, :focus, :focus-visible, :focus-within) {
  outline: 1px solid var(--color-gray-third);
  background: var(--color-gray-third-50);
}
#woo-edit-address .form-row select {
  padding: var(--xs) var(--sm);
  color-scheme: dark;
}
#woo-edit-address .form-row#billing_country_field,
#woo-edit-address .form-row#billing_address_2_field {
  display: none !important;
}

#woo-edit-address .form-row#billing_address_1_field {
  width: 100%;
}

#woo-edit-address .woocommerce-address-fields p:has(.button) {
  text-align: center;
}
#woo-edit-address .woocommerce-address-fields .button {
  min-width: 50%;
  padding: var(--xs);
  border-radius: var(--sm);
  font-size: var(--t-sm);
  font-weight: var(--w-bld);
  font-variation-settings: "wght" var(--w-bld), "dots" 4;
  background: var(--color-primary);
  line-height: 1;
  transition: filter 0.4s ease;
  margin: var(--md) auto auto auto;
}
#woo-edit-address .woocommerce-address-fields .button:hover {
  filter: brightness(1.1);
}


@media (max-width: 767px) {
  .panel-head .container {
    padding: var(--md);
  }

  .panel-head .container::before {
    max-width: calc(100% - (var(--sm)*2));
  }

  .panel-body .container {
    flex-direction: column;
    align-items: center;
  }

  .panel-sidebar {
    width: calc(100% - (var(--sm)*2));
    border-radius: 0 0 var(--tn) var(--tn);
  }

  .panel-sidebar li::after {
    left: calc(var(--tn) * -1);
  }

  .panel-items {
    width: 100%;
    margin: var(--xs) 0 var(--xs) 0;
  }

  #woo-dashboard .box,
  #woo-orders .box,
  #woo-edit-acc .box,
  #woo-my-address .box,
  #woo-edit-address .box {
    width: 100%;
  }

  #woo-orders {
    width: 100%;
    padding: 0;
  }

  #woo-orders .orders-summary {
    flex-direction: column;
  }

  #woo-orders thead {
    display: none;
  }

  #woo-orders .woocommerce-orders-table tbody tr,
  #woo-orders .blackswan-wcmongo tbody tr.parent-item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--tn);
    padding-block: var(--md);
  }

  body.woocommerce-orders #woo-orders tbody tr:first-child {
    padding-top: 0;
  }

  #woo-orders tr th {
    font-size: var(--t-md);
    line-height: var(--t-md);
  }

  #woo-orders tbody tr:is(.woocommerce-orders-table__row, .parent-item) td {
    display: flex;
    justify-content: space-between;
    padding-inline: var(--xs);
    font-size: var(--t-sm);
    gap: var(--tn);
  }

  #woo-orders tr td:is(.woocommerce-orders-table__cell-order-date,
                      .woocommerce-orders-table__cell-order-status,
                      .woocommerce-orders-table__cell-order-total),
  div#woo-orders table.blackswan-wcmongo tr.parent-item td:nth-child(n+2):nth-child(-n+4) {
    width: 100%;
    border-radius: var(--xs);
    gap: var(--tn);
  }

  /* Order Number */
  #woo-orders tr th.woocommerce-orders-table__cell-order-number,
  #woo-orders .blackswan-wcmongo tr.parent-item td:first-child {
    order: 1;
    padding-top: 0;
  }

  #woo-orders tr th.woocommerce-orders-table__cell-order-number a::before,
  #woo-orders .blackswan-wcmongo tr.parent-item td:first-child::before {
    content: "شماره سفارش:";
    display: inline-block;
    font-size: var(--t-tn);
    vertical-align: middle;
    line-height: var(--t-md);
  }

  #woo-orders tr th.woocommerce-orders-table__cell-order-number a::before {
    height: 100%;
  }

  #woo-orders .blackswan-wcmongo tr.parent-item td:first-child {
    align-items: center;
    font-size: var(--t-md);
  }

  /* Order Action */
  #woo-orders tbody tr td.woocommerce-orders-table__cell-order-actions,
  #woo-orders .blackswan-wcmongo tr.parent-item td:last-child {
    order: 2;
    padding-left: 0;
    padding-top: 0;
  }

  /* Order Date */
  #woo-orders tr td.woocommerce-orders-table__cell-order-date,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(2) {
    order: 3;
    background: var(--color-dark-primary);
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-date::before,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(2)::before {
    content: "تاریخ:";
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-date::after,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(2)::after {
    content: '\E80B';
  }

  /* Order Status */
  #woo-orders tbody tr td.woocommerce-orders-table__cell-order-status {
    order: 4;
    padding-left: 0;
  }

  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(3) {
    order: 4;
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-status::before,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(3)::before {
    content: "وضعیت:";
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-status::after,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(3)::after {
    content: '\E87D';
  }

  #woo-orders .woocommerce-orders-table__cell-order-status span {
    padding: var(--tn) var(--xs);
    min-width: fit-content;
  }


  /* Order Total */
  #woo-orders tr td.woocommerce-orders-table__cell-order-total,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(4) {
    order: 5;
    background: var(--color-dark-primary);
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-total::before,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(4)::before {
    content: "مجموع:";
  }

  #woo-orders tr td.woocommerce-orders-table__cell-order-total::after,
  #woo-orders .blackswan-wcmongo tr.parent-item td:nth-child(4)::after {
    content: '\E84C';
  }

  #woo-orders tbody tr td::after {
    font-family: "vp-icon";
    font-style: normal;
    display: inline-block;
    order: -1;
    font-size: 150%;
  }

  #woo-orders tbody tr td::before {
    margin-inline: 0 auto;
    font-variation-settings: "wght" var(--w-bld), "dots" 4;
  }

  #woo-orders tbody tr.details-item>td {
    flex-wrap: wrap;
    padding: 0 0 var(--md) 0;
    display: flex;
    gap: var(--xs);
  }

  #woo-orders .details-item tbody td {
    display: flex;
    padding: 0;
  }

  #woo-orders .details-item tbody td.item-name {
    flex-direction: column;
  }

  #woo-orders .wbs-items-info .order-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--tn);
  }

  #woo-orders .details-item tbody>tr {
    margin-top: var(--xs);
    padding-bottom: var(--xs);
  }

  #woo-orders .details-item tbody>tr:last-child {
    padding-bottom: 0;
  }

  #woo-orders table.blackswan-wcmongo .wbs-detail-block {
    flex: 1 1 100%;
  }

  #woo-orders :is(.wbs-items-info .item-name small,
    .details-item tbody :is(td.item-price .amount,
      td.item-qty,
      td.item-total small,
      td.item-total > .amount)) {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: var(--color-dark-secondary);
    padding: calc(var(--tn)/2) var(--xs);
    border-radius: var(--xs);
    font-size: var(--t-tn);
  }

  #woo-orders .wbs-items-info .item-name {
    justify-content: flex-start;
    align-items: flex-start;
  }

  #woo-orders .wbs-items-info .item-name strong {
    text-align: right;
  }

  #woo-orders .wbs-items-info .item-name small {
    margin-top: var(--tn);
  }

  #woo-orders .details-item tbody td.item-price .amount::before {
    content: "جمع جزء:";
  }

  #woo-orders .details-item tbody td.item-qty::before {
    content: "تعداد:";
  }

  #woo-orders .details-item tbody td.item-total small {
    order: -1;
    margin-bottom: var(--tn);
  }

  #woo-orders .details-item tbody td.item-total {
    flex-direction: column;
  }

  #woo-orders .details-item tbody td.item-total .amount bdi {
    text-align: left;
    width: 100%;
  }

  #woo-orders .details-item tbody td.item-total>.amount::before {
    content: "مجموع:";
  }


  /*view order*/
  #woo-view-order .bsldp--progressbar::before {
    padding: var(--tn);
    font-size: var(--t-xl);
  }
  #woo-view-order ._shipping_puiw_invoice_track_id {
    justify-content: space-between;
  }
  #woo-view-order .blackswan-delivery-pro-deliveries .titles span {
    min-width: calc(var(--t-xl) + (var(--tn)*2));
    text-align: center;
  }
  #woo-view-order .blackswan-delivery-pro-deliveries > a {
    display: block;
    background: var(--color-success);
    border-radius: 50%;
  }
  #woo-view-order .blackswan-delivery-pro-deliveries > a::before {
    font-size: var(--t-xm);
    padding: var(--tn);
  }
  #woo-view-order .order-full-details {
    gap: 0;
  }
  #woo-view-order .order-full-details li {
    justify-content: space-between;
    width: 100%;
  }
  #woo-view-order .order-full-details li:not(:last-child) {
    padding-bottom: var(--xs);
  }
  #woo-view-order .order-full-details li.woocommerce-OrderUpdate.comment.note {
    order: 0;
  }
  #woo-view-order .order-full-details li:nth-of-type(n+2) {
    justify-content: space-between;
    width: 100%;
    border-top: 1px dashed var(--color-gray-muted);
    padding-top: var(--xs);
  }
    #woo-view-order .woocommerce-order-details ul.shop_table.order_details {
    display: block;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li#thead.thead {
    display: none;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li#tbody.tbody {
    display: flex;
    flex-direction: column;
  }
  #woo-view-order .wo-order-item {
    display: flex;
    flex-direction: column;
    gap: var(--tn);
    padding-block: var(--md);
    border-top: 1px solid var(--color-gray-muted);
  }
  #woo-view-order .wo-order-item:first-child {
    padding-top: 0;
    border: none;
  }
  #woo-view-order #tbody .wo-order-item > .cell {
    width: 100%;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: calc(var(--tn)/2) var(--xs);
    border-radius: var(--xs);
    font-size: var(--t-xs);
    gap: var(--tn);
  }
  #woo-view-order #tbody .wo-order-item > .cell.cell.product-name {
    background: transparent;
    font-size: var(--t-sm);
    padding-inline: var(--tn);
  }
  #woo-view-order #tbody .wo-order-item > .cell.cell.product-name img {
    border-radius: var(--xs);
    line-height: 0;
    background: var(--color-gray-secondary-50);
  }
  #woo-view-order #tbody .wo-order-item > .cell::before{
    font-weight: var(--w-bld);
    font-variation-settings: "wght" var(--w-bld), "dots" 4;
    margin-inline-end: .5rem;
    color: var(--color-gray-secondary);
  }
  #woo-view-order .wo-order-item .cell:not(.product-name){
    color: var(--color-gray-third);
  }
  #woo-view-order .wo-order-item > .product-qty::before{
    content: "تعداد:";
  }
  #woo-view-order .wo-order-item > .product-total::before{
    content: "مجموع:";
  }
  #woo-view-order .table-product-title .wc-item-meta {
    justify-content: space-between;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li#tfoot.tfoot {
    display: block;
    width: 100%;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul > li:first-child {
    font-size: var(--t-sm);
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li#tfoot.tfoot > ul > li.spacer{
    display: none;
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul.foot-row.foot-row-payment_method {
    padding-bottom: var(--tn);
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li.tfoot > ul.foot-row.foot-row-order_total {
    border-top: 1px dashed var(--color-gray-secondary);
    padding-top: var(--tn);
  }
  #woo-view-order .woocommerce-order-details ul.shop_table.order_details > li#tfoot.tfoot > ul.foot-row-order_total li {
    border: none;
  }
  #woo-view-order .foot-row.foot-row-note b {
    font-size: var(--t-sm);
  }
  #woo-view-order #order-customer-detail .woocommerce-customer-details p {
    border: none;
    font-size: var(--t-xs);
    background: var(--color-dark-primary);
    border-radius: var(--xs);
    margin-bottom: var(--tn);
    padding: calc(var(--tn)/2) var(--xs);
  }
  #woo-view-order #order-customer-detail .woocommerce-customer-details p:last-child{
    margin-bottom: 0;
  }

  /*Edit Account*/
  #woo-edit-acc .woocommerce-form-row label {
    margin-bottom: calc(var(--tn)/2);
    font-size: var(--t-sm);
  }
  #woo-edit-acc .woo-submit button {
    width: 100%;
    color: var(--color-dark-secondary);
  }
  body.woocommerce-edit-account .panel-items .woocommerce-notices-wrapper > * {
    width: 100%;
  }
  /* My Address */
  #woo-my-address .content > a {
    width: 100%;
    display: block;
  }
  body:is(.woocommerce-edit-address, .woocommerce-edit-account) .panel-items .woocommerce-notices-wrapper > * {
    width: 100%;
  }
  /* Edit Address */
  #woo-edit-address .form-row {
    width: 100%;
  }
  #woo-edit-address .form-row label {
    font-size: var(--t-sm);
  }
  #woo-edit-address .form-row input, #woo-edit-address .form-row select {
    font-size: var(--t-xs);
    -webkit-text-size-adjust: 100%;
    line-height: 1.25;
    padding: var(--xs) var(--sm);
  }
  /* Disable Auto zoom ios for input */
  @supports (-webkit-touch-callout: none) {
    #woo-edit-address .form-row input,
    #woo-edit-acc .woocommerce-form-row input {
      font-size: 16px;
      --ios-scale: calc(var(--t-xs) / 16px);
      transform: scale(var(--ios-scale));
      transform-origin: right center;
      width: calc(100% / var(--ios-scale));
      padding-block:  calc(var(--xs) / var(--ios-scale));
      padding-inline: calc(var(--sm) / var(--ios-scale));
      line-height:    calc(1.25 / var(--ios-scale));
      border-radius:  calc(2rem / var(--ios-scale));
      -webkit-appearance: none;
      appearance: none;
    }
  }
  #woo-edit-address .woocommerce-address-fields .button {
    width: 100%;
    color: var(--color-dark-secondary);
  }
}

/* temp */
/* body.woocommerce-account,
.panel-head,
.panel-body,
.panel-sidebar li.is-active {
  background: var(--color-gray-third);
}

body.woocommerce-orders,
body.woocommerce-orders .panel-head,
body.woocommerce-orders .panel-body,
body.woocommerce-orders .panel-sidebar li.is-active,
body.woocommerce-dashboard,
body.woocommerce-dashboard .panel-head,
body.woocommerce-dashboard .panel-body,
body.woocommerce-dashboard .panel-sidebar li.is-active {
  background: var(--color-dark-secondary);
}

body.woocommerce-view-order,
body.woocommerce-view-order .panel-head,
.panel-body,
.panel-sidebar li.is-active {
  background: var(--color-dark-secondary) !important;
}
*/
body.woocommerce-view-order .panel-head,
.panel-body {
  color: white;
} 

/* end temp */


/* Notification section */
p.no-notices {padding: 1rem;}
.user-notices{list-style:none;margin:0;padding:0}
.user-notices li{border-bottom:1px solid rgba(0,0,0,.08);padding:8px 0}
.user-notices .notice-open{display:flex;align-items:center;gap:.5rem;text-decoration:none}
.user-notices .notice-open p{margin:0;line-height:1.6}
.user-notices li.new .notice-open p{font-weight:600}

.notice-modal[hidden]{display:none}
.notice-modal{position:fixed;inset:0;z-index:1;display:flex;align-items:center;justify-content:center}
.notice-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter: blur(3px);}
.notice-dialog{
  position:relative;background:#fff;color:#111;max-width:680px;width:min(92vw,680px);
  max-height:82vh;overflow:auto;border-radius:12px;padding:16px 20px 20px;
  box-shadow:0 10px 30px rgba(0,0,0,.2)
}
.notice-close{
  position:absolute;top:8px;inset-inline-end:8px;border:0;color:red;background:transparent;font-size:28px;line-height:1;cursor:pointer
}
.notice-title{margin:0 0 10px 0;font-size:1.2rem}
.notice-modal-body :where(p,ul,ol){margin:0 0 .75rem}
body.modal-open{overflow:hidden}