/* ═══════════════════════════════════════════════════════════════
   A1 Gold Covering Jewellery — WooCommerce Account Pages CSS v3
   Fonts: Noto Serif (headings) | Montserrat (body)
   Targets exact HTML classes from live page source
═══════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;600;700&family=Montserrat:wght@400;500;600;700&display=swap');



:root {
  --a1-gold:      #b8922a;
  --a1-gold2:     #d4af5a;
  --a1-gold-bg:   rgba(184,146,42,.09);
  --a1-dark:      #1a1208;
  --a1-cream:     #fdf8ef;
  --a1-border:    rgba(184,146,42,.25);
  --a1-muted:     #8a7560;
  --a1-danger:    #c0392b;
  --a1-shadow:    0 8px 40px rgba(26,18,8,.13);
  --a1-r:         14px;
  --a1-head:      'Noto Serif', Georgia, serif;
  --a1-body:      'Montserrat', sans-serif;
}

/* ══════════════════════════════════════════════════════════════
   1. LOGIN / REGISTER PAGE  (#customer_login .col2-set)
   Dark jewellery background, two cards side by side
══════════════════════════════════════════════════════════════ */

/* Dark background only on the login/register section */
.woocommerce-account:not(.logged-in) .eut-section {
  background: #0e0a04 !important;
  padding-top: 52px !important;
  padding-bottom: 64px !important;
}

.woocommerce-account:not(.logged-in) .eut-section
 {
    background: linear-gradient(rgb(0 0 0 / 52%), rgb(0 0 0 / 68%)), url(https://shop.a1goldcovering.com/wp-content/uploads/2026/05/A1-Gold-Covering-Banner-scaled.jpg) !important;
    padding-bottom: 64px !important ;
    background-position: center !important;
    background-size: cover !important;
}


body.page-template-default.page.page-id-13 .eut-main-content-wrapper.clearfix {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

div#eut-page-title {
    display: none;
}

/* THE TWO-COLUMN WRAPPER */
#customer_login.col2-set {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  justify-content: center !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 16px !important;
}
#customer_login.col2-set::before,
#customer_login.col2-set::after { display: none !important; }

/* EACH CARD */
#customer_login .u-column1.col-1,
#customer_login .u-column2.col-2 {
  flex: 1 1 380px !important;
  max-width: 430px !important;
  min-width: 300px !important;
  float: none !important;
  width: auto !important;
  background: rgba(18,12,4,.9) !important;
  border: 1px solid rgba(184,146,42,.3) !important;
  border-radius: var(--a1-r) !important;
  overflow: hidden !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.55), 0 0 0 1px rgba(184,146,42,.1) !important;
}

/* CARD HEADING GOLD BAND */
#customer_login .col-1 h2,
#customer_login .col-2 h2 {
  font-family: var(--a1-head) !important;
  font-size: 19px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 20px 26px 16px !important;
  background: linear-gradient(135deg, #b8922a 0%, #6b4f0c 100%) !important;
  color: #fff !important;
  border: none !important;
  letter-spacing: .06em !important;
  border-radius: 0 !important;
}
/* decorative dots under heading */
#customer_login .col-1 h2::after,
#customer_login .col-2 h2::after {
  content: '◆  ◆  ◆';
  display: block;
  font-size: 7px;
  letter-spacing: 7px;
  opacity: .45;
  margin-top: 7px;
}

/* FORM WRAPPER */
.woocommerce-form-login,
.woocommerce-form-register {
  padding: 24px 26px 28px !important;
  background: transparent !important;
  margin: 0 !important;
}

/* LABELS */

body.wp-singular.page-template-default.page.page-id-13 .woocommerce-account .woocommerce {
	display: flex !important;}

.woocommerce-account:not(.logged-in) .woocommerce > .u-columns, .woocommerce > .col2-set {
	display: flex !important;}


.woocommerce-form-login label,
.woocommerce-form-register label,
.woocommerce-form-login .form-row label,
.woocommerce-form-register .form-row label {
  display: block !important;
  font-family: var(--a1-body) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .1em !important;
  color: var(--a1-gold2) !important;
  margin-bottom: 7px !important;
}
.woocommerce-form-login label .required,
.woocommerce-form-register label .required { color: var(--a1-gold2) !important; opacity: .6; }

