.elementor-8 .elementor-element.elementor-element-63742dd7{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS *//* --- 我的帳號頁 標題樣式 --- */
.woocommerce-account .entry-title {
    font-family: "Noto Sans TC", "Poppins", sans-serif;
    font-size: 18px;   /* 改小一點，例如 24 或 26 都可以 */
    font-weight: 500;
    color: #333;
    letter-spacing: 0.5px;
    text-align: left;  /* 可改成 center 置中 */
}

/* --- 我的帳號頁 左側選單 --- */
.woocommerce-MyAccount-navigation ul li a {
    font-family: "Noto Sans TC", "Poppins", sans-serif;
    font-size: 15px;
    color: #444;
    letter-spacing: 0.3px;
}

.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #000;
    font-weight: 600;
}

/* --- 主要內容區塊文字 --- */
.woocommerce-MyAccount-content {
    font-family: "Noto Sans TC", "Poppins", sans-serif;
    font-size: 15px;
    color: #555;
    line-height: 1.2;
}


.woocommerce-account .entry-title {
    font-family: "Noto Sans TC", "Poppins", sans-serif !important;
    font-size: 20px !important;  /* 強制生效 */
    font-weight: 500 !important;
    color: #333 !important;
    letter-spacing: 0.5px !important;
    text-align: left !important;
}


/* 讓「我的帳號」標題往右移動（桌機＋手機通用） */
.woocommerce-account .entry-title {
    margin-left: 30px !important;  /* 可以改成 24px 或 30px 微調距離 */
}

/* 若想讓手機版再多一點縮排（可選） */
@media (max-width: 768px) {
  .woocommerce-account .entry-title {
      margin-left: 24px !important;
  }
}

/* --- 我的帳號頁標題調整：對齊 Logo + 行距優化 --- */
.woocommerce-account .entry-title {
    margin-left: 26px !important;     /* 與 Habi logo 左距對齊，可微調為 24~28px */
    font-size: 20px !important;       /* 保持目前大小 */
    font-weight: 500 !important;
    font-family: "Noto Sans TC", "Poppins", sans-serif !important;
    color: #333 !important;
    line-height: 1 !important;      /* 原本約 1.6，縮小行距讓字更緊湊 */
    letter-spacing: 0.3px !important; /* 稍微減少字距，使比例更自然 */
}

/* 手機版（確保在小螢幕同樣對齊 Logo） */
@media (max-width: 768px) {
  .woocommerce-account .entry-title {
      margin-left: 26px !important;
      line-height: 1 !important;
  }
}

/* --- 我的帳號左側選單（控制台、訂單等）行距調整 + 文字置中 --- */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;     /* 垂直置中 */
    height: 44px;            /* 控制每列高度，可改為 42px~48px 視覺調整 */
    font-size: 15px;
    line-height: 1.2;        /* 縮小行距 */
    color: #444;
    font-family: "Noto Sans TC", "Poppins", sans-serif;
    letter-spacing: 0.3px;
    padding-left: 12px;      /* 內縮一點看起來更整齊 */
}

/* --- 我的帳號右側說明文字區塊 --- */
.woocommerce-MyAccount-content {
    font-size: 15px;
    line-height: 1.5 !important;   /* 原本約 1.8，縮小行距讓空白更緊密 */
    color: #555;
    font-family: "Noto Sans TC", "Poppins", sans-serif;
    letter-spacing: 0.3px;
}

/* --- 頁面標題與下方內容距離縮小 --- */
.woocommerce-account .entry-title {
    margin-bottom: 18px !important;  /* 原本通常是 30~40px */
}
/* 收緊右側兩行文字的段落間距與行高 */
.woocommerce-MyAccount-content p {
  margin-top: 4px !important;     /* 原本多半是 1em，改小 */
  margin-bottom: 6px !important;  /* 視覺更緊湊 */
  line-height: 1.45 !important;   /* 搭配你左側調整後的比例 */
}

/* 第一行（含信箱那行）與左側表頭對齊 */
.woocommerce-MyAccount-content > p:first-of-type {
  margin-top: 0 !important;       /* 取消預設頂部外距 */
}

/*（可選）避免「（不是…請登出）」換行造成破版 */
.woocommerce-MyAccount-content > p:first-of-type a {
  white-space: nowrap;
}
/* --- 我的帳號左側清單：垂直置中修正 --- */
.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;        /* 垂直置中關鍵 */
    justify-content: flex-start;/* 保持靠左 */
    height: 44px;               /* 控制整列高度，可依實際微調 42–46px */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 15px;
    line-height: 1.2;
    color: #444;
    font-family: "Noto Sans TC", "Poppins", sans-serif;
}

/* hover 效果（可選）讓 Habi 風格更一致 */
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #B8B7B6;             /* Habi 淺灰棕色 */
    transition: color 0.2s ease;
}

/* === My Account 左側清單：強制垂直置中（前台用）=== */
/* 1) 清掉 li 的預設上下 padding，避免把文字往下擠 */
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0; /* 保險 */
  height: 46px;                 /* 你喜歡的列高：42~48可調 */
  box-sizing: border-box;
}

/* 2) 讓 a 撐滿整列，用 flex 做垂直置中 */
.woocommerce-account .woocommerce-MyAccount-navigation ul li > a {
  display: flex !important;
  align-items: center !important;     /* 垂直置中關鍵 */
  justify-content: flex-start !important;
  height: 100% !important;            /* 填滿 li 的高度 */
  padding: 0 14px !important;         /* 左右內距可調 */
  line-height: 1.2 !important;
}

/* 3) 有些主題會另外對每個連結類別設 padding，統一覆蓋 */
.woocommerce-account .woocommerce-MyAccount-navigation li[class^="woocommerce-MyAccount-navigation-link"] > a,
.woocommerce-account .woocommerce-MyAccount-navigation li[class*="woocommerce-MyAccount-navigation-link"] > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* (可選) 手機點觸更好：微調列高 */
@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation ul li {
    height: 48px;  /* 手機用稍高一點的觸控高度 */
  }
}

/* === My Account 左側清單：100% 垂直置中（高權重版）=== */

/* 先把 li 的上下 padding 清掉，避免把文字往下擠 */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  height: 46px !important;           /* 桌機列高 */
  box-sizing: border-box !important;
}

/* 再讓 a 撐滿整列，用 flex 垂直置中；同時移除主題預設的 line-height/min-height */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li > a {
  display: flex !important;
  align-items: center !important;     /* 垂直置中 */
  justify-content: flex-start !important;
  height: 100% !important;            /* 填滿 li 高度 */
  padding: 0 14px !important;         /* 左右內距 */
  line-height: 1 !important;          /* 移除主題較大的行高 */
  min-height: 0 !important;           /* 有些主題會加 min-height */
}

/* 有些主題針對每個 link class 另設 padding/line-height，統一覆蓋 */
body.woocommerce-account .woocommerce-MyAccount-navigation li[class^="woocommerce-MyAccount-navigation-link"] > a,
body.woocommerce-account .woocommerce-MyAccount-navigation li[class*="woocommerce-MyAccount-navigation-link"] > a {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1 !important;
  min-height: 0 !important;
}

/* 手機版：列高略放大，點擊區更好 */
@media (max-width: 768px) {
  body.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    height: 50px !important;          /* 手機列高 */
  }
}

/* （可選）hover 視覺 */
body.woocommerce-account .woocommerce-MyAccount-navigation ul li > a:hover {
  color: #B8B7B6 !important;
  transition: color .2s ease;
}/* End custom CSS */