@font-face {
  font-family: "GoldenbookCustom";
  src: url("/wp-content/themes/Essenza-Final%20copy/assets/fonts/Goldenbook%20Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

	
body.woocommerce-account:not(.logged-in) #ess-auth-title {
  font-family: "GoldenbookCustom", serif;
  font-weight: 400;
  text-transform: uppercase;
}




/* ===============================
   CLEAN PREMIUM LOGIN (FIXED)
=============================== */

body.woocommerce-account:not(.logged-in) {
  background: #f6f4f1;
}

/* WRAPPER */
body.woocommerce-account:not(.logged-in) .ess-auth-page {
  max-width: 420px;
  margin: 100px auto 80px; /* tighter, cleaner */
  padding: 0 20px;
}

/* HEADER */
body.woocommerce-account:not(.logged-in) .ess-auth-header {
  text-align: center;
  margin-bottom: 36px;
}

/* TITLE */
body.woocommerce-account:not(.logged-in) .ess-auth-title {
  font-family: "GoldenbookCustom", serif;
  font-size: 48px;
  letter-spacing: 0.05em;
  color: rgb(206, 54, 60) !important;
  margin: 0 0 8px;
  text-transform: uppercase;
}

/* SUBTITLE */
body.woocommerce-account:not(.logged-in) .ess-auth-subtitle {
  font-size: 14px;
  color: rgb(206, 54, 60) !important;
}

/* FORM CARD */
body.woocommerce-account:not(.logged-in) .ess-auth-form {
  border: 1px solid #e3ded6;
  border-radius: 14px;
  padding: 22px 20px 26px;
  background: #f8f6f3;
}

/* FIELD */
body.woocommerce-account:not(.logged-in) .ess-auth-field {
  margin-bottom: 16px;
}

/* LABEL */
body.woocommerce-account:not(.logged-in) .ess-auth-label {
  display: block;
  font-size: 12px;
  color: #7a857c;
  margin-bottom: 6px;
}

/* INPUT */
body.woocommerce-account:not(.logged-in) .ess-auth-input {
  width: 100%;
  height: 50px;
  border-radius: 999px;
  border: 1px solid #ddd7cf;
  padding: 0 18px;
  font-size: 14px;
  background: #fff;
  transition: all 0.2s ease;
}

/* INPUT FOCUS */
body.woocommerce-account:not(.logged-in) .ess-auth-input:focus {
  border-color: #1b3f33;
  box-shadow: 0 0 0 2px rgba(27,63,51,0.08);
  outline: none;
}

/* PASSWORD ROW */
body.woocommerce-account:not(.logged-in) .ess-auth-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

/* FORGOT */
body.woocommerce-account:not(.logged-in) .ess-auth-forgot {
  color: #6f7b72;
  text-decoration: underline;
}

/* BUTTON */
body.woocommerce-account:not(.logged-in) .ess-auth-submit {
  width: 100%;
  height: 52px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border: none;
  margin-top: 14px;
  transition: all 0.2s ease;
}

/* HOVER */
body.woocommerce-account:not(.logged-in) .ess-auth-submit:hover {
  background: #1b3f33;
  transform: translateY(-1px);
}

/* SIGNUP SECTION */
body.woocommerce-account:not(.logged-in) .ess-auth-footer {
  text-align: center;
  margin-top: 30px;
}

/* FIXED FONT (NO BROKEN STRING) */
body.woocommerce-account:not(.logged-in) .ess-auth-footer h3 {
  font-family: "GoldenbookCustom", serif;
  font-size: 22px;
  margin-bottom: 8px;
}

/* LINK */
body.woocommerce-account:not(.logged-in) .ess-auth-footer a {
  color: #6f7b72;
  text-decoration: underline;
}

/* REMOVE ONLY DEFAULT WOO TITLE — NOT YOUR CUSTOM ONE */
body.woocommerce-account:not(.logged-in) .entry-title,
body.woocommerce-account:not(.logged-in) .woocommerce-MyAccount-content > h2:first-child {
  display: none !important;
}

/* LIFT LOGIN BLOCK UP */
body.woocommerce-account:not(.logged-in) .ess-auth-page,
body.woocommerce-account:not(.logged-in) .woocommerce {
  margin-top: 60px !important;
}

/* REMOVE EXTRA SPACE ABOVE */
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .content-area {
  padding-top: 0 !important;
}

/* ===============================
   FINAL CASABLANCA REFINEMENT
=============================== */

/* SIGN IN COLOR */
body.woocommerce-account:not(.logged-in) #ess-auth-title {
  color: rgb(206, 54, 60) !important;
}