/* INPUTS */
.woocommerce-form-login input.input-text,
.woocommerce-form-register input.input-text,
#customer_login input[type="text"],
#customer_login input[type="password"],
#customer_login input[type="email"] {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(184,146,42,.3) !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.05) !important;
  font-family: var(--a1-body) !important;
  font-size: 13.5px !important;
  color: #f0e8d8 !important;
  outline: none !important;
  transition: border-color .2s, box-shadow .2s, background .2s !important;
  margin-bottom: 18px !important;
  display: block !important;
}
.woocommerce-form-login input.input-text::placeholder,
.woocommerce-form-register input.input-text::placeholder,
#customer_login input::placeholder { color: rgba(240,232,216,.25) !important; }

.woocommerce-form-login input.input-text:focus,
.woocommerce-form-register input.input-text:focus,
#customer_login input[type="text"]:focus,
#customer_login input[type="password"]:focus,
#customer_login input[type="email"]:focus {
  border-color: var(--a1-gold) !important;
  background: rgba(255,255,255,.09) !important;
  box-shadow: 0 0 0 3px rgba(184,146,42,.2) !important;
}

/* PASSWORD WRAPPER (show/hide button) */
.password-input {
  display: block !important;
  position: relative !important;
}
.password-input input.input-text { padding-right: 46px !important; }
.password-input .show-password-input {
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-68%) !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  color: rgba(212,175,90,.6) !important;
  padding: 0 !important;
  font-size: 16px !important;
  transition: color .18s !important;
}
.password-input .show-password-input:hover { color: var(--a1-gold2) !important; }

/* FORM ROWS */
.woocommerce-form-login .form-row,
.woocommerce-form-register .form-row { margin-bottom: 4px !important; }

/* REMEMBER ME */
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(240,232,216,.55) !important;
  font-size: 12px !important;
  font-family: var(--a1-body) !important;
  margin-bottom: 20px !important;
  cursor: pointer !important;
  font-weight: 500 !important;
}
.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input[type="checkbox"] {
  accent-color: var(--a1-gold) !important;
  width: 15px !important;
  height: 15px !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* SUBMIT BUTTONS */
.woocommerce-form-login__submit,
.woocommerce-form-register__submit,
.woocommerce-form-login .button,
.woocommerce-form-register .button,
#customer_login button[type="submit"] {
  display: block !important;
  width: 100% !important;
  padding: 13px 20px !important;
  background: linear-gradient(135deg, #b8922a 0%, #6b4f0c 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: var(--a1-body) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  transition: opacity .18s, transform .18s, box-shadow .18s !important;
  text-align: center !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  margin-top: 4px !important;
  box-shadow: 0 4px 20px rgba(184,146,42,.35) !important;
}
.woocommerce-form-login__submit:hover,
.woocommerce-form-register__submit:hover,
#customer_login button[type="submit"]:hover {
  opacity: .88 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 28px rgba(184,146,42,.5) !important;
}
.woocommerce-form-login__submit:active,
.woocommerce-form-register__submit:active { transform: translateY(0) !important; }

/* LOST PASSWORD */
.woocommerce-LostPassword {
  text-align: center !important;
  margin-top: 16px !important;
  padding: 0 !important;
}
.woocommerce-LostPassword a {
  color: rgba(212,175,90,.6) !important;
  font-size: 12px !important;
  font-family: var(--a1-body) !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color .18s !important;
}
.woocommerce-LostPassword a:hover { color: var(--a1-gold2) !important; text-decoration: underline !important; }

/* REGISTER INFO TEXT */
.woocommerce-form-register p:not(.form-row):not(.woocommerce-form-row) {
  color: rgba(240,232,216,.5) !important;
  font-size: 12px !important;
  font-family: var(--a1-body) !important;
  line-height: 1.7 !important;
  margin-bottom: 16px !important;
}

/* PRIVACY POLICY */
.woocommerce-privacy-policy-text {
  font-size: 11px !important;
  color: rgba(240,232,216,.38) !important;
  margin-top: 0 !important;
  margin-bottom: 18px !important;
  line-height: 1.6 !important;
  font-family: var(--a1-body) !important;
}
.woocommerce-privacy-policy-text a { color: rgba(212,175,90,.6) !important; }
.woocommerce-privacy-policy-text a:hover { color: var(--a1-gold2) !important; }

