.elementor-19 .elementor-element.elementor-element-a65072f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}:root{--page-title-display:none;}/* Start custom CSS for woocommerce-my-account, class: .elementor-element-723f85f *//* ============================================= */
/* PRECISION PEPTIDES — MY ACCOUNT PAGE RESKIN */
/* Paste into Elementor widget Custom CSS, or the custom code plugin */
/* ============================================= */

.elementor-widget-woocommerce-my-account,
.woocommerce-MyAccount-content {
  font-family: 'Helvetica Now Display', Helvetica, Arial, sans-serif;
}

/* ===== Tab navigation ===== */
.woocommerce-MyAccount-navigation ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid rgba(13, 27, 46, 0.1) !important;
  padding-bottom: 16px !important;
}

.woocommerce-MyAccount-navigation-link {
  margin: 0 !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

.woocommerce-MyAccount-navigation-link a {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  background: #F6F8FA !important;
  color: #0D1B2E !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  border: none !important;
  transition: background 0.2s ease, color 0.2s ease;
}

.woocommerce-MyAccount-navigation-link a:hover {
  background: rgba(13, 27, 46, 0.1) !important;
}

.woocommerce-MyAccount-navigation-link--customer-logout a {
  background: transparent !important;
  color: rgba(13, 27, 46, 0.5) !important;
}

.woocommerce-MyAccount-navigation-link.is-active a {
  background: #0D1B2E !important;
  color: #FFFFFF !important;
}

/* Hide the extra duplicate nav Elementor sometimes renders (mobile fallback) */
.e-wc-account-tabs-nav + nav.woocommerce-MyAccount-navigation {
  display: none;
}

/* ===== Dashboard content ===== */
.woocommerce-MyAccount-content p {
  font-size: 14.5px;
  line-height: 1.65;
  color: rgba(13, 27, 46, 0.65);
  margin: 0 0 16px 0;
}

.woocommerce-MyAccount-content a {
  color: #13233A !important;
  font-weight: 600;
  text-decoration: underline;
}

.woocommerce-MyAccount-content strong {
  color: #0D1B2E;
}

/* ===== Orders table ===== */
.woocommerce-orders-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
}

.woocommerce-orders-table th {
  text-align: left;
  font-size: 12.5px;
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  color: rgba(13, 27, 46, 0.5);
  padding: 12px 10px;
  border-bottom: 1px solid rgba(13, 27, 46, 0.1);
}

.woocommerce-orders-table td {
  font-size: 14px;
  color: #0D1B2E;
  padding: 14px 10px;
  border-bottom: 1px solid rgba(13, 27, 46, 0.06);
}

.woocommerce-orders-table .button,
.woocommerce-MyAccount-content .woocommerce-button {
  display: inline-flex !important;
  align-items: center;
  background: #0D1B2E !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
  font-size: 12.5px;
  font-weight: 600;
  padding: 8px 16px !important;
  border-radius: 999px !important;
}

.woocommerce-orders-table .button:hover {
  background: #13233A !important;
}

mark.order-status {
  background: #F6F8FA;
  color: #0D1B2E;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
}

/* ===== Addresses ===== */
.woocommerce-Address {
  background: #F6F8FA;
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 16px;
}

.woocommerce-Address-title h3 {
  font-size: 15px;
  font-weight: 600;
  color: #0D1B2E;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.woocommerce-Address-title .edit {
  font-size: 12.5px;
  color: #13233A !important;
}

.woocommerce-Address address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(13, 27, 46, 0.7);
}

/* ===== Forms (Edit account, Edit address) ===== */
.woocommerce-MyAccount-content form .form-row { margin-bottom: 16px; }

.woocommerce-MyAccount-content form label {
  display: block;
  font-size: 13px;
  color: rgba(13, 27, 46, 0.55);
  margin-bottom: 6px;
}

.woocommerce-MyAccount-content form input[type="text"],
.woocommerce-MyAccount-content form input[type="email"],
.woocommerce-MyAccount-content form input[type="tel"],
.woocommerce-MyAccount-content form input[type="password"],
.woocommerce-MyAccount-content form select {
  width: 100% !important;
  box-sizing: border-box;
  border: 1px solid rgba(13, 27, 46, 0.15) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  font-size: 14.5px;
  font-family: 'Helvetica Now Display', Helvetica, Arial, sans-serif;
  color: #0D1B2E !important;
  background: #FFFFFF !important;
  outline: none;
}

.woocommerce-MyAccount-content form button[type="submit"],
.woocommerce-MyAccount-content form .woocommerce-Button {
  display: inline-flex !important;
  background: linear-gradient(145deg, #2C79A6 0%, #0B2F4A 100%) !important;
  color: #FFFFFF !important;
  border: none !important;
  padding: 14px 32px !important;
  border-radius: 999px !important;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  margin-top: 8px;
  transition: transform 0.2s ease;
}

.woocommerce-MyAccount-content form button[type="submit"]:hover {
  background: linear-gradient(145deg, #3688B8 0%, #0F3A5C 100%) !important;
  transform: translateY(-2px);
}

/* Notices (e.g. "Address saved") */
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
  background: #F6F8FA !important;
  border: none !important;
  border-top: 3px solid #13233A !important;
  border-radius: 0 !important;
  padding: 16px 20px !important;
  font-size: 14px;
  color: #0D1B2E !important;
  list-style: none !important;
}

@media (max-width: 600px) {
  .woocommerce-MyAccount-navigation ul { gap: 6px; }
  .woocommerce-MyAccount-navigation-link a { font-size: 12.5px; padding: 8px 14px !important; }
  .woocommerce-orders-table { display: block; overflow-x: auto; }
}/* End custom CSS */