.elementor-2131 .elementor-element.elementor-element-1fed027e{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-480c5bb2 *//* 🌸 THE ENJOYE SPA | 我的帳號專屬質感版（間距縮小＋圖示與文字同排） */

/* 整體背景與字體 */
body.woocommerce-account {
  background: linear-gradient(180deg, #FBF8F3, #F1E7DD);
  font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif;
  color: #5A4631;
}

/* 外層容器：用 flex 佈局並縮小左右欄間距 */
.woocommerce-account .woocommerce{
  display: flex;
  align-items: stretch;
  gap: 16px;              /* ← 中間間距（原本較大，改成 16px） */
  padding: 28px 0;        /* ← 頁面上下留白也縮小 */
}

/* 左側導航選單 */
.woocommerce-MyAccount-navigation {
  background: #FFFFFF;
  border-radius: 18px;
  box-shadow: 0 8px 28px rgba(191,165,141,0.15);
  padding: 22px 18px;     /* ← 內距略縮小 */
  width: 230px;
  transition: all 0.3s ease;
}
.woocommerce-MyAccount-navigation ul{ list-style:none; margin:0; padding:0; }
.woocommerce-MyAccount-navigation li{ margin-bottom: 10px; }
.woocommerce-MyAccount-navigation a{
  display:block; padding:10px 12px;
  color:#5A4631; font-weight:600; font-size:15px;
  border-radius:10px; transition:.25s;
}
.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a{
  background: linear-gradient(90deg, #CBB6A1, #BFA58D);
  color:#fff; box-shadow:0 6px 14px rgba(191,165,141,0.25);
}

/* 右側內容區塊 */
.woocommerce-MyAccount-content{
  background:#FFFFFF;
  border-radius:24px;
  box-shadow:0 8px 24px rgba(0,0,0,0.06);
  padding: 28px 34px;     /* ← 內距縮小 */
  margin-left: 0 !important; /* ← 不再用 margin 撐距離，交給 gap 控制 */
  flex:1;
}
.woocommerce-MyAccount-content p,
.woocommerce-MyAccount-content a{ color:#6b5546; line-height:1.7; font-size:15px; }
.woocommerce-MyAccount-content a:hover{ color:#BFA58D; text-decoration:underline; }

/* 右側內容：圖示 + 文字同一排（連按鈕/連結都會置中對齊） */
.woocommerce-MyAccount-content a,
.woocommerce-MyAccount-content button,
.woocommerce-MyAccount-content .button{
  display: inline-flex;
  align-items: center;     /* ← 垂直置中 */
  gap: 6px;                /* ← 圖示與文字間距 */
}
.woocommerce-MyAccount-content i,
.woocommerce-MyAccount-content svg{
  vertical-align: middle;
  margin-right: 2px;       /* 安全保險，再加一點空隙 */
  height: 1em;             /* 讓 svg/i 高度跟字體差不多 */
}

/* 帳號標題 */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-family:"Noto Serif TC", serif;
  font-weight:700;
  color:#5A4631;
  border-bottom:2px solid #E9D8C9;
  padding-bottom:6px;      /* ← 更緊實 */
  margin-bottom:16px;
}

/* 訂單 / 地址等表格樣式 */
.woocommerce table.my_account_orders{ width:100%; border-collapse:collapse; }
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td{
  padding:12px 14px;       /* ← 表格內距縮小 */
  border-bottom:1px solid #EBDACF;
}
.woocommerce table.my_account_orders th{ background:#FBF8F3; color:#5A4631; }
.woocommerce table.my_account_orders td{ background:#FFFFFF; }

/* 按鈕（主/次） */
.woocommerce-account .button, 
.woocommerce-account button.button,
.woocommerce-account .woocommerce-message .button{
  background:#987070; color:#fff; border-radius:999px;
  padding:10px 16px; border:none; transition:.2s;
}
.woocommerce-account .button:hover{ filter:brightness(.95) }
.woocommerce-account .button.alt{
  background:#fff; color:#987070; border:1px solid #C39898;
}
.woocommerce-account .button.alt:hover{
  background:#DBB5B5; color:#fff; border-color:#DBB5B5;
}

/* Woo 提示訊息柔化 */
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info{
  border-radius:12px; border-color:#EADFD4; background:#fff;
}

/* 手機版：上下堆疊，維持舒服間距 */
@media (max-width: 768px){
  .woocommerce-account .woocommerce{ display:block; padding:18px 0; }
  .woocommerce-MyAccount-navigation{
    width:100%; margin-bottom:12px; padding:18px 14px;
    box-shadow:0 6px 16px rgba(191,165,141,0.12);
  }
  .woocommerce-MyAccount-content{ padding:22px 18px; }
}/* End custom CSS */