/******* Do not edit this file *******
Code Snippets Manager
Saved: Aug 20 2026 | 19:26:11 */
/* account details: 1300px and up */
@media (min-width: 1300px) {
  body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content {
    padding-left: 12em !important;
    padding-right: 12em !important;
  }
}
/* account details: below 1300px */
@media (max-width: 1299px) {
  body.woocommerce-account.woocommerce-edit-account .woocommerce-MyAccount-content {
    padding-left: 2.5em !important;  /* change to what you want */
    padding-right: 2.5em !important; /* change to what you want */
  }
}



/* All My Account subpages */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
  margin-bottom: 12px;
}
/* Intro notice paragraph in My Account content */
body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
  margin: 0 auto 24px;      /* center block */
  width: 60%;
  text-align: center;       /* center text */
  font-size: 16px;
  font-weight: 500;
  color: #242833;
  background-color: #FFD800;
}
Optional responsive fallback (recommended):
@media (max-width: 1024px) {
  body.woocommerce-account .woocommerce-MyAccount-content > p:first-of-type {
    width: 100%;
  }
}


body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper {
  margin-bottom: 12px;
}

body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-message,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info,
body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-error {
  margin: 0 auto 24px !important;
  width: 60% !important;
  text-align: center !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #242833 !important;
  background-color: #FFD800 !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 12px 16px !important;
}
/* Optional: keep notice buttons consistent */
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button,
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-error .button {
  background: #242833 !important;
  color: #FFD800 !important;
  border: 0 !important;
}
/* Mobile */
@media (max-width: 1024px) {
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-info,
  body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-error,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-message,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-info,
  body.woocommerce-account .woocommerce-MyAccount-content > .woocommerce-error {
    width: 100% !important;
  }
}



body.logged-in.woocommerce-account.woocommerce-edit-address.tgwc-woocommerce-customize-my-account
#tgwc-woocommerce.woocommerce .woocommerce-MyAccount-content
.woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title.title > h2 {
  font-size: 26px !important;   /* set your size */
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin: 0 !important;
}








/* Center My Account navigation block */
body.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation {
  width: 100%;
  display: flex;
  justify-content: center;
	
}
body.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation-wrap {
  margin-left: auto !important;
  margin-right: auto !important;
  width: fit-content;
}
/* Keep nav tabs layout stable while centered */
body.woocommerce-account.tgwc-woocommerce-customize-my-account #tgwc-woocommerce .tgwc-woocommerce-MyAccount-navigation-wrap .scroll_tabs_container {
  margin: 0 auto !important;
}

body.woocommerce-account.woocommerce-edit-address #tgwc-woocommerce .woocommerce-MyAccount-content {
  box-sizing: border-box;
  max-width: 100%;
}
body.woocommerce-account.woocommerce-edit-address #tgwc-woocommerce .woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  width: 100%;
}
body.woocommerce-account.woocommerce-edit-address #tgwc-woocommerce .woocommerce-Address {
  min-width: 0;
}
body.woocommerce-account.woocommerce-edit-address #tgwc-woocommerce .woocommerce-Address address {
  overflow-wrap: anywhere;
  word-break: break-word;
}
@media (max-width: 1024px) {
  body.woocommerce-account.woocommerce-edit-address #tgwc-woocommerce .woocommerce-Addresses {
    grid-template-columns: 1fr;
  }
}



body.logged-in.woocommerce-account.woocommerce-edit-address.tgwc-woocommerce-customize-my-account
#tgwc-woocommerce.woocommerce .woocommerce-MyAccount-content
.woocommerce-Addresses .woocommerce-Address address {
  text-align: left !important;
}



body.woocommerce-account.woocommerce-orders table.woocommerce-orders-table tbody tr:nth-child(odd) {
  background-color: #FFF8D1AF;
}
body.woocommerce-account.woocommerce-orders table.woocommerce-orders-table tbody tr:nth-child(even) {
  background-color: transparent;
}
/* keep cells transparent so row bg is visible */
body.woocommerce-account.woocommerce-orders table.woocommerce-orders-table tbody tr > th,
body.woocommerce-account.woocommerce-orders table.woocommerce-orders-table tbody tr > td {
  background: transparent !important;
}
If you want the alternating effect only inside your custom account wrapper, use this stricter scope:
body.woocommerce-account.woocommerce-orders.tgwc-woocommerce-customize-my-account
#tgwc-woocommerce .woocommerce-orders-table tbody tr:nth-child(odd) {
  background-color: #FFF8D1;
}




body.woocommerce-account.woocommerce-orders .woocommerce-orders-table thead tr {
  background-color: #242833 !important;
}
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table thead th,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table thead th .nobr {
  color: #FFD800 !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
/* Center all entries (rows/cells) */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody th,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody td {
  text-align: center !important;
  vertical-align: middle !important;
}
/* Optional: center links/text inside cells consistently */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody td *,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody th * {
  text-align: center !important;
}
/* My Account > Orders: Order column values */
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number,
body.woocommerce-account.woocommerce-orders .woocommerce-orders-table tbody .woocommerce-orders-table__cell-order-number a {
  color: #242833 !important;
}


/* My Account > View Order: highlighted parts in intro notice */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark.order-number,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark.order-date,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type mark.order-status {
  font-weight: 700 !important;
  color: inherit !important;      /* same as surrounding text */
  background: transparent !important;
  padding: 0 !important;
}




/* My Account > View Order: one white wrapper for all order detail fields */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details {
  background: #ffffff;
  border-radius: 14px;
  padding: 20px 24px;
  box-shadow: 0 10px 24px rgba(36, 40, 51, 0.12);
  margin-bottom: 24px;
  overflow: hidden;
}
/* keep table inside that wrapper clean */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table {
  width: 100%;
  margin: 0;
  background: transparent !important;
  border-collapse: collapse;
}
/* remove any per-cell white/background that breaks the unified wrapper */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table th,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table td,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table thead,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table tbody,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details .shop_table tfoot {
  background: transparent !important;
}




/* H2 title (Order details) */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details__title {
  font-size: 25px !important;
  font-weight: 500 !important;
}
/* Product list table header: Product / Total */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details table.order_details thead th {
  background-color: #242833 !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  text-align: center !important;
  vertical-align: middle !important;
}
/* Subtotal / Shipping / Total labels + values */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:not(:last-child) th,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:not(:last-child) td {
  font-size: 18px !important;
  font-weight: 600 !important;
}
/* Payment method row (last row in footer) */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:last-child th,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-order-details table.order_details tfoot tr:last-child td {
  font-size: 17px !important;
  font-weight: 400 !important;
}
/* Billing/Shipping addresses */
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details address,
body.woocommerce-account.woocommerce-view-order .woocommerce-MyAccount-content .woocommerce-customer-details address p {
  text-align: left !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 21px !important;
  margin: 0 !important;
}



@media (max-width: 767px) {
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name {
    text-align: left !important;
    padding: 12px 14px !important;
    line-height: 1.35;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name .product-quantity {
    display: inline-block;
    margin-left: 6px;
    font-weight: 600;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name .wc-item-meta {
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name .wc-item-meta li {
    display: block;
    margin: 0 0 8px;
    padding: 8px 10px;
    background: #fff8d1;
    border-radius: 8px;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name .wc-item-meta-label {
    display: block;
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: #242833;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-name .wc-item-meta p {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
  }
  body.woocommerce-account.woocommerce-view-order .woocommerce-order-details table.order_details td.product-total {
    text-align: right !important;
    white-space: nowrap;
    padding: 12px 14px !important;
  }
}