/* ===== Woo Account - Dark Minimal ===== */
:root{
  --bg:#fff;
  --panel:#131313;
  --panel-2:#161616;
  --text:#000;
  --muted:#b7b7b7;
  --line:#242424;
  --accent:#EDE9E1;    /* 淺米白，低飽和 */
  --accent-2:#9FC4B1;  /* 低彩綠(可改成你的品牌色) */
}

body, .site-main{
  background:#fff;
  color:#000;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

/* 容器排版（桌機：左側導覽 + 右側內容） */
.site-main{
  max-width:1200px;
  margin:10vw auto 96px;
  padding:0 24px;
  display:flex;
  grid-template-columns: 260px 1fr;
  gap:32px;
}


.woocommerce-message::before {
    content: "\e015";
    color: #8fae1b;
    display: none;
}

.woocommerce-info a{
        color: white;
}

.woocommerce-info::before {
    color: #1e85be;
     display: none;
}

/* 導覽 NAV */
.woocommerce-MyAccount-navigation{
  position:sticky; top:24px;
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  flex: 1;
}
.woocommerce-MyAccount-navigation ul{
  list-style:none;
}
.woocommerce-MyAccount-navigation li{
  margin:2px 0;
}
.woocommerce-MyAccount-navigation a{
  display:flex; align-items:center; gap:10px;
  padding:12px 14px;
  color:var(--text);
  text-decoration:none;
  border-radius:10px;
  letter-spacing:.04em;
  transition:background .2s ease, color .2s ease, transform .18s ease;
}
.woocommerce-MyAccount-navigation a:hover{
  background:var(--panel-2);
  transform:translateX(2px);
}
.woocommerce-MyAccount-navigation .is-active > a,
.woocommerce-MyAccount-navigation-link.is-active > a{
  background:linear-gradient(180deg, var(--panel-2), var(--panel));
  outline:1px solid var(--line);
  position:relative;
}
.woocommerce-MyAccount-navigation .is-active > a::after{
  content:""; position:absolute; right:10px; width:6px; height:6px;
  border-radius:50%; background:var(--accent-2);
}

/* 內容區 Content/Card */
.woocommerce-MyAccount-content{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:28px;
  line-height:1.7;
}
.woocommerce-MyAccount-content p{
  color:var(--muted);
}
.woocommerce-MyAccount-content a{
  color:var(--accent-2);
  text-decoration:none;
  border-bottom:1px dashed color-mix(in srgb, var(--accent-2) 50%, transparent);
}
.woocommerce-MyAccount-content a:hover{
  filter:brightness(1.15);
  border-bottom-style:solid;
}

/* Woo Notices */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{
  margin-bottom:18px;
}
.woocommerce-message,
.woocommerce-info{
  background:var(--panel-2);
  color:var(--text);
  border:1px solid var(--line);
  border-radius:12px;
  padding:14px 16px;
}
.woocommerce-error{
  background:#2a1515;
  color:#ffd7d7;
  border:1px solid #4a2a2a;
  border-radius:12px;
  padding:14px 16px;
}

/* 表單（帳號/地址/登入等） */
.woocommerce form .form-row label{
  color:var(--muted);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  width:100%;
  background:transparent;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 14px;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.woocommerce form .form-row input:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--accent-2) 60%, var(--line));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-2) 18%, transparent);
}

/* Buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .woocommerce-button{
  appearance:none;
  background:var(--accent);
  color:#111;
  border:1px solid var(--accent);
  border-radius:999px;
  padding:12px 18px;
  font-weight:600;
  letter-spacing:.05em;
  cursor:pointer;
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce .woocommerce-button:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:0 6px 18px rgba(237,233,225,.12);
}

/* 表格（訂單列表等） */
.woocommerce table.shop_table{
  background:transparent;
  border:1px solid var(--line);
  border-radius:14px;
}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    background: #000000;
    font-size: 2vw;
    margin: 2vw;
    border-radius: 10px;
    padding: 2vw;
    font-weight: bold;
}


.woocommerce table.shop_table th{    color: #3e3e3e;
    background: #ffffff;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 12px;
}
.woocommerce table.shop_table td{
  border-top:1px solid var(--line);
  color:#575656;
}
.woocommerce table.shop_table tfoot th{
  background:#ffffff;
}

/* 分頁、提示文字、細節 */
.woocommerce-pagination .page-numbers a,
.woocommerce-pagination .page-numbers span{
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--text);
  border-radius:10px;
}
.woocommerce-pagination .page-numbers .current{
  background:var(--accent);
  color:#111;
  border-color:var(--accent);
}

/* 小尺寸（把側欄變上方膠囊導覽） */
@media (max-width: 900px){
  .site-main{ grid-template-columns:1fr; gap:20px; }
  .woocommerce-MyAccount-navigation{
    padding:10px; border-radius:14px; overflow:auto;
  }
  .woocommerce-MyAccount-navigation ul{
    display:flex; gap:8px; white-space:nowrap;
  }
  .woocommerce-MyAccount-navigation li{ margin:0; }
  .woocommerce-MyAccount-navigation a{
    border:1px solid var(--line);
    background:var(--panel);
    border-radius:999px;
    padding:10px 14px;
  }
  .woocommerce-MyAccount-navigation .is-active > a::after{ display:none; }
}