/* NOTICES */
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-error, .woocommerce-message, .woocommerce-info {
  border-radius: 8px !important;
  font-family: var(--a1-body) !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  margin-bottom: 20px !important;
  border-left: 4px solid !important;
  list-style: none !important;
  max-width: 920px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.woocommerce-error   { background:rgba(192,57,43,.15) !important; border-color:var(--a1-danger) !important; color:#f1948a !important; }
.woocommerce-message { background:rgba(39,174,96,.1) !important; border-color:#27ae60 !important; color:#82e0aa !important; }
.woocommerce-info    { background:rgba(184,146,42,.1) !important; border-color:var(--a1-gold) !important; color:var(--a1-gold2) !important; }

/* ══════════════════════════════════════════════════════════════
   2. MY ACCOUNT — LOGGED IN (Sidebar + Content)
══════════════════════════════════════════════════════════════ */

/* reset woocommerce wrapper when logged in */
.woocommerce-account.logged-in .woocommerce {
  display: block !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 20px 0px !important;
  font-family: var(--a1-body) !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* The navigation + content sit in a flex row */
.woocommerce-account.logged-in .woocommerce > nav.woocommerce-MyAccount-navigation,
.woocommerce-account.logged-in .woocommerce > .woocommerce-MyAccount-content {
  display: inline-block;
  vertical-align: top;
}

/* Use a flex container trick — wrap nav + content */
.woocommerce-account.logged-in .eut-element.eut-text {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  align-items: flex-start !important;
}
.woocommerce-account.logged-in .woocommerce {
  display: flex !important;
  flex-direction: row !important;
  gap: 28px !important;
  align-items: flex-start !important;
  flex-wrap: nowrap !important;
}

/* SIDEBAR */
.woocommerce-MyAccount-navigation {
  flex: 0 0 220px !important;
  width: 220px !important;
  background: #fff !important;
  border: 1px solid var(--a1-border) !important;
  border-radius: var(--a1-r) !important;
  overflow: hidden !important;
  box-shadow: var(--a1-shadow) !important;
  position: sticky !important;
  top: 110px !important;
}

/* sidebar gold header label */
.woocommerce-MyAccount-navigation::before {
  content: 'My Account' !important;
  display: block !important;
  padding: 16px 20px 15px !important;
  background: linear-gradient(135deg, #b8922a 0%, #6b4f0c 100%) !important;
  color: #fff !important;
  font-family: var(--a1-head) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .07em !important;
}

.woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 8px 0 !important;
}
.woocommerce-MyAccount-navigation li { border-bottom: 1px solid var(--a1-border) !important; }
.woocommerce-MyAccount-navigation li:last-child { border-bottom: none !important; }

/* HIDE DOWNLOADS */
.woocommerce-MyAccount-navigation-link--downloads { display: none !important; }

.woocommerce-MyAccount-navigation li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 18px !important;
  font-family: var(--a1-body) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #3a2a18 !important;
  text-decoration: none !important;
  transition: background .18s, color .18s, padding-left .18s !important;
}
.woocommerce-MyAccount-navigation li a:hover {
  background: var(--a1-gold-bg) !important;
  color: var(--a1-gold) !important;
  padding-left: 24px !important;
}

/* icon masks */
.woocommerce-MyAccount-navigation li a::before {
  content: '' !important;
  display: inline-flex !important;
  width: 15px !important; height: 15px !important;
  flex-shrink: 0 !important;
  background-color: currentColor !important;
  -webkit-mask-size: contain !important; mask-size: contain !important;
  -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important; mask-position: center !important;
  opacity: .55 !important;
  transition: opacity .18s !important;
}
.woocommerce-MyAccount-navigation li a:hover::before { opacity: 1 !important; }

.woocommerce-MyAccount-navigation-link--dashboard a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--orders a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-7 3a3 3 0 110 6 3 3 0 010-6zm5 12H7v-.6c0-2 4-3.1 5-3.1s5 1.1 5 3.1V18z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-7 3a3 3 0 110 6 3 3 0 010-6zm5 12H7v-.6c0-2 4-3.1 5-3.1s5 1.1 5 3.1V18z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-address a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 110-5 2.5 2.5 0 010 5z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--edit-account a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5-5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z'/%3E%3C/svg%3E");
}

/* ACTIVE */
.woocommerce-MyAccount-navigation li.is-active > a {
  background: var(--a1-gold-bg) !important;
  color: var(--a1-gold) !important;
  font-weight: 700 !important;
  border-left: 3px solid var(--a1-gold) !important;
  padding-left: 21px !important;
}
.woocommerce-MyAccount-navigation li.is-active > a::before { opacity: 1 !important; }

/* LOGOUT */
.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--a1-danger) !important; }
.woocommerce-MyAccount-navigation-link--customer-logout a:hover { background: rgba(192,57,43,.07) !important; }

