.elementor-10070 .elementor-element.elementor-element-87a0f69{--display:flex;}.elementor-10070 .elementor-element.elementor-element-1d3c0e4{--display:flex;}.elementor-10070 .elementor-element.elementor-element-7e968f2{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-10070 .elementor-element.elementor-element-b3a0981.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-10070 .elementor-element.elementor-element-a9c2a3a{--display:flex;}@media(max-width:1024px){.elementor-10070 .elementor-element.elementor-element-7e968f2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-10070 .elementor-element.elementor-element-1d3c0e4{--width:100%;}}@media(max-width:767px){.elementor-10070 .elementor-element.elementor-element-7e968f2{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-87a0f69 *//* =====================================================
   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 */
/* ✅ 會員卡（穩定命中這顆）：用 address-card */
.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 與標題擠在一起（提高上方內距＋調整行高/間距） === */

/* 1) 卡片給更高的上方內距，確保 icon 區塊有足夠空間 */
.elementor-element-7e968f2 .elementor-button{
  padding-top: 76px !important;   /* 原本 58px → 76px */
  min-height: 122px;               /* 保底高度，避免太扁 */
}

/* 2) icon 圓底與圖示微調位置與尺寸（別太靠下） */
.elementor-element-7e968f2 .elementor-button::before{
  top: 16px !important;
  width: 48px; height: 48px;       /* 比原本 46px 稍大一點點 */
}
.elementor-element-7e968f2 .elementor-button::after{
  top: 30px !important;            /* 圖示上移，讓圓底露出均衡 */
  font-size: 20px;                 /* 看起來更清楚 */
}

/* 3) 文字本身加上外距與行高，完全避開 icon 區域 */
.elementor-element-7e968f2 .elementor-button .elementor-button-text{
  display: block;
  margin-top: 6px;                 /* 與 icon 保持距離 */
  padding: 0 8px;                  /* 長文字不貼邊 */
  line-height: 1.35;               /* 中文行高稍微放鬆，避免擠 */
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 4) 若某些裝置仍顯擠，可在極小螢幕再加大內距 */
@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);
}

/* 文字顏色在 hover/focus 也強制為深色 */
.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;
}

/* 若主題對 a:hover 內的 span 有透明漸層字，先取消 */
.elementor-element-7e968f2 .elementor-button:hover .elementor-button-text{
  -webkit-text-fill-color: initial !important;
  background: none !important;
}

/* 防止其他主題樣式用 ::before/::after 蓋一層深色 */
.elementor-element-7e968f2 .elementor-button:hover::before{
  filter: none !important;     /* 不要變暗 */
  opacity: 1 !important;
}

/* 微互動：hover 時 icon 微放大、卡片上浮 */
.elementor-element-7e968f2 .elementor-button:hover::before{
  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 外層容器沒控制好) */
.elementor-element-0ae550b {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}


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

/* 1) 隱藏左側導覽 */
.e-my-account-tabs-vertical .woocommerce-MyAccount-navigation{
  display: none !important;
}

/* 2) 內容區改滿版、去掉可能的兩欄版型殘留 */
.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;
}

/* ===============================
   問候卡片（把 Woo 的歡迎文字改成紅橘漸層卡）
   =============================== */
.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;
}

/* 若主題在 MyAccount 內容周圍有額外邊距，統一清掉 */
.e-my-account-tabs-vertical .woocommerce-MyAccount-content,
.e-my-account-tabs-vertical .woocommerce{
  background: transparent !important;
  border: 0 !important;
}


/* =========================================
   字體修正：統一中文字型 + 抗鋸齒 + 行距
   ========================================= */

/* 1) 全站中文/系統字體堆疊（不依賴外部字體也可用） */
:root{
  --mbz-font: "Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",
              "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* 2) 全域應用 + 字型渲染優化 */
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;
}

/* 3) Shopee 卡片按鈕文字：避免被主題字重覆寫 */
.elementor-element-7e968f2 .elementor-button .elementor-button-text{
  font-family: var(--mbz-font) !important;
  font-weight: 600 !important;        /* 中粗，別到 700 過黑 */
  line-height: 1.35 !important;       /* 行距放鬆 */
}

/* 4) Woo 我的帳戶歡迎條：字體/行距/連結顏色一致 */
.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;                    /* 粗體用 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;
}

/* 5) 避免主題把字加陰影/斜體等怪樣式 */
.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;
}

/* 6) 桌機/手機微調大小（可依喜好調） */
@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);    /* 微陰影提高可讀性 */
}

/* 強調字 (strong、a、粗體) */
.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);
}

/* 連結 hover 更亮、更清晰 */
.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);
}

/* Icon 區域亮度增強 */
.elementor-element-7e968f2 .elementor-button::before {
  box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

/* === 隱藏 Woo 我的帳戶內「帳號控制台說明文字」那一行 === */
.e-my-account-tabs-vertical 
.woocommerce-MyAccount-content 
.woocommerce-MyAccount-content-wrapper > p:nth-of-type(2) {
  display: none !important;
}


/* ===============================
   返回首頁按鈕（ID: #home）
   套用 Shopee 卡片 + Icon 圖示
   =============================== */

#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;
}

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

/* Icon 圓底 */
#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;
}

/* Icon 圖示（Home） */
#home.elementor-button::after {
  content: "\f015"; /* Font Awesome Home icon */
  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;
}

/* ===============================
   點數區塊對齊 + 手機優化
   =============================== */

/* 外層容器：跟按鈕 grid 一樣左右 16px */
.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;
}

/* 點數數字置中，做成一顆小 Tag */
.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;
  }
}
/* ===============================
   您的點數：標題 + 點數 pill 同一行
   =============================== */

/* 外層容器改成橫向 flex 排列 */
.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;
}

/* 讓裡面的兩個 widget 不要撐滿整行 */
.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;
}

/* 點數 widget 外層也收窄 */
.elementor-element-69f1533 {
  width: auto !important;
}
.elementor-element-69f1533 .elementor-widget-container {
  margin: 0;
}


/* ===============================
   未登入：橘色問候卡片 + 請登入按鈕
   =============================== */

/* 卡片本體：跟登入時一樣的紅橘漸層 */
.woocommerce-MyAccount-content-wrapper.mbz-guest-greeting {
  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;
}

/* 文字排版 */
.woocommerce-MyAccount-content-wrapper.mbz-guest-greeting p {
  margin: 0 0 8px 0;
  color: #fff;
  line-height: 1.45;
  font-weight: 600;
}

/* 「請登入」按鈕外觀（白色 pill） */
.mbz-guest-greeting .mbz-guest-login-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  border-radius: 999px;
  background: #fff;
  color: var(--mbz-orange-1);
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 3px 8px rgba(0,0,0,.18);
}

.mbz-guest-greeting .mbz-guest-login-btn:hover {
  opacity: .9;
}

/* 左邊虛擬頭像圈圈（跟登入版一樣效果） */
.woocommerce-MyAccount-content-wrapper.mbz-guest-greeting::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);
}

/* 讓文字不要被頭像壓到，往右縮 */
.woocommerce-MyAccount-content-wrapper.mbz-guest-greeting > p {
  padding-left: 100px;
}

/* 手機調整一下尺寸 */
@media (max-width: 480px) {
  .woocommerce-MyAccount-content-wrapper.mbz-guest-greeting::before {
    top: 16px;
    left: 12px;
    width: 60px;
    height: 60px;
  }
  .woocommerce-MyAccount-content-wrapper.mbz-guest-greeting > p {
    padding-left: 88px;
  }
}/* End custom CSS */