.elementor-10511 .elementor-element.elementor-element-aed172c{--display:flex;}.elementor-10511 .elementor-element.elementor-element-48b0d49{--display:grid;--e-con-grid-template-columns:repeat(5, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-10511 .elementor-element.elementor-element-1b60556.elementor-element{--align-self:flex-start;}@media(max-width:1024px){.elementor-10511 .elementor-element.elementor-element-48b0d49{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-10511 .elementor-element.elementor-element-48b0d49{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-aed172c *//* =====================================================
   Shopee-Style Member Center (Responsive & Modern)
   Designer: Edmond Tang + ChatGPT
   ===================================================== */

/* ----------- 色彩定義 ----------- */
:root {
  --mbz-bg: #fff7f5;
  --mbz-card: #ffffff;
  --mbz-text: #222;
  --mbz-muted: #6b7280;
  --mbz-orange-1: #f43f5e;
  --mbz-orange-2: #f97316;
  --mbz-border: rgba(0, 0, 0, 0.06);
  --mbz-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

/* ----------- 全局背景與結構 ----------- */
body,
.ast-container,
#primary,
#main {
  background: var(--mbz-bg) !important;
}

.entry-content {
  padding: 0 !important;
}

/* ----------- Header 區塊（作者頭像區） ----------- */
.entry-content .elementor-author-box {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 16px;
  color: #fff;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  box-shadow: var(--mbz-shadow);
}

.elementor-author-box__avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.elementor-author-box__text {
  margin-left: 14px;
}

.elementor-author-box__name {
  margin: 0;
  font-size: 19px;
  font-weight: 700;
  color: #fff;
}

.elementor-author-box__bio {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.85);
}

/* ----------- 功能按鈕 Grid ----------- */
.elementor-element-7e968f2 {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 手機預設兩欄 */
  gap: 14px;
  padding: 16px;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  align-items: stretch;
  grid-auto-rows: 1fr; /* 讓每列自動同高 */
}

/* 手機稍寬：三欄 */
@media (min-width: 400px) {
  .elementor-element-7e968f2 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 平板以上：四欄 */
@media (min-width: 768px) {
  .elementor-element-7e968f2 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

/* ----------- 清除 Elementor 預設間距與外距 ----------- */
.elementor-element-7e968f2 > .elementor-element,
.elementor-element-7e968f2 .elementor-column,
.elementor-element-7e968f2 .elementor-widget,
.elementor-element-7e968f2 .elementor-widget-button {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

/* ----------- 撐滿高度結構 ----------- */
.elementor-element-7e968f2 > .elementor-element {
  display: flex;
  flex: 1;
}
.elementor-element-7e968f2 .elementor-widget-button,
.elementor-element-7e968f2 .elementor-widget-button .elementor-widget-container,
.elementor-element-7e968f2 .elementor-button-wrapper {
  display: flex;
  flex: 1;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  box-sizing: border-box;
}

/* ----------- 單一卡片樣式 ----------- */
.elementor-element-7e968f2 .elementor-button {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  background: var(--mbz-card);
  border-radius: 20px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--mbz-border);
  padding-top: 58px;
  padding-bottom: 12px;
  transition: all 0.25s ease;
  width: 100%;
  max-width: 100%;
  height: 100% !important; /* 撐滿格子高度 */
  overflow: hidden;
}

.elementor-element-7e968f2 .elementor-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* ----------- Icon 圓底與圖示 ----------- */
.elementor-element-7e968f2 .elementor-button::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  transform: translateX(-50%);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  pointer-events: none;
}

.elementor-element-7e968f2 .elementor-button::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  position: absolute;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: none;
}

/* --- Icon mapping by Elementor widget id (stable, not affected by URL) --- */
.elementor-element-b3a0981 .elementor-button::after { content: "\f543"; } /* 訂單 receipt */
.elementor-element-da65a31 .elementor-button::after { content: "\f51e"; } /* 點數 coins */
.elementor-element-1aa878c .elementor-button::after { content: "\f007"; } /* 會員 user */
.elementor-element-472df93 .elementor-button::after { content: "\f2c2"; } /* 個資 id-card */
.elementor-element-beb1f06 .elementor-button::after { content: "\f07a"; } /* 前往購物 bag */
.elementor-element-2cc9b65 .elementor-button::after { content: "\f2bb"; font-weight: 900; } /* 會員卡 */
.elementor-element-1a87f4d .elementor-button::after { content: "\f145"; } /* 優惠券 ticket */


/* ----------- 按鈕文字 ----------- */
.elementor-element-7e968f2 .elementor-button .elementor-button-text {
  font-size: 13px;
  font-weight: 600;
  color: var(--mbz-text);
  letter-spacing: 0.3px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ----------- 互動狀態 ----------- */
.elementor-element-7e968f2 .elementor-button:active {
  transform: scale(0.98);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

/* ----------- 分區白底卡（未來擴充用） ----------- */
.entry-content .shopee-section {
  background: var(--mbz-card);
  border-radius: 16px;
  box-shadow: var(--mbz-shadow);
  margin: 12px;
  padding: 12px;
}

/* ----------- 修正 Elementor spacing ----------- */
.elementor .e-con {
  max-width: 100% !important;
}

a,
button {
  -webkit-tap-highlight-color: transparent;
}


/* === Fix: icon 與標題擠在一起（提高上方內距＋調整行高/間距） === */

.elementor-element-7e968f2 .elementor-button{
  padding-top: 76px !important;   /* 原本 58px → 76px */
  min-height: 122px;              /* 保底高度，避免太扁 */
}

.elementor-element-7e968f2 .elementor-button::before{
  top: 16px !important;
  width: 48px; height: 48px;
}
.elementor-element-7e968f2 .elementor-button::after{
  top: 30px !important;
  font-size: 20px;
}

.elementor-element-7e968f2 .elementor-button .elementor-button-text{
  display: block;
  margin-top: 6px;
  padding: 0 8px;
  line-height: 1.35;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 340px){
  .elementor-element-7e968f2 .elementor-button{
    padding-top: 82px !important;
    min-height: 128px;
  }
  .elementor-element-7e968f2 .elementor-button::before{ top: 18px !important; }
  .elementor-element-7e968f2 .elementor-button::after{  top: 33px !important; }
}

/* === 隱藏 LINE 真人客服送洗諮詢 Heading === */
.elementor-element-ee8ae78 {
  display: none !important;
}

/* === Fix: 滑過卡片時字會消失（被主題 hover 樣式覆蓋） === */
.elementor-element-7e968f2 .elementor-button:hover,
.elementor-element-7e968f2 .elementor-button:focus,
.elementor-element-7e968f2 .elementor-button:active{
  background:#fff !important;
  border-color: rgba(0,0,0,.08) !important;
  color: var(--mbz-text) !important;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

.elementor-element-7e968f2 .elementor-button:hover .elementor-button-text,
.elementor-element-7e968f2 .elementor-button:focus .elementor-button-text,
.elementor-element-7e968f2 .elementor-button:active .elementor-button-text{
  color: var(--mbz-text) !important;
}

.elementor-element-7e968f2 .elementor-button:hover .elementor-button-text{
  -webkit-text-fill-color: initial !important;
  background: none !important;
}

.elementor-element-7e968f2 .elementor-button:hover::before{
  filter: none !important;
  opacity: 1 !important;
  transform: translateX(-50%) scale(1.06);
}
.elementor-element-7e968f2 .elementor-button:hover{
  transform: translateY(-3px);
}

/* =====================================================
   讓 myCRED 使用者卡片（電話 + 頭像）套用紅橘漸層樣式
   ===================================================== */

.elementor-element-0ae550b .mycred-best-user {
  display: flex;
  align-items: center;
  padding: 20px 16px;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  box-shadow: var(--mbz-shadow);
  color: #fff;
  margin-bottom: 12px;
}

.elementor-element-0ae550b .mycred-best-user img.avatar {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: 3px solid rgba(255,255,255,0.9);
  box-shadow: 0 6px 14px rgba(0,0,0,0.15);
  margin-right: 14px;
}

.elementor-element-0ae550b .mycred-best-user p {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
}

.elementor-element-0ae550b {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}


/* ===============================
   Woo My Account：隱藏側邊欄 + 滿版內容
   =============================== */

.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation{
  display: none !important;
}

.e-my-account-tabs-vertical .woocommerce{
  display: block !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content{
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

/* ===============================
   問候卡片
   =============================== */
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper{
  position: relative;
  padding: 20px 16px;
  margin: 0 0 16px 0;
  border-radius: 0 0 24px 24px;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  box-shadow: var(--mbz-shadow);
  color: #fff;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper p{
  margin: 0 0 8px 0;
  color: #fff;
  line-height: 1.45;
  font-weight: 600;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper a{
  color: #fff !important;
  text-decoration: underline;
  text-underline-offset: 2px;
  opacity: .95;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper a:hover{
  opacity: 1;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper::before{
  content: "";
  position: absolute;
  top: 18px; left: 16px;
  width: 70px; height: 70px;
  border-radius: 50%;
  background: radial-gradient(ellipse at 35% 35%, rgba(255,255,255,.9) 0 40%, rgba(255,255,255,.6) 41% 70%, transparent 71%),
              rgba(255,255,255,.25);
  border: 3px solid rgba(255,255,255,.9);
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper > p{
  padding-left: 100px;
}

@media (max-width: 480px){
  .e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper::before{
    top: 16px; left: 12px; width: 60px; height: 60px;
  }
  .e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper > p{
    padding-left: 88px;
  }
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-notices-wrapper{
  margin-bottom: 10px;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content,
.e-my-account-tabs-vertical .woocommerce{
  background: transparent !important;
  border: 0 !important;
}


/* =========================================
   字體修正
   ========================================= */
:root{
  --mbz-font: "Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",
              "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

html, body, .site, .ast-container, #primary, #main{
  font-family: var(--mbz-font) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  letter-spacing: .2px;
}

.elementor-element-7e968f2 .elementor-button .elementor-button-text{
  font-family: var(--mbz-font) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper{
  font-family: var(--mbz-font) !important;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper p{
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: .2px;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper strong{
  font-weight: 700;
}
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper a{
  color:#fff !important;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper,
.e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper *{
  text-shadow: none !important;
  font-style: normal !important;
}

@media (min-width: 1024px){
  .e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper p{
    font-size: 15px;
  }
}
@media (max-width: 480px){
  .e-my-account-tabs-vertical .woocommerce-MyAccount-content .woocommerce-MyAccount-content-wrapper p{
    font-size: 14px;
  }
}

/* =========================================
   強化對比
   ========================================= */

.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper p {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.25);
}

.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper strong,
.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper a {
  color: #fff !important;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 2px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper a:hover {
  color: #fffae5 !important;
  text-shadow: 0 2px 6px rgba(0,0,0,0.35);
}

.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper em,
.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper small {
  color: rgba(255,255,255,0.85) !important;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.elementor-element-7e968f2 .elementor-button .elementor-button-text {
  color: #111 !important;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}

.elementor-element-7e968f2 .elementor-button::before {
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) {
  display: none !important;
}


/* ===============================
   返回首頁按鈕
   =============================== */

#home.elementor-button {
  position: relative;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: var(--mbz-card);
  border-radius: 20px;
  border: 1px solid var(--mbz-border);
  padding-top: 76px !important;
  padding-bottom: 12px !important;
  width: 100%;
  height: 100% !important;
  box-shadow: 0 3px 6px rgba(0,0,0,.06);
  transition: all 0.25s ease;
}

#home.elementor-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
}

#home.elementor-button::before {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  transform: translateX(-50%);
  box-shadow: 0 4px 10px rgba(0,0,0,.25);
  pointer-events: none;
}

#home.elementor-button::after {
  content: "\f015";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  color: #fff;
  pointer-events: none;
}

#home .elementor-button-text {
  margin-top: 6px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--mbz-text);
  line-height: 1.35;
  font-family: var(--mbz-font) !important;
}


/* ===============================
   點數區塊
   =============================== */

.elementor-element-1d3c0e4 {
  width: 100%;
  padding: 8px 16px 0;
  box-sizing: border-box;
}

.elementor-element-f92db33 .elementor-widget-container {
  text-align: center;
  margin: 0 auto;
}
.elementor-element-f92db33 h2.elementor-heading-title {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.3;
}

.elementor-element-69f1533 .elementor-widget-container {
  display: flex;
  justify-content: center;
  margin: 0;
}

.elementor-element-69f1533 .elementor-shortcode {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  padding: 4px 12px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
}

@media (max-width: 480px){
  .elementor-element-f92db33 h2.elementor-heading-title {
    font-size: 17px;
  }
  .elementor-element-69f1533 .elementor-shortcode {
    font-size: 20px;
  }
}

.elementor-element-1d3c0e4.e-con {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 8px 16px 0;
  box-sizing: border-box;
}

.elementor-element-1d3c0e4 > .elementor-element {
  width: auto !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.elementor-element-f92db33 h2.elementor-heading-title {
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

.elementor-element-69f1533 {
  width: auto !important;
}
.elementor-element-69f1533 .elementor-widget-container {
  margin: 0;
}


/* ===============================
   近期訂單頁（桌機）
   =============================== */

.elementor-10511 h2 {
  margin: 16px 0 18px;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.1em;
  color: #222;
}

.elementor-10511 .shop_table.shop_table_responsive.my_account_orders {
  width: 100%;
  margin: 0 auto 32px;
  border-radius: 18px;
  border: 0;
  background: var(--mbz-card);
  box-shadow: var(--mbz-shadow);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.elementor-10511 .shop_table.my_account_orders thead th {
  padding: 14px 16px;
  background: #ffe9e1;
  border-bottom: 1px solid var(--mbz-border);
  font-weight: 700;
  font-size: 14px;
  color: #333;
}

.elementor-10511 .shop_table.my_account_orders tbody td {
  padding: 14px 16px;
  border-top: 1px solid var(--mbz-border);
  font-size: 14px;
  color: #333;
}

.elementor-10511 .shop_table.my_account_orders .order-number a {
  font-weight: 700;
  color: #444;
}
.elementor-10511 .shop_table.my_account_orders .order-status {
  font-weight: 600;
}
.elementor-10511 .shop_table.my_account_orders .order-total .amount {
  color: #e11d48;
}

/* 讓按鈕所在欄位本身置中 */
.elementor-10511 .shop_table.my_account_orders td.order-actions {
  text-align: center;
}

/* 查看按鈕：大顆＋置中（桌機 & 手機共用） */
.elementor-10511 .shop_table.my_account_orders .button.view {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px !important;     /* 大尺寸 */
  border-radius: 999px;
  border: 0;
  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2));
  color: #fff;
  font-size: 16px !important;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 8px rgba(0,0,0,.15);
  float: none !important;            /* 清掉 Woo 原本 float:right */
  margin: 0 auto !important;         /* 在儲存格置中 */
}

.elementor-10511 .shop_table.my_account_orders .button.view:hover {
  transform: translateY(-1px);
  box-shadow: 0 5px 12px rgba(0,0,0,.2);
}

/* 手機版表格一些基本間距 */
@media (max-width: 768px){
  .elementor-10511 .shop_table.shop_table_responsive.my_account_orders {
    margin: 0 8px 24px;
    font-size: 13px;
  }
  .elementor-10511 .shop_table.my_account_orders thead th,
  .elementor-10511 .shop_table.my_account_orders tbody td{
    padding: 10px 10px;
  }
}


/* =========================================
   近期訂單 RWD：表格 → 卡片
   ========================================= */

@media (max-width: 768px) {

  .elementor-10511 .shop_table.shop_table_responsive.my_account_orders {
    margin: 0 10px 24px;
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-spacing: 0;
    display: block;
  }

  .elementor-10511 .shop_table.my_account_orders thead {
    display: none;
  }

  .elementor-10511 .shop_table.my_account_orders tbody {
    display: block;
  }

  .elementor-10511 .shop_table.my_account_orders tbody tr {
    display: block;
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 16px;
    background: var(--mbz-card);
    box-shadow: var(--mbz-shadow);
    border: 1px solid var(--mbz-border);
  }

  .elementor-10511 .shop_table.my_account_orders tbody td {
    display: block;
    width: 100%;
    padding: 4px 0;
    border: 0;
    font-size: 13px;
    text-align: left;
  }

  .elementor-10511 .shop_table.my_account_orders tbody td::before {
    font-weight: 600;
    color: var(--mbz-muted);
    text-transform: none;
  }

  .elementor-10511 .shop_table.my_account_orders .order-number,
  .elementor-10511 .shop_table.my_account_orders .order-number a {
    font-weight: 700;
    font-size: 14px;
  }

  .elementor-10511 .shop_table.my_account_orders .order-status {
    font-weight: 600;
  }

  .elementor-10511 .shop_table.my_account_orders .order-total .amount {
    font-size: 14px;
  }

  /* 手機：同一顆大按鈕，改成整張卡片下方置中 */
  .elementor-10511 .shop_table.my_account_orders td.order-actions {
    text-align: center;
  }

  .elementor-10511 .shop_table.my_account_orders .button.view {
    margin-top: 10px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    align-self: center;
  }
}

/* 超小螢幕再縮一點字（不動按鈕大小） */
@media (max-width: 400px) {
  .elementor-10511 h2 {
    font-size: 22px;
    margin: 14px 0 16px;
  }

  .elementor-10511 .shop_table.my_account_orders tbody tr {
    padding: 8px 10px;
  }

  .elementor-10511 .shop_table.my_account_orders tbody td {
    font-size: 12px;
  }
}

/* =========================================
   近期訂單手機版：卡片左右留白置中
   ========================================= */
@media (max-width: 768px){
  .elementor-10511 .shop_table.shop_table_responsive.my_account_orders{
    margin: 0 0 24px;
  }
  .elementor-10511 .shop_table.my_account_orders tbody tr{
    margin: 0 12px 14px;
  }
}


/* =====================================================
   近期訂單 - 空狀態
   ===================================================== */

.elementor-10511 .elementor-element-1d14f4e .elementor-shortcode > p {
  background: var(--mbz-card);
  border-radius: 24px;
  box-shadow: var(--mbz-shadow);
  margin: 20px auto;
  padding: 40px 24px;
  max-width: 100%;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px){
  .elementor-10511 .elementor-element-1d14f4e .elementor-shortcode > p {
    margin: 16px 12px;
    padding: 34px 20px;
    font-size: 18px;
  }
}

@media (max-width: 480px){
  .elementor-10511 .elementor-element-1d14f4e .elementor-shortcode > p {
    margin: 14px 10px;
    padding: 30px 16px;
    font-size: 16px;
  }
}


/* ===============================
   手機版近期訂單：查看按鈕靠右 + 排版修正
   =============================== */
@media (max-width: 768px){

  /* 卡片本身保留原本 padding，就好看一點 */
  .elementor-10511 .shop_table.my_account_orders tbody tr {
    padding: 10px 12px 14px;
  }

  /* 動作欄：文字靠右 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-actions {
    text-align: right !important;
    margin-top: 8px;
  }

  /* 查看按鈕：維持大顆，改成貼右邊 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-actions .button.view {
    margin-top: 6px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    align-self: auto !important;   /* 取消之前的置中 */
    float: none !important;        /* 防 Woo 預設 float */
  }
}

/* ===============================
   手機版近期訂單：文字排版優化 + 按鈕靠右
   =============================== */
@media (max-width: 768px){

  /* 不要再顯示 Woo 預設的欄位標籤（Order / Date 等） */
  .elementor-10511 .shop_table.my_account_orders tbody td::before{
    display: none !important;
    content: "" !important;
  }

  /* 整張訂單卡片 padding 調整一下，看起來更舒服 */
  .elementor-10511 .shop_table.my_account_orders tbody tr{
    padding: 16px 18px 18px;
  }

  /* #8578 訂單編號 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-number{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
  }
  .elementor-10511 .shop_table.my_account_orders tbody td.order-number a{
    font-weight: 700;
    color: #111;
    text-decoration: none;
  }

  /* 日期：小一點、灰色 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-date{
    font-size: 13px;
    color: var(--mbz-muted);
    margin-bottom: 10px;
  }

  /* 狀態：粗體，跟其它文字拉開距離 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-status{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 6px;
  }

  /* 依 Woo 訂單狀態加一點顏色（有就套，沒有就維持原色） */
  .elementor-10511 .shop_table.my_account_orders tr.status-completed  td.order-status{ color:#16a34a; }  /* 已完成 */
  .elementor-10511 .shop_table.my_account_orders tr.status-processing td.order-status{ color:#f97316; }  /* 處理中/出貨中 */
  .elementor-10511 .shop_table.my_account_orders tr.status-cancelled  td.order-status{ color:#9ca3af; text-decoration: line-through; }

  /* 總計：金額紅色、括號裡的文字變小一點 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-total{
    font-size: 13px;
    margin-bottom: 10px;
  }
  .elementor-10511 .shop_table.my_account_orders tbody td.order-total .amount{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #e11d48;
    margin-right: 4px;
  }
  .elementor-10511 .shop_table.my_account_orders tbody td.order-total{
    /* 括號文字保持黑色、當說明 */
    color: #333;
  }

  /* 動作欄：放在卡片最後一行，靠右 */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-actions{
    margin-top: 4px;
    text-align: right !important;
  }

  /* 查看按鈕：大顆，貼右邊（沿用桌機的大尺寸） */
  .elementor-10511 .shop_table.my_account_orders tbody td.order-actions .button.view{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 30px !important;
    font-size: 16px !important;
    font-weight: 700;
    border-radius: 999px;
    float: none !important;
    margin: 0 !important;
  }
}

/* =====================================================
   只針對「返回」這顆按鈕（href = /app-home）套用 Shopee 風格
   ===================================================== */

/* 桌機 & 手機共用：外觀跟「查看」一樣 */
a.elementor-button.elementor-button-link[href="https://quick-service.com.tw/app-home"] {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;

  padding: 12px 30px !important;          /* 跟查看一樣大小 */
  border-radius: 999px !important;

  background: linear-gradient(135deg, var(--mbz-orange-1), var(--mbz-orange-2)) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-decoration: none !important;

  box-shadow: 0 3px 8px rgba(0,0,0,.15);
  transition: all 0.25s ease;
  border: none !important;
}

/* Hover 效果 */
a.elementor-button.elementor-button-link[href="https://quick-service.com.tw/app-home"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 12px rgba(0,0,0,.2);
  color: #fff !important;
}

/* 文字樣式 */
a.elementor-button.elementor-button-link[href="https://quick-service.com.tw/app-home"] .elementor-button-text {
  color: #fff !important;
  font-weight: 700 !important;
  letter-spacing: .3px;
}

/* 手機版略微縮小一點（可選） */
@media (max-width: 768px){
  a.elementor-button.elementor-button-link[href="https://quick-service.com.tw/app-home"] {
    padding: 12px 28px !important;
    font-size: 15px !important;
  }
}/* End custom CSS */