/* CONTENT PANEL */
.woocommerce-MyAccount-content {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  background: #fff !important;
  border: 1px solid var(--a1-border) !important;
  border-radius: var(--a1-r) !important;
  padding: 28px 28px 32px !important;
  box-shadow: var(--a1-shadow) !important;
  font-family: var(--a1-body) !important;
  font-size: 14px !important;
  color: var(--a1-dark) !important;
  line-height: 1.7 !important;
}

.woocommerce-MyAccount-content > p { margin-bottom: 14px !important; }
.woocommerce-MyAccount-content strong { color: var(--a1-gold) !important; font-family: var(--a1-head) !important; }
.woocommerce-MyAccount-content a { color: var(--a1-gold) !important; font-weight: 600 !important; text-decoration: none !important; }
.woocommerce-MyAccount-content a:hover { text-decoration: underline !important; }

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
  font-family: var(--a1-head) !important;
  font-weight: 700 !important;
  color: var(--a1-dark) !important;
  margin-bottom: 16px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--a1-border) !important;
}
.woocommerce-MyAccount-content h2 { font-size: clamp(17px,2.5vw,22px) !important; }
.woocommerce-MyAccount-content h3 { font-size: clamp(14px,2vw,17px) !important; }

/* ── ADDRESS CARDS ── */
.woocommerce-Addresses {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 22px !important;
}
.woocommerce-Address {
  background: var(--a1-cream) !important;
  border: 1px solid var(--a1-border) !important;
  border-radius: var(--a1-r) !important;
  padding: 22px !important;
}
.woocommerce-Address:hover { border-color: var(--a1-gold2) !important; }
.woocommerce-Address-title {
  display: flex !important; align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 14px !important; padding-bottom: 12px !important;
  border-bottom: 1px solid var(--a1-border) !important;
}
.woocommerce-Address-title h3 {
  font-family: var(--a1-head) !important; font-size: 15px !important;
  font-weight: 700 !important; color: var(--a1-dark) !important;
  margin: 0 !important; padding: 0 !important; border: none !important;
}
.woocommerce-Address-title .edit {
  font-size: 12px !important; color: var(--a1-gold) !important;
  font-weight: 700 !important; padding: 4px 12px !important;
  border: 1px solid var(--a1-border) !important; border-radius: 6px !important;
  transition: background .15s, color .15s !important; text-decoration: none !important;
}
.woocommerce-Address-title .edit:hover { background: var(--a1-gold) !important; color: #fff !important; }
address { font-style: normal !important; font-family: var(--a1-body) !important; font-size: 13.5px !important; color: var(--a1-muted) !important; line-height: 1.8 !important; }

/* ── ACCOUNT / ADDRESS FORM FIELDS ── */
.woocommerce-MyAccount-content .form-row label,
.woocommerce-MyAccount-content fieldset legend {
  display: block !important; font-family: var(--a1-body) !important;
  font-size: 11px !important; font-weight: 700 !important;
  text-transform: uppercase !important; letter-spacing: .08em !important;
  color: var(--a1-muted) !important; margin-bottom: 6px !important;
}
.woocommerce-MyAccount-content .required { color: var(--a1-gold) !important; }
.woocommerce-MyAccount-content input.input-text,
.woocommerce-MyAccount-content input[type="text"],
.woocommerce-MyAccount-content input[type="email"],
.woocommerce-MyAccount-content input[type="tel"],
.woocommerce-MyAccount-content input[type="password"],
.woocommerce-MyAccount-content select,
.woocommerce-MyAccount-content textarea {
  width: 100% !important; box-sizing: border-box !important;
  padding: 10px 14px !important;
  border: 1px solid var(--a1-border) !important; border-radius: 8px !important;
  background: #fafafa !important; font-family: var(--a1-body) !important;
  font-size: 13.5px !important; color: var(--a1-dark) !important;
  outline: none !important; transition: border-color .18s, box-shadow .18s !important;
  margin-bottom: 14px !important;
}
.woocommerce-MyAccount-content input:focus,
.woocommerce-MyAccount-content select:focus,
.woocommerce-MyAccount-content textarea:focus {
  border-color: var(--a1-gold) !important;
  box-shadow: 0 0 0 3px rgba(184,146,42,.14) !important;
  background: #fff !important;
}
.woocommerce-MyAccount-content .button,
.woocommerce-MyAccount-content input[type="submit"],
.woocommerce-MyAccount-content button[type="submit"] {
  display: inline-block !important; padding: 12px 32px !important;
  background: linear-gradient(135deg, #b8922a 0%, #6b4f0c 100%) !important;
  color: #fff !important; border: none !important; border-radius: 8px !important;
  font-family: var(--a1-body) !important; font-size: 13px !important;
  font-weight: 700 !important; letter-spacing: .06em !important;
  cursor: pointer !important; transition: opacity .18s, transform .18s !important;
  text-decoration: none !important;
}
.woocommerce-MyAccount-content .button:hover,
.woocommerce-MyAccount-content input[type="submit"]:hover { opacity: .88 !important; transform: translateY(-1px) !important; }

/* ── ORDERS TABLE ── */
.woocommerce-orders-table { width: 100%; border-collapse: collapse; font-family: var(--a1-body); font-size: 13px; }
.woocommerce-orders-table thead th {
  background: linear-gradient(135deg,#b8922a 0%,#6b4f0c 100%);
  color: #fff; font-family: var(--a1-head); font-size: 11px; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase; padding: 12px 16px; text-align: left;
}
.woocommerce-orders-table thead th:first-child { border-radius: 8px 0 0 0; }
.woocommerce-orders-table thead th:last-child  { border-radius: 0 8px 0 0; }
.woocommerce-orders-table tbody tr { border-bottom: 1px solid var(--a1-border); transition: background .15s; }
.woocommerce-orders-table tbody tr:hover { background: var(--a1-gold-bg); }
.woocommerce-orders-table tbody td { padding: 12px 16px; vertical-align: middle; }
mark.order-status { display: inline-block; padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: 700; background: none !important; }
mark.order-status.status-completed  { background: rgba(39,174,96,.12) !important; color: #27ae60; }
mark.order-status.status-processing { background: rgba(52,152,219,.12) !important; color: #2980b9; }
mark.order-status.status-pending    { background: rgba(243,156,18,.12) !important; color: #e67e22; }
mark.order-status.status-cancelled  { background: rgba(192,57,43,.12) !important;  color: var(--a1-danger); }
.woocommerce-orders-table .button {
  display: inline-block !important; padding: 6px 14px !important;
  background: linear-gradient(135deg,#b8922a,#6b4f0c) !important;
  color: #fff !important; border-radius: 6px !important;
  font-family: var(--a1-body) !important; font-size: 12px !important;
  font-weight: 700 !important; text-decoration: none !important; transition: opacity .18s !important;
}
.woocommerce-orders-table .button:hover { opacity: .82 !important; }

/* password strength */
.woocommerce-password-strength { border-radius:6px; padding:6px 12px; font-size:12px; font-weight:700; margin-top:6px; }
.strong  { background:rgba(39,174,96,.12)  !important; color:#27ae60; }
.medium  { background:rgba(243,156,18,.12) !important; color:#e67e22; }
.short,.bad { background:rgba(192,57,43,.12) !important; color:var(--a1-danger); }

/* ══════════════════════════════════════════════════════════════
   3. RESPONSIVE — TABLET ≤ 900px
══════════════════════════════════════════════════════════════ */
@media (max-width: 900px) {

  /* logged-in: stack sidebar above content */
  .woocommerce-account.logged-in .woocommerce,
  .woocommerce-account.logged-in .eut-element.eut-text {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .woocommerce-MyAccount-navigation {
    flex: none !important; width: 100% !important;
    position: static !important; top: auto !important;
  }
  .woocommerce-MyAccount-navigation::before { display: none !important; }
  .woocommerce-MyAccount-navigation ul {
    display: flex !important; flex-wrap: wrap !important;
    gap: 6px !important; padding: 10px !important; background: var(--a1-cream) !important;
  }
  .woocommerce-MyAccount-navigation li { border-bottom: none !important; flex: 0 0 auto !important; }
  .woocommerce-MyAccount-navigation li a {
    padding: 7px 14px !important; border-radius: 20px !important;
    border: 1px solid var(--a1-border) !important;
    background: #fff !important; font-size: 12px !important;
  }
  .woocommerce-MyAccount-navigation li a:hover,
  .woocommerce-MyAccount-navigation li.is-active > a {
    padding-left: 14px !important; background: var(--a1-gold) !important;
    color: #fff !important; border-color: var(--a1-gold) !important;
    border-left: 1px solid var(--a1-gold) !important;
  }
  .woocommerce-MyAccount-navigation li a::before,
  .woocommerce-MyAccount-navigation li.is-active > a::before { background-color: #fff !important; opacity: .9 !important; }
  .woocommerce-MyAccount-content { flex: none !important; width: 100% !important; box-sizing: border-box !important; padding: 20px 16px !important; }
  .woocommerce-Addresses { grid-template-columns: 1fr !important; }

  /* login cards stack */
  #customer_login.col2-set { flex-direction: column !important; align-items: center !important; }
  #customer_login .u-column1.col-1,
  #customer_login .u-column2.col-2 { flex: none !important; width: 100% !important; max-width: 480px !important; }
}

/* ══════════════════════════════════════════════════════════════
   4. RESPONSIVE — MOBILE ≤ 600px
══════════════════════════════════════════════════════════════ */
@media (max-width: 600px) {

  .woocommerce-account.logged-in .woocommerce { padding: 0 12px 80px !important; }
  .woocommerce-account:not(.logged-in) .eut-section { padding: 24px 0 48px !important; }

  /* nav scroll row */
  .woocommerce-MyAccount-navigation ul {
    flex-wrap: nowrap !important; overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important;
  }
  .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display: none !important; }
  .woocommerce-MyAccount-navigation li { flex-shrink: 0 !important; }

  /* orders table → card */
  .woocommerce-orders-table,
  .woocommerce-orders-table thead,
  .woocommerce-orders-table tbody,
  .woocommerce-orders-table th,
  .woocommerce-orders-table td,
  .woocommerce-orders-table tr { display: block !important; width: 100% !important; }
  .woocommerce-orders-table thead { display: none !important; }
  .woocommerce-orders-table tbody tr {
    background: var(--a1-cream) !important; border: 1px solid var(--a1-border) !important;
    border-radius: 10px !important; margin-bottom: 12px !important; padding: 14px !important;
  }
  .woocommerce-orders-table tbody td {
    padding: 6px 0 !important; display: flex !important;
    justify-content: space-between !important; align-items: center !important;
    border-bottom: 1px solid var(--a1-border) !important;
  }
  .woocommerce-orders-table tbody td:last-child { border-bottom: none !important; }
  .woocommerce-orders-table tbody td::before {
    content: attr(data-title);
    font-weight: 700; font-size: 10px; text-transform: uppercase;
    letter-spacing: .05em; color: var(--a1-muted); flex-shrink: 0; margin-right: 10px;
  }

  /* form full width */
  .form-row-first, .form-row-last { float: none !important; width: 100% !important; }
  .woocommerce-form-login, .woocommerce-form-register { padding: 20px 18px 22px !important; }
  #customer_login .u-column1.col-1,
  #customer_login .u-column2.col-2 { max-width: 100% !important; }
  .woocommerce-MyAccount-content { padding: 16px 12px !important; border-radius: 10px !important; }
}