/* REMOVE FORM BOX COMPLETELY */
body.woocommerce-account:not(.logged-in) .ess-auth-form,
body.woocommerce-account:not(.logged-in) form.login {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* INPUT — CLEAN + PREMIUM */
body.woocommerce-account:not(.logged-in) input.input-text,
body.woocommerce-account:not(.logged-in) .ess-auth-input {
  height: 54px;
  border-radius: 999px;
  border: 1px solid #e2ddd6;
  background: #fff;
  padding: 0 20px;
  font-size: 14px;
}

/* INPUT FOCUS — SOFT */
body.woocommerce-account:not(.logged-in) input.input-text:focus,
body.woocommerce-account:not(.logged-in) .ess-auth-input:focus {
  border-color: #1b3f33;
  box-shadow: 0 0 0 2px rgba(27,63,51,0.06);
}

/* LABEL SPACING — MORE AIR */
body.woocommerce-account:not(.logged-in) label,
body.woocommerce-account:not(.logged-in) .ess-auth-label {
  font-size: 13px;
  margin-bottom: 8px;
  color: #6f7b72;
}

/* FIELD GAP — CLEAN VERTICAL FLOW */
body.woocommerce-account:not(.logged-in) .form-row,
body.woocommerce-account:not(.logged-in) .ess-auth-field {
  margin-bottom: 20px;
}

/* BUTTON — CASABLANCA STYLE */
body.woocommerce-account:not(.logged-in) button.button,
body.woocommerce-account:not(.logged-in) .ess-auth-submit {
  width: 100%;
  height: 48px;
  border-radius: 999px;
  background: #1b3f33;
  color: #fff;
  font-size: 13px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none;
  margin-top: 10px;
  transition: all 0.25s ease;
}

/* BUTTON HOVER — SUBTLE */
body.woocommerce-account:not(.logged-in) button.button:hover,
body.woocommerce-account:not(.logged-in) .ess-auth-submit:hover {
  background: #16352b;
}

/* FORGOT PASSWORD — CLEAN ALIGNMENT */
body.woocommerce-account:not(.logged-in) .lost_password {
  text-align: right;
  font-size: 12px;
  margin-top: 6px;
}

/* REMOVE HEAVY BLACK LOOK FROM YOUR OLD BUTTON */
body.woocommerce-account:not(.logged-in) .ess-auth-submit {
  background: #1b3f33 !important;
}

/* SIGNUP SECTION — SOFTER */
body.woocommerce-account:not(.logged-in) .ess-auth-footer h3 {
  font-size: 22px;
  font-family: "GoldenbookCustom", serif;
  color: #222;
}

/* ===============================
   SHARP TEXT SYSTEM (CASABLANCA LEVEL)
=============================== */

/* MAIN HEADING (SIGN IN) */
body.woocommerce-account:not(.logged-in) #ess-auth-title {
  color: rgb(206, 54, 60) !important;
}

/* SUBTEXT */
body.woocommerce-account:not(.logged-in) .ess-auth-subtitle {
  color: #5f6b63 !important; /* deeper, not faded */
  font-weight: 400;
}

/* LABELS (Email, Password) */
body.woocommerce-account:not(.logged-in) label,
body.woocommerce-account:not(.logged-in) .ess-auth-label {
  color: #2e2e2e !important;
  font-weight: 500;
}

/* INPUT TEXT */
body.woocommerce-account:not(.logged-in) input.input-text,
body.woocommerce-account:not(.logged-in) .ess-auth-input {
  color: #111 !important;
  font-weight: 500;
}

/* PLACEHOLDER TEXT */
body.woocommerce-account:not(.logged-in) input::placeholder {
  color: #9c9c9c !important;
  opacity: 1;
}

/* FORGOT PASSWORD */
body.woocommerce-account:not(.logged-in) .lost_password a,
body.woocommerce-account:not(.logged-in) .ess-auth-forgot {
  color: #1b3f33 !important;
  font-weight: 500;
  text-decoration: underline;
}

/* BUTTON TEXT */
body.woocommerce-account:not(.logged-in) button.button,
body.woocommerce-account:not(.logged-in) .ess-auth-submit {
  color: #ffffff !important;
  font-weight: 600;
  letter-spacing: 0.12em;
}

/* SIGNUP SECTION */
body.woocommerce-account:not(.logged-in) .ess-auth-footer h3 {
  color: #111 !important;
  font-weight: 500;
}

body.woocommerce-account:not(.logged-in) .ess-auth-footer a {
  color: #1b3f33 !important;
  font-weight: 500;
}


/* ===============================
   FINAL POLISH — WIDTH + CTA
=============================== */