/* ===== Woo Edit Account - Dark Minimal ===== */
:root{
  --bg:#0f0f0f;
  --panel:#131313;
  --panel-2:#161616;
  --text:#f5f5f5;
  --muted:#b7b7b7;
  --line:#242424;
  --accent:#EDE9E1;    /* 淺米白，可換成品牌主色 */
  --accent-2:#9FC4B1;  /* 輔色，連結/強調 */
  --danger:#ff6b6b;
  --ok:#a0e3b2;
}

.woocommerce-MyAccount-content{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:28px;
  color:var(--text);
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
}

/* 表單欄位排列：桌機雙欄、手機單欄 */
.woocommerce-EditAccountForm.edit-account{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:22px 22px;
}
.woocommerce-EditAccountForm .form-row-first,
.woocommerce-EditAccountForm .form-row-last { margin:0; }
.woocommerce-EditAccountForm .form-row-wide{
  grid-column:1 / -1;
  margin:0;
}
.woocommerce-EditAccountForm .clear{ display:none; }

/* 標籤 / 必填星號 */
.woocommerce-EditAccountForm label{
  display:block;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 8px;
}
.woocommerce-EditAccountForm .required{
  color:var(--accent-2);
}

/* 輸入框 */
.woocommerce-EditAccountForm input.input-text,
.woocommerce-EditAccountForm textarea,
.woocommerce-EditAccountForm select{
  width:100%;
  background:transparent;
  color:var(--text);
  border:1px solid var(--line);
  border-radius:12px;
  padding:12px 14px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.woocommerce-EditAccountForm input.input-text::placeholder{ color:#808080; }
.woocommerce-EditAccountForm input:focus,
.woocommerce-EditAccountForm textarea:focus,
.woocommerce-EditAccountForm select:focus{
  outline:none;
  border-color:color-mix(in srgb, var(--accent-2) 60%, var(--line));
  box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-2) 18%, transparent);
  background:var(--panel-2);
}

/* 顯示名稱說明文 */
#account_display_name_description{
  display:block;
  margin-top:8px;
  color:var(--muted);
  font-style:normal;
  font-size:12px;
  opacity:.9;
}

/* 密碼區塊（fieldset/legend） */
.woocommerce-EditAccountForm fieldset{
  grid-column:1 / -1;
  margin-top:8px;
  padding:18px;
  border:1px dashed var(--line);
  border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
}
.woocommerce-EditAccountForm fieldset legend{
  padding:0 8px;
  margin-left:6px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#dcdcdc;
}

/* 密碼輸入 + 眼睛按鈕容器 */
.gene-passwrap{
  position:relative;
}
.gene-passwrap .gene-toggle{
  position:absolute; right:10px; top:50%; transform:translateY(-50%);
  background:none; border:1px solid var(--line); color:var(--muted);
  border-radius:10px; padding:6px 10px; cursor:pointer; font-size:12px;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.gene-passwrap .gene-toggle:hover{
  background:var(--panel-2); color:var(--text); border-color:#2f2f2f;
}

/* 提交按鈕 */
.woocommerce-EditAccountForm .woocommerce-Button.button,
.woocommerce-EditAccountForm button.button,
.woocommerce-EditAccountForm input.button{
  appearance:none;
  background:var(--accent);
  color:#111;
  border:1px solid var(--accent);
  border-radius:999px;
  padding:12px 20px;
  font-weight:600;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.woocommerce-EditAccountForm .woocommerce-Button.button:hover{
  transform:translateY(-1px);
  filter:brightness(1.02);
  box-shadow:0 6px 18px rgba(237,233,225,.12);
}
.woocommerce-EditAccountForm p:last-child{
  grid-column:1 / -1;
  margin-top:6px;
}

/* 狀態訊息 */
.woocommerce-notices-wrapper,
.woocommerce-message,
.woocommerce-error,
.woocommerce-info{ margin-bottom:16px; }
.woocommerce-message,
.woocommerce-info{
  background:var(--panel-2); color:var(--text);
  border:1px solid var(--line); border-radius:12px; padding:12px 14px;
}
.woocommerce-error{
  background:#2a1515; color:#ffd7d7;
  border:1px solid #4a2a2a; border-radius:12px; padding:12px 14px;
}

/* 手機排版 */
@media (max-width: 840px){
  .woocommerce-EditAccountForm.edit-account{
    grid-template-columns:1fr;
    gap:18px;
  }
  .woocommerce-EditAccountForm fieldset{ padding:16px; }
}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    background: #000000;
    font-size: 7vw;
    margin: 8vw 0;
    border-radius: 10px;
    padding: 10vw;
    font-weight: bold;
}


.gene0917footer {
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, sans-serif;
    padding: 8vh 0 4vh 0;
}



.gene0917-nav-link, .gene0917-social-link, .gene0917-legal-link {
    color: #000000;}