/* 🔥 MAKE INPUTS WIDER (PREMIUM FEEL) */
body.woocommerce-account:not(.logged-in) .woocommerce form.login,
body.woocommerce-account:not(.logged-in) .ess-auth-page {
  max-width: 520px !important; /* wider than before */
}

body.woocommerce-account:not(.logged-in) input.input-text,
body.woocommerce-account:not(.logged-in) .ess-auth-input {
  width: 100% !important;
  height: 56px !important;
  font-size: 15px !important;
  padding: 0 22px !important;
}


/* 🔥 FIX "DON’T HAVE ACCOUNT" TEXT (ONE LINE) */
body.woocommerce-account:not(.logged-in) .ess-auth-footer h3,
body.woocommerce-account:not(.logged-in) .woocommerce form.login + p,
body.woocommerce-account:not(.logged-in) .woocommerce .u-column2 h2 {
  white-space: nowrap !important;
  font-size: 18px !important;
  margin-bottom: 16px !important;
}


/* 🔥 SIGN UP BUTTON — CASABLANCA STYLE */
body.woocommerce-account:not(.logged-in) .ess-auth-footer a,
body.woocommerce-account:not(.logged-in) .woocommerce form.login + p a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 48px !important;
  padding: 0 34px !important;

  border-radius: 999px !important;
  border: 1px solid #1b3f33 !important;

  background: transparent !important;
  color: #1b3f33 !important;

  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;

  text-decoration: none !important;
  transition: all 0.25s ease !important;
}


/* 🔥 HOVER — FILLS LIKE CASABLANCA */
body.woocommerce-account:not(.logged-in) .ess-auth-footer a:hover,
body.woocommerce-account:not(.logged-in) .woocommerce form.login + p a:hover {
  background: #1b3f33 !important;
  color: #ffffff !important;
  border-color: #1b3f33 !important;
}


/* ===============================
   FINAL LIFT — PUSH LOGIN UP
=============================== */

/* reduce top spacing of whole login block */
body.woocommerce-account:not(.logged-in) .woocommerce,
body.woocommerce-account:not(.logged-in) .ess-auth-page {
  margin-top: 30px !important; /* was ~60–100 → now tighter */
}

/* remove hidden extra space from containers */
body.woocommerce-account:not(.logged-in) .site-main,
body.woocommerce-account:not(.logged-in) .content-area {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* tighten spacing above SIGN IN */
body.woocommerce-account:not(.logged-in) .ess-auth-header {
  margin-top: 10px !important;
  margin-bottom: 28px !important;
}

/* OPTIONAL — micro adjust if still slightly low */
body.woocommerce-account:not(.logged-in) .ess-auth-title {
  margin-top: -5px !important;
}

body.woocommerce-account:not(.logged-in) .ess-auth-footer {
  margin-top: 56px !important;
}

body.woocommerce-account:not(.logged-in) .ess-auth-footer h3 {
  margin-bottom: 20px !important;
}









































/* =========================================
   RESET PAGE — FORCE CLEAN COLORS
========================================= */

/* REMOVE GREEN GRADIENT BACKGROUND */
.essenzza-reset-header {
  background: #1b3f33 !important; /* solid green */
}

/* REMOVE ANY GRADIENT OVERLAYS */
.essenzza-luxury-bg-pattern,
.essenzza-header-accent,
.essenzza-reset-header::before,
.essenzza-reset-header::after {
  display: none !important;
  background: none !important;
}

/* FORCE TITLE COLOR (REMOVE GRADIENT TEXT) */
.essenzza-reset-title {
  color: rgb(206, 54, 60) !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: rgb(206, 54, 60) !important;
}

/* SUBTITLE — CLEAN TEXT */
.essenzza-reset-subtitle {
  color: #ffffff !important; /* readable on green */
  opacity: 1 !important;
}

/* REMOVE ANY TEXT GRADIENTS GLOBALLY INSIDE HEADER */
.essenzza-reset-header * {
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: inherit !important;
}
/* =========================================
   RESET PAGE — FINAL TEXT FIXES
========================================= */

/* 🔄 INVERTED BUTTON (OPPOSITE OF SIGN IN) */
.essenzza-reset-form button,
.essenzza-reset-form .button,
.woocommerce-ResetPassword button {

  background: #ffffff !important;
  color: #1b3f33 !important;
  border: 1px solid #1b3f33 !important;

  transition: all 0.25s ease !important;
}

/* HOVER → FILLS GREEN */
.essenzza-reset-form button:hover,
.essenzza-reset-form .button:hover,
.woocommerce-ResetPassword button:hover {

  background: #1b3f33 !important;
  color: #ffffff !important;
  border-color: #1b3f33 !important;
}

/* 🔴 RESET PASSWORD TITLE FONT */
.essenzza-reset-title {
  font-family: "GoldenbookCustom", serif !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}








/* AUTH TOGGLE BUTTON */
.ess-auth-switch {
  width: 280px;
  max-width: 100%;
  height: 58px;

  border-radius: 999px;
  border: 1px solid #1b3f33;

  background: transparent;
  color: #1b3f33;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  transition: all 0.25s ease;
}

.ess-auth-switch:hover {
  background: #1b3f33;
  color: #fff;
}

















/* AUTH TOGGLE BUTTON */
.ess-auth-switch {
  width: 280px;
  max-width: 100%;
  height: 58px;

  border-radius: 999px;
  border: 1px solid #1b3f33;

  background: transparent;
  color: #1b3f33;
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  transition: all 0.25s ease;
}

.ess-auth-switch:hover {
  background: #1b3f33;
  color: #fff;
}



/* DEFAULT CARD */
.ess-auth-card {
  transition: width 0.3s ease, max-width 0.3s ease;
}



/* RESET SIGNUP CARD WIDTH */
.ess-auth-card.signup-active {
  width: auto !important;
  max-width: none !important;

  margin-left: auto !important;
  margin-right: auto !important;
}



/* DOUBLE FIELD LAYOUT */
.ess-auth-row-double {
  display: flex;
  gap: 20px;
  width: 100%;
}

.ess-auth-row-double .ess-auth-field {
  flex: 1;
  min-width: 0;
}



/* WIDER SIGNUP INPUTS ONLY */
.ess-auth-register-form .ess-auth-input {
  width: 115% !important;
}

/* KEEP DOUBLE ROW CLEAN */
.ess-auth-row-double .ess-auth-input {
  width: 100% !important;
}



/* MOBILE STACK */
@media (max-width: 768px) {

  .ess-auth-row-double {
    flex-direction: column;
    gap: 0;
  }

  .ess-auth-register-form .ess-auth-input {
    width: 100% !important;
  }

}

/* REMOVE WOO PRIVACY TEXT */
.woocommerce-privacy-policy-text {
  display: none !important;
}



































/* Two column layout for sections */
@media (min-width: 1024px) {
    .essenzza-account-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}





/* Account page wrapper reset */
body.woocommerce-account.logged-in .site-main,
body.woocommerce-account.logged-in .content-area,
body.woocommerce-account.logged-in .entry-content,
body.woocommerce-account.logged-in .page-content,
body.woocommerce-account.logged-in .post-9,
body.woocommerce-account.logged-in .page-id-9 {
  width: 100% !important;
  max-width: 100% !important;
}

/* Main Woo wrapper */
body.woocommerce-account.logged-in .woocommerce {
  display: block !important;
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding: 0 32px !important;
}



/* Expand account content */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Hide unwanted first paragraph / native intro if theme injects it */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > p:first-child {
  display: none !important;
}

/* Hide homepage/shop sections accidentally appearing below account area */
body.woocommerce-account.logged-in .shopify-section,
body.woocommerce-account.logged-in .related-products,
body.woocommerce-account.logged-in .up-sells,
body.woocommerce-account.logged-in .cross-sells,
body.woocommerce-account.logged-in .essenzza-home-section,
body.woocommerce-account.logged-in .homepage-products,
body.woocommerce-account.logged-in .product-grid-section {
  display: none !important;
}

/* Your custom account layout */
.essenzza-luxury-dashboard {
  max-width: 1180px;
  margin: 60px auto 100px;
  padding: 0 16px;
}

.essenzza-dashboard-header {
  margin-bottom: 56px;
  text-align: left;
}

.essenzza-page-title {
  margin: 0;
  font-size: 54px;
  line-height: 0.95;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.essenzza-dashboard-layout {
  display: grid;
  grid-template-columns: minmax(260px, 380px) minmax(320px, 520px);
  justify-content: space-between;
  gap: 80px;
  padding-top: 32px;
  border-top: 1px solid #e6e6e6;
}

.essenzza-dashboard-sidebar,
.essenzza-dashboard-content {
  width: auto;
}

.essenzza-section-title {
  margin: 0 0 28px;
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
}

.essenzza-user-details,
.essenzza-account-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.essenzza-user-details li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6;
}

.essenzza-account-menu li {
  margin-bottom: 14px;
}

.essenzza-account-menu a {
  color: #1d1d1d;
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
  font-size: 16px;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .essenzza-page-title {
    font-size: 38px;
  }

  .essenzza-dashboard-layout {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}









/* =========================================================
   ESSENZZA ACCOUNT PAGE
   Casablanca-inspired
   Page-only styling
========================================================= */

body.woocommerce-account.logged-in {
  --account-bg: #f6f4f1;
  --account-line: #e4dfd8;
  --account-text: #264338;
  --account-text-soft: #677468;
  --account-heading: #c86a6d;
}

body.woocommerce-account.logged-in .woocommerce-account-shell {
  display: grid;
  grid-template-columns: 360px minmax(0, 1fr);
  gap: 56px;
  max-width: 1380px;
  margin: 0 auto;
  padding: 34px 28px 72px;
  align-items: start;
  background: transparent;
}

/* LEFT DESKTOP SHELL */
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 118px 24px 0 8px;
  border-right: 1px solid var(--account-line);
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li {
  margin: 0;
  border-bottom: 1px solid #ece7e1;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 14px 8px;
  color: var(--account-text-soft);
  font-size: 17px;
  line-height: 1.35;
  text-decoration: none;
  font-weight: 400;
  letter-spacing: 0;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a:hover {
  color: var(--account-text);
}

/* RIGHT CONTENT AREA */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 88px 0 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* remove unwanted generic boxes injected by theme styles */
body.woocommerce-account.logged-in .woocommerce-MyAccount-content > *,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content section,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content article,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content .essenzza-account-card {
  box-shadow: none !important;
}

/* DASHBOARD WRAPPER */
body.woocommerce-account.logged-in .essenzza-luxury-dashboard,
body.woocommerce-account.logged-in .essenzza-minimal-dashboard,
body.woocommerce-account.logged-in .essenzza-account-dashboard {
  max-width: 760px;
  margin: 0 auto;
  padding: 0;
}

/* TITLE */
body.woocommerce-account.logged-in .essenzza-dashboard-header,
body.woocommerce-account.logged-in .essenzza-account-header {
  margin-bottom: 34px;
  text-align: center;
}


/* MAIN PANEL */
body.woocommerce-account.logged-in .essenzza-dashboard-layout,
body.woocommerce-account.logged-in .essenzza-account-grid {
  display: block !important;
}

body.woocommerce-account.logged-in .essenzza-dashboard-sidebar,
body.woocommerce-account.logged-in .essenzza-account-card,
body.woocommerce-account.logged-in .essenzza-card-addresses,
body.woocommerce-account.logged-in .essenzza-card-settings,
body.woocommerce-account.logged-in .essenzza-card-orders,
body.woocommerce-account.logged-in .essenzza-card-payment {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid #d8d2ca !important;
  border-radius: 24px !important;
  background: transparent !important;
  padding: 30px 32px !important;
  margin: 0 !important;
  box-shadow: none !important;
}

/* If you are using the minimal/my account info block */
body.woocommerce-account.logged-in .essenzza-section-title,
body.woocommerce-account.logged-in .essenzza-account-card h2,
body.woocommerce-account.logged-in .essenzza-account-card h3 {
  color: var(--account-text);
  font-size: 18px;
  line-height: 1.25;
  font-weight: 600;
  margin-top: 0;
}

body.woocommerce-account.logged-in .essenzza-user-details,
body.woocommerce-account.logged-in .essenzza-account-menu,
body.woocommerce-account.logged-in .essenzza-orders-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.woocommerce-account.logged-in .essenzza-user-details li,
body.woocommerce-account.logged-in .essenzza-account-card p,
body.woocommerce-account.logged-in .essenzza-address-block p,
body.woocommerce-account.logged-in .essenzza-setting-row p,
body.woocommerce-account.logged-in .essenzza-payment-method,
body.woocommerce-account.logged-in .essenzza-order-item,
body.woocommerce-account.logged-in .essenzza-order-meta span {
  color: var(--account-text-soft);
  font-size: 16px;
  line-height: 1.7;
}

body.woocommerce-account.logged-in .essenzza-user-details .label {
  color: var(--account-text-soft);
}

body.woocommerce-account.logged-in .essenzza-primary-address p {
  margin-top: 10px;
  color: var(--account-text-soft);
}

/* LINKS INSIDE RIGHT PANEL */
body.woocommerce-account.logged-in .essenzza-account-menu li {
  margin-bottom: 10px;
}

body.woocommerce-account.logged-in .essenzza-account-menu a,
body.woocommerce-account.logged-in .essenzza-edit-link,
body.woocommerce-account.logged-in .essenzza-order-link,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a {
  color: var(--account-text-soft);
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
}

body.woocommerce-account.logged-in .essenzza-account-menu a:hover,
body.woocommerce-account.logged-in .essenzza-edit-link:hover,
body.woocommerce-account.logged-in .essenzza-order-link:hover,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content a:hover {
  color: var(--account-text);
}

/* INTERNAL DIVIDERS */
body.woocommerce-account.logged-in .essenzza-address-block + .essenzza-address-block,
body.woocommerce-account.logged-in .essenzza-setting-row + .essenzza-setting-row,
body.woocommerce-account.logged-in .essenzza-order-item + .essenzza-order-item,
body.woocommerce-account.logged-in .essenzza-payment-method + .essenzza-payment-method {
  border-top: 1px solid #ece7e1;
  margin-top: 14px;
  padding-top: 14px;
}

/* DESKTOP ACCOUNT DASHBOARD:
   show left nav + one main panel only */
@media (min-width: 992px) {
  body.woocommerce-account.logged-in .essenzza-account-grid > * + * {
    margin-top: 22px !important;
  }
}

/* SMALLER SCREENS:
   collapse to single layout */
@media (max-width: 991px) {
  body.woocommerce-account.logged-in .woocommerce-account-shell {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 22px 18px 48px;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid var(--account-line);
    margin-bottom: 8px !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul li a {
    min-height: auto;
    padding: 14px 2px;
    font-size: 15px;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    padding-top: 0 !important;
  }

  body.woocommerce-account.logged-in .essenzza-luxury-dashboard,
  body.woocommerce-account.logged-in .essenzza-minimal-dashboard,
  body.woocommerce-account.logged-in .essenzza-account-dashboard {
    max-width: 100%;
  }

  body.woocommerce-account.logged-in .essenzza-dashboard-header,
  body.woocommerce-account.logged-in .essenzza-account-header {
    margin-bottom: 22px;
    text-align: left;
  }

  body.woocommerce-account.logged-in .essenzza-page-title,
  body.woocommerce-account.logged-in .essenzza-account-title {
    font-size: 42px;
    line-height: 0.95;
  }

  body.woocommerce-account.logged-in .essenzza-dashboard-sidebar,
  body.woocommerce-account.logged-in .essenzza-account-card,
  body.woocommerce-account.logged-in .essenzza-card-addresses,
  body.woocommerce-account.logged-in .essenzza-card-settings,
  body.woocommerce-account.logged-in .essenzza-card-orders,
  body.woocommerce-account.logged-in .essenzza-card-payment {
    padding: 22px 20px !important;
    border-radius: 18px !important;
  }

  body.woocommerce-account.logged-in .essenzza-user-details li,
  body.woocommerce-account.logged-in .essenzza-account-card p,
  body.woocommerce-account.logged-in .essenzza-payment-method,
  body.woocommerce-account.logged-in .essenzza-order-item {
    font-size: 15px;
  }
}














/* ===== ACCOUNT NAV: MEDIUM-SMALL, NOT TINY ===== */

body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  position: static !important;
  top: auto !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
  min-height: 76px !important;
  grid-template-columns: 22px minmax(0, 1fr) 16px !important;
  gap: 14px !important;
  padding: 0 14px !important;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
  color: #6f7b72 !important;
  background: transparent !important;
  border-bottom: 1px solid #e8ebe6 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::before {
  width: 20px !important;
  font-size: 15px !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::after {
  width: 14px !important;
  height: 14px !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a,
body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
  color: #1b3f33 !important;
  border-bottom-color: #cfd6cf !important;
}

body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation::after {
  padding: 30px 14px 0 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

/* lifestyle / shop buttons: smaller than before, but not tiny */
body.woocommerce-account.logged-in .lifestyle-banner-btn,
body.woocommerce-account.logged-in .essenzza-account-assistance .button,
body.woocommerce-account.logged-in .account-lifestyle-banners .button {
  min-width: 168px !important;
  height: 46px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.03em !important;
}

@media (max-width: 768px) {
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
    min-height: 60px !important;
    grid-template-columns: 18px minmax(0, 1fr) 12px !important;
    gap: 10px !important;
    padding: 0 8px !important;
    font-size: 14px !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::before {
    width: 16px !important;
    font-size: 12px !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner-btn,
  body.woocommerce-account.logged-in .account-lifestyle-banners .button {
    min-width: 138px !important;
    height: 40px !important;
    padding: 0 18px !important;
    font-size: 12px !important;
  }
}







/* ===== LIFT ACCOUNT AREA UP + CENTER IT BETTER ===== */

body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  padding-top: 0 !important;
}

body.woocommerce-account.logged-in .essenzza-account-dashboard {
  margin-top: -34px !important;
}

body.woocommerce-account.logged-in .essenzza-account-header {
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  display: flex !important;
  justify-content: center !important;
}

body.woocommerce-account.logged-in .essenzza-account-title {
  margin: 0 auto !important;
  text-align: center !important;
}

/* push right-side card stack upward */
body.woocommerce-account.logged-in .essenzza-account-grid {
  margin-top: -10px !important;
}

/* if summary card still sits too low */
body.woocommerce-account.logged-in .essenzza-account-summary {
  margin-top: 0 !important;
}

/* optional: reduce extra top space inside overall woo shell */
body.woocommerce-account.logged-in .woocommerce {
  padding-top: 28px !important;
}



/* move only the title wrapper upward */
body.woocommerce-account.logged-in .essenzza-account-header {
  position: relative !important;
  top: -34px !important;
  margin-bottom: -10px !important;
}





/* undo the last structural hack */
body.woocommerce-account.logged-in .essenzza-account-header,
body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content,
body.woocommerce-account.logged-in .essenzza-account-dashboard {
  grid-column: auto !important;
  grid-row: auto !important;
}

/* keep layout normal, move only the title */
body.woocommerce-account.logged-in .essenzza-account-header {
  width: 100% !important;
  text-align: center !important;
  position: relative !important;
  left: -25% !important;
  margin: 68px 0 32px !important;
  padding: 0 !important;
}

body.woocommerce-account.logged-in .essenzza-account-title,
body.woocommerce-account.logged-in .essenzza-account-header h1 {
  display: block !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}



/* move only the ACCOUNT AREA title */
body.woocommerce-account.logged-in .essenzza-account-header {
  width: 100% !important;
  text-align: center !important;
  position: relative !important;
  left: -0% !important;
  margin: 0 0 0 !important;
  padding: 0 !important;
  z-index: 1 !important;
  transform: translateY(42px) !important;
}

/* pull only the box/content up */
body.woocommerce-account.logged-in .essenzza-account-dashboard,
body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  margin-top: -10px !important;
}






/* push ONLY the left account panel down */
body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation {
  margin-top: 78px !important;
}




/* 4) tighten gap under ACCOUNT AREA a little */
body.woocommerce-account.logged-in .essenzza-account-header,
body.woocommerce-account.logged-in .account-page-title,
body.woocommerce-account.logged-in h1 {
  margin-bottom: 20px !important;
}







/* fix only ACCOUNT AREA heading */
body.woocommerce-account.logged-in .essenzza-account-header h1 {
  white-space: nowrap !important;
  display: inline-block !important;
  max-width: none !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
}

body.woocommerce-account.logged-in .essenzza-account-header h1 br {
  display: none !important;
}



@font-face {
  font-family: "GoldenbookCustom";
  src: url("/wp-content/themes/Essenza-Final%20copy/assets/fonts/Goldenbook%20Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html body.woocommerce-account.logged-in .essenzza-account-header h1,
html body.woocommerce-account.logged-in .essenzza-account-header .entry-title,
html body.woocommerce-account.logged-in .woocommerce-MyAccount-content h1.entry-title,
html body.woocommerce-account.logged-in h1.entry-title {
  font-family: "GoldenbookCustom" !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}
@media (max-width: 768px) {

  /* 1) Keep only the custom editorial header */
  body.woocommerce-account.logged-in .entry-title,
  body.woocommerce-account.logged-in .page-title,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content > h2:first-child,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content > h3:first-child,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content header.title {
    display: none !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-header {
    display: block !important;
    width: 100% !important;
    padding: 28px 16px 18px !important;
    margin: 0 !important;
    text-align: center !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-header h1 {
    font-family: "GoldenbookFix", serif !important;
    font-size: 42px !important;
    line-height: 0.95 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    margin: 0 auto !important;
    color: #c96a6a !important;
  }

  /* 2) Collapse the account layout into a clean single column */
  body.woocommerce-account.logged-in .woocommerce,
  body.woocommerce-account.logged-in .woocommerce-account-shell {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 16px 36px !important;
    float: none !important;
    clear: both !important;
  }

  body.woocommerce-account.logged-in nav.woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    float: none !important;
    margin: 0 !important;
  }

  /* 3) Make the top menu compact and app-like */
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
    margin-bottom: 22px !important;
    order: 1 !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    list-style: none !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
    min-height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 14px 10px !important;
    background: #f5f2ed !important;
    border: 1px solid #ece6de !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #222 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
  }

  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a {
    background: #f5f2ed !important;
    color: #111 !important;
    border-color: #ddd6cc !important;
  }

  /* Remove icon/arrow clutter from nav tiles */
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::before,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a::after,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation::after {
    display: none !important;
    content: none !important;
  }

  /* 4) Clean content card */
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content {
    display: block !important;
    order: 2 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-card,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .woocommerce-Address,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content table,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content .shop_table {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 22px 18px !important;
    background: #ffffff !important;
    border: 1px solid #e6e1d8 !important;
    border-radius: 18px !important;
    box-shadow: none !important;
    min-height: 0 !important;
    display: block !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-card h2,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content h2,
  body.woocommerce-account.logged-in .woocommerce-MyAccount-content h3 {
    margin: 0 0 16px !important;
    font-size: 20px !important;
    line-height: 1.15 !important;
    color: #1b3f33 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-summary {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
  }

  body.woocommerce-account.logged-in .essenzza-account-summary p {
    margin: 0 !important;
  }

	@media (max-width: 768px) {

  /* Put ACCOUNT AREA directly under fixed header */
  body.woocommerce-account.logged-in .essenzza-account-header {
    display: block !important;
    width: 100% !important;
    padding: 8px 16px 0 !important;
    margin: 0 !important;
    text-align: center !important;
  }


		/* Push the button grid slightly down */
	
		body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
			margin-top: 10px !important;
			margin-bottom: 22px !important;
		}

		body.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
			margin-top: 70px !important;
		}
	}




	@media (max-width: 768px) {
		body.woocommerce-account.logged-in .essenzza-account-header {
			display: flex !important;
			justify-content: center !important;
			align-items: center !important;
			text-align: center !important;
			padding-left: 0 !important;
			padding-right: 0 !important;
			padding-bottom: 0px !important;
		}

body.woocommerce-account.logged-in .essenzza-account-header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 24px;
}

body.woocommerce-account.logged-in .essenzza-account-title {
  text-align: center;
  margin: 0;
}

	

	
	
	
	
	
/* MOBILE OVERLAY FIX — account lifestyle banners */
@media (max-width: 768px) {

  body.woocommerce-account.logged-in .account-lifestyle-banners {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
    margin-top: 24px !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner-wrap {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    text-align: left !important;
    background: #000 !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner {
    position: relative !important;
    aspect-ratio: 3 / 4 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.28) 42%,
      rgba(0, 0, 0, 0.00) 100%
    ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner-title {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 76px !important;
    z-index: 2 !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner-btn {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    height: 46px !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    letter-spacing: 0.14em !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
}
	
	
	
	
	
	
	

	
	
/* MOBILE ACCOUNT BANNERS — title becomes button + real gap */
@media (max-width: 768px) {

  body.woocommerce-account.logged-in .account-lifestyle-banners {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
    column-gap: 0 !important;
    gap: 18px !important;
    padding: 0 !important;
    margin-top: 24px !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner-wrap {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #000 !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner {
    position: relative !important;
    aspect-ratio: 3 / 4 !important;
    margin: 0 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.72) 0%,
      rgba(0, 0, 0, 0.28) 42%,
      rgba(0, 0, 0, 0) 100%
    ) !important;
    z-index: 1 !important;
    pointer-events: none !important;
  }

  body.woocommerce-account.logged-in .lifestyle-banner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  /* Hide old CTA */
  body.woocommerce-account.logged-in .lifestyle-banner-btn {
    display: none !important;
  }

  /* Make title look like the only button */
  body.woocommerce-account.logged-in .lifestyle-banner-title {
    position: absolute !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
    z-index: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.38) !important;
    color: #ffffff !important;
    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
  }
}
	
	
	
	
@media (max-width: 768px) {
  :root {
    --essenzza-announcement-height: 36px;
    --essenzza-header-height: 54px;
    --essenzza-admin-offset: 0px;
  }

  body.admin-bar {
    --essenzza-admin-offset: 46px;
  }

  .announcement-bar {
    display: flex !important;
    position: fixed !important;
    top: var(--essenzza-admin-offset) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: var(--essenzza-announcement-height) !important;
    z-index: 3001 !important;
  }

  .site-header {
    position: fixed !important;
    top: calc(var(--essenzza-admin-offset) + var(--essenzza-announcement-height)) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    min-height: var(--essenzza-header-height) !important;
    z-index: 3000 !important;
  }

  body,
  body.admin-bar {
    padding-top: calc(var(--essenzza-announcement-height) + var(--essenzza-header-height)) !important;
  }
}
	
	
	
	
	
	
	






body.essenzza-account-logged-in .woocommerce { /* dashboard layout */ }
body.essenzza-account-logged-in .woocommerce-MyAccount-navigation { /* sidebar/nav */ }

body.essenzza-account-login .ess-auth-page { /* centered login layout */ }
body.essenzza-account-login .ess-auth-title { /* Casablanca-style heading */ }
		
		
		
		
		
		
		
		
		
		
		
/* MOVE ONLY THE TEXT — NOT THE LAYOUT */
body.woocommerce-account.logged-in .essenzza-account-title {
  display: inline-block;
  transform: translateY(-310px); /* adjust this value */
}