/* =========================================================
   MYRO Account — Guide と同じトークンで統一
   ========================================================= */

/* Guide と同じ sticky トップ量（必要なら variables.css 側で上書き可） */
:root { --guide-sticky-top: 96px; }

/* ========== 大枠レイアウト（左 TOC｜右コンテンツ） ========== */
.myacc__grid{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:var(--space-10,40px);
  max-width:var(--container-max,1200px);
  margin:0 auto;
  padding:var(--space-12,48px) var(--container-gutter,16px) var(--space-16,64px);
  font-family:var(--font-sans-jp);
  color:var(--c-fg,#111827);
  font-size:var(--fs-14,14px);
  line-height:var(--lh-base,1.8);
}
@media (max-width:1024px){
  .myacc__grid{
    grid-template-columns:220px minmax(0,1fr);
    gap:var(--space-8,32px);
  }
}
@media (max-width:768px){
  .myacc__grid{
    grid-template-columns:1fr;
    gap:var(--space-6,24px);
    padding-bottom:var(--space-12,48px);
  }
}

/* ========== 左：TOC（Guide と同じ“文字リンク”） ========== */
.myacc__toc{ position:relative; }
@media (min-width:769px){
  .myacc__tocInner{
    position:sticky;
    top:var(--guide-sticky-top);
    align-self:start;
    margin-top:var(--space-4,16px);
  }
}
.myaccToc__hd{
  margin:0 0 var(--space-2,8px);
  font-size:var(--fs-md,16px);
  font-weight:var(--fw-semibold,600);
  letter-spacing:.02em;
}
.myaccToc{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--space-2,8px);
}
.myaccToc__item{ margin:0; }

/* ピル風を完全リセット */
.woocommerce-account .myacc__toc a{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* 文字リンク：通常は淡色、hoverで下線、現在地は左ボーダー＋太字 */
.myaccToc__link{
  display:block;
  padding:0 0 0 10px;
  font-size:14px;
  line-height:1.6;
  color:var(--c-fg-muted,#6b7280);
  text-decoration:none;
  border-left:3px solid transparent;
}
.myaccToc__link:hover{
  color:var(--c-fg,#111827);
  text-decoration:underline;
}
.myaccToc__link.is-active,
.myaccToc__link[aria-current="true"]{
  color:var(--c-fg,#111827);
  font-weight:700;
  border-left-color:var(--c-primary,#1f4063);
  text-decoration:none;
}

/* ========== 右：上部ヒーロー（Guide と揃える） ========== */
.myaccHero{
  border-bottom:1px solid var(--c-border,#e5e7eb);
  padding-bottom:var(--space-10,40px);
  margin-bottom:var(--space-12,48px);
}
.myaccHero__title{
  margin:0 0 var(--space-2,8px);
  display:flex;
  flex-direction:column;
  gap:var(--space-1,4px);
  line-height:1.08;
}
.myaccHero__title .en{
  display:block;
  font-family:var(--font-latin,Inter);
  font-weight:var(--fw-thin);
  letter-spacing:.01em;
  font-size:clamp(3.5rem,4.5vw,6rem);
}
.myaccHero__title .ja{
  display:block;
  margin-top:4px;
  font-size:var(--fs-md,16px);
  color:var(--c-fg-muted,#6b7280);
  font-weight:var(--fw-regular,400);
}
.myaccHero__lead{
  margin:var(--space-12) 0 var(--space-4);
  color:var(--c-fg-muted,#6b7280);
}

/* ========== 右：本文 2カラム（左：選択中タイトル｜右：内容） ========== */
.myaccSec{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:var(--space-6,24px);
  padding:var(--space-6,24px) 0;
  border-top:0;
  scroll-margin-top:calc(var(--guide-sticky-top) + 12px);
}
.myaccSec + .myaccSec{ border-top:1px solid var(--c-border,#e5e7eb); }
.myaccSec__left{ min-width:0; }
.myaccSec__ttl{
  margin:0;
  font-size:var(--fs-base,16px);
  font-weight:var(--fw-semibold,600);
  color:var(--c-fg,#111827);
}

/* Woo 内の余白調整 */
.myaccSec__right > .woocommerce-MyAccount-content > *:first-child{ margin-top:0!important; }
.myaccSec__right hr:first-child{ display:none; }
.myaccSec__right .woocommerce-MyAccount-content h2:first-of-type{ display:none!important; }
.myaccSec__right .woocommerce-MyAccount-content > p:first-of-type{ margin-top:0!important; }

/* テーブル／フォームの密度（Guide 寄せ） */
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  margin:18px 0 10px;
  font-size:16px;
  font-weight:600;
}
.woocommerce-MyAccount-content form,
.woocommerce-MyAccount-content .woocommerce-orders-table,
.woocommerce-MyAccount-content .woocommerce-addresses{ margin-block:14px 18px; }
.woocommerce table.my_account_orders,
.woocommerce .woocommerce-orders-table{ border-radius:10px; overflow:hidden; }
.woocommerce table.my_account_orders th,
.woocommerce table.my_account_orders td,
.woocommerce .woocommerce-orders-table th,
.woocommerce .woocommerce-orders-table td{ padding:10px 12px; }

/* レスポンシブ */
@media (max-width:1024px){
  .myaccSec{ grid-template-columns:200px minmax(0,1fr); }
}
@media (max-width:768px){
  .myacc__tocInner{ position:static; order:-1; margin-top:0; }
  .myaccHero{ padding-bottom:var(--space-8,32px); margin-bottom:var(--space-10,40px); }
  .myaccSec{ grid-template-columns:1fr; gap:var(--space-2,8px); padding:var(--space-6,24px) 0; }
}

/* =========================================================
   AUTH (Login / Register)
   ========================================================= */

/* ナローな 1 カラム幅 */
.auth{
  padding:var(--space-12,48px) var(--container-gutter,16px) var(--space-16,64px);
  font-family:var(--font-sans-jp);
  color:var(--c-fg,#111827);
  font-size:var(--fs-14,14px);
  line-height:var(--lh-base,1.8);
}
.auth__container{
  max-width:clamp(560px,60vw,760px);
  margin:0 auto;
}

/* ヒーロー */
.authHero{
  border-bottom:1px solid var(--c-border,#e5e7eb);
  padding-bottom:var(--space-10,40px);
  margin-bottom:var(--space-12,48px);
}
.authHero__title{
  margin:0 0 var(--space-2,8px);
  display:flex;
  flex-direction:column;
  gap:var(--space-1,4px);
  line-height:1.08;
}
.authHero__title .en{
  display:block;
  font-family:var(--font-latin,Inter);
  font-weight:var(--fw-thin);
  letter-spacing:.01em;
  font-size:clamp(3.5rem,4.5vw,6rem);
}
.authHero__title .ja{
  display:block;
  margin-top:4px;
  font-size:var(--fs-md,16px);
  color:var(--c-fg-muted,#6b7280);
  font-weight:var(--fw-regular,400);
}
.authHero__lead{
  margin:var(--space-12,48px) 0 var(--space-4,16px);
  color:var(--c-fg-muted,#6b7280);
}

/* カード風の枠/影は無し。上下余白のみで区切る */
.authCard{ margin:var(--space-6,24px) 0; padding:0; }
.authCard__title{
  margin:0 0 var(--space-2,8px);
  font-size:var(--fs-base,16px);
  font-weight:var(--fw-semibold,600);
  color:var(--c-fg,#111827);
}

/* Woo フォーム密度 */
.woocommerce-form.login,
.woocommerce-form.register{ display:grid; gap:var(--space-4,16px); }

/* ラベル/入力 */
.woocommerce form .form-row label{
  font-weight:var(--fw-semibold,600);
  margin-bottom:6px;
}
.woocommerce form .input-text,
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="password"]{
  width:100%;
  border:1px solid var(--c-border,#e5e7eb);
  border-radius:10px;
  padding:10px 12px;
  font-size:var(--fs-14,14px);
  line-height:1.6;
  background:#fff;
}

/* アクション行（保存チェック + ボタン） */
.authCard__actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-3,12px);
  margin-top:2px;
}
.woocommerce-form-login__rememberme span{ vertical-align:middle; }

/* ボタン（黒の塗り／細丸） */
.button--primary,
.woocommerce .button.button--primary,
.woocommerce .button[name="login"],
.woocommerce .button[name="register"]{
  background:#111;
  color:#fff;
  border:none;
  border-radius:999px;
  padding:10px 18px;
  font-weight:700;
  cursor:pointer;
  font-size:var(--fs-14,14px);
  line-height:1.4;
}
.button--primary:hover,
.woocommerce .button[name="login"]:hover,
.woocommerce .button[name="register"]:hover{ opacity:.9; }

/* ゴーストボタン（トップへ戻る等） */
.button--ghost{
  display:inline-block;
  border:1px solid var(--c-border,#e5e7eb);
  border-radius:999px;
  padding:10px 16px;
  color:var(--c-fg,#111827);
  background:#fff;
  font-weight:600;
  font-size:var(--fs-14,14px);
}
.button--ghost:hover{ background:#f8f8f8; }

/* 付記テキスト */
.authCard__sub{
  margin-top:8px;
  font-size:var(--fs-14,14px);
  color:var(--c-fg-muted,#6b7280);
}
.authCard--links{ margin-top:var(--space-6,24px); }

/* リンク */
.auth a{ color:inherit; }
.auth a:hover{ text-decoration:underline; }

/* レスポンシブ微調整 */
@media (max-width:768px){
  .auth{ padding-bottom:var(--space-12,48px); }
  .authHero{ padding-bottom:var(--space-8,32px); margin-bottom:var(--space-10,40px); }
  .woocommerce-form.login,
  .woocommerce-form.register{ gap:var(--space-3,12px); }
}

/* 区切り線を登録ブロックの“上”に表示 */
.auth .authCard--register{
  border-top:1px solid var(--c-border,#e5e7eb);
  margin-top:var(--space-10,40px);
  padding-top:var(--space-12,24px);
}

/* ログインフォーム：2フィールド間の余白をタイトに */
.auth .authCard--login .woocommerce-form-login p.form-row.form-row-wide{ margin-block:6px!important; }
.auth .authCard--login .woocommerce-form-login p.form-row:last-of-type{
  margin-top:10px!important;
  margin-bottom:0!important;
}
.auth .authCard--login .woocommerce-form-login label{
  display:block;
  margin-bottom:6px!important;
}

/* 登録フォームのプライバシー文を薄いグレーボックスで表示 */
.woocommerce-account .auth .authCard--register .woocommerce-privacy-policy-text{
  background:var(--c-bg-muted,#f7f7f8);
  color:var(--c-fg-muted,#6b7280);
  padding:12px 14px;
  border-radius:8px;
  margin-top:10px;
  line-height:var(--lh-base,1.8);
}
.woocommerce-account .auth .authCard--register .woocommerce-privacy-policy-text a{
  color:var(--c-fg,#111827);
  text-decoration:underline;
}

/* =========================================================
   Reset Password（新しいパスワードを設定）だけ横幅を狭く（シンプル）
   ========================================================= */

/* Wooの lost_reset_password フォームをナロー幅＆中央寄せに */
.woocommerce-account form.lost_reset_password{
  max-width:clamp(540px,58vw,720px);
  margin:var(--space-10,40px) auto var(--space-14,56px);
  padding:0 var(--container-gutter,16px);
}

/* =========================
   ボタン：統一デザイン（Primary）
   ========================= */
:root{
  --btn-h:44px;
  --btn-radius:9999px;
  --btn-bg:var(--c-primary,#1f4063);
  --btn-bg-hover:var(--c-primary-600,#16314a);
  --btn-fg:#fff;
  --btn-shadow:0 4px 12px rgba(0,0,0,.08);
}

/* 失効パスワードフォームの送信だけをボタン化 */
.woocommerce .lost_reset_password [type="submit"],
.woocommerce .lost_reset_password button[type="submit"],
.woocommerce .lost_reset_password .button[type="submit"]{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:var(--btn-h);
  padding-inline:18px;
  border-radius:var(--btn-radius);
  border:1px solid transparent;
  background:var(--btn-bg);
  color:var(--btn-fg);
  font-weight:600;
  line-height:1;
  letter-spacing:.02em;
  box-shadow:var(--btn-shadow);
  cursor:pointer;
  transition:background .2s ease, box-shadow .2s ease, transform .02s ease;
  margin-top:12px;
}
.woocommerce .lost_reset_password [type="submit"]:hover,
.woocommerce .lost_reset_password button[type="submit"]:hover,
.woocommerce .lost_reset_password .button[type="submit"]:\hover{
  background:var(--btn-bg-hover);
}
.woocommerce .lost_reset_password [type="submit"]:active,
.woocommerce .lost_reset_password button[type="submit"]:active,
.woocommerce .lost_reset_password .button[type="submit"]:active{
  transform:translateY(1px);
}
.woocommerce .lost_reset_password [type="submit"]:focus-visible,
.woocommerce .lost_reset_password button[type="submit"]:focus-visible,
.woocommerce .lost_reset_password .button[type="submit"]:focus-visible{
  outline:3px solid rgba(31,64,99,.25);
  outline-offset:2px;
}
.woocommerce .lost_reset_password [type="submit"]:disabled{
  opacity:.6;
  cursor:not-allowed;
  box-shadow:none;
}

/* ===== Reset Password: 黒ボタン＆ノンボールドに上書き ===== */
:root{
  --btn-bg:var(--c-fg,#111827); /* 黒 */
  --btn-bg-hover:#000;          /* 濃い黒 */
  --btn-fg:#fff;
}
.woocommerce .lost_reset_password [type="submit"],
.woocommerce .lost_reset_password button[type="submit"],
.woocommerce .lost_reset_password .button[type="submit"]{
  background:var(--btn-bg);
  color:var(--btn-fg);
  border-color:var(--btn-bg);
  font-weight:400; /* 太字なし */
  box-shadow:none; /* 影なし */
}
.woocommerce .lost_reset_password [type="submit"]:hover,
.woocommerce .lost_reset_password button[type="submit"]:hover,
.woocommerce .lost_reset_password .button[type="submit"]:hover{
  background:var(--btn-bg-hover);
  border-color:var(--btn-bg-hover);
}

/* =========================================================
   My Account > お気に入り
   ========================================================= */

/* PCもモバイル同等のシンプル行カードでフル幅 */
.woocommerce-account .woocommerce-MyAccount-content .account-favs__list{
  list-style:none;
  padding:0;
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

/* 行カード */
.woocommerce-account .woocommerce-MyAccount-content .account-favs__item{
  width:100%;
  box-sizing:border-box;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid var(--c-border,#e5e7eb);
  border-radius:12px;
  background:#fff;
}

/* サムネ：SP 96 / PC 120 */
.woocommerce-account .woocommerce-MyAccount-content .account-favs__thumb img{
  width:96px; height:96px;
  object-fit:cover;
  border-radius:10px;
  display:block;
}
@media (min-width:768px){
  .woocommerce-account .woocommerce-MyAccount-content .account-favs__thumb img{
    width:120px; height:120px;
  }
}

/* テキスト */
.woocommerce-account .woocommerce-MyAccount-content .account-favs__meta{ flex:1; }
.woocommerce-account .woocommerce-MyAccount-content .account-favs__name{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  margin:2px 0 6px;
  color:var(--c-fg,#111827);
  text-decoration:none;
  font-weight:500;
}
.woocommerce-account .woocommerce-MyAccount-content .account-favs__price{
  margin:0 0 6px;
  font-weight:600;
  color:var(--c-fg,#111827);
}

/* 削除ボタン：黒ピル */
.woocommerce-account .woocommerce-MyAccount-content .account-favs__remove{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:32px;
  padding:0 12px;
  border-radius:9999px;
  background:#111;
  color:#fff;
  border:1px solid transparent;
  font-weight:400;
}
.woocommerce-account .woocommerce-MyAccount-content .account-favs__remove:hover{ background:#000; }

/* PCだけ .account-favs__list の上余白を0に */
@media (min-width:768px){
  .woocommerce-account .woocommerce-MyAccount-content .account-favs__list{ margin-top:0; }
}

/* =========================================================
   マイアカウント > 住所編集：ボタン & タブ
   ========================================================= */

.woocommerce-account form.edit-account-address .myro-solid-btn{
  display:inline-block;
  padding:10px 18px;
  background:#111;
  color:#fff;
  border:1px solid #111;
  border-radius:9999px;
  font-weight:400;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
  transition:opacity .2s ease;
}
.woocommerce-account form.edit-account-address .myro-solid-btn:hover{ opacity:.85; }

.account-address-tabs{
  display:flex;
  gap:8px;
  margin:0 0 12px;
}
.account-address-tabs .tab{
  display:inline-block;
  padding:8px 14px;
  border:1px solid #ddd;
  border-radius:9999px;
  background:#fff;
  color:#111;
  text-decoration:none;
}
.account-address-tabs .tab.is-active{
  background:#111;
  color:#fff;
  border-color:#111;
}

/* ===== My Account > 住所編集：請求先/お届け先 タブ（下線デザイン） ===== */
.account-address-tabs{
  position: relative;                 /* インクバー基準 */
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 24px;                          /* ラベル間の基本距離 */
  padding: 12px 16px;
  background: var(--c-bg, #fff);
  border-bottom: 1px solid var(--c-border, #e5e7eb);
}

/* pill風の以前の装飾をリセット */
.account-address-tabs .tab,
.account-address-tabs a{
  appearance: none;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ラベル（リンク） */
.account-address-tabs a{
  position: relative;
  display: inline-block;
  padding: 10px 4px;
  color: var(--c-fg-muted, #6b7280);
  text-decoration: none;
  font-weight: 400;                   /* 太字なし */
  line-height: 1;
}

/* 区切りの細い縦線 */
.account-address-tabs a + a{ margin-left: 24px; }
.account-address-tabs a + a::before{
  content:"";
  position: absolute;
  left: -12px;                        /* gapの半分 */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.1em;
  background: var(--c-border, #e5e7eb);
}

/* アクティブ色（現在地） */
.account-address-tabs a.is-active,
.account-address-tabs a[aria-current="page"],
.account-address-tabs a[aria-current="true"]{
  color: var(--c-fg, #111827);
  font-weight: 400;                   /* ←太字にしない */
}

/* 下線（アクティブのみ表示） */
.account-address-tabs a::after{
  content:"";
  position: absolute;
  left: 0; right: 0;
  bottom: -13px;                      /* 下罫線に重なる位置 */
  height: 2px;
  background: var(--c-brand-blue, #1f4063);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}
.account-address-tabs a.is-active::after,
.account-address-tabs a[aria-current="page"]::after,
.account-address-tabs a[aria-current="true"]::after{
  transform: scaleX(1);
}

/* 可変インクバー（スライド用・任意） */
.account-address-tabs__ink{
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 0;
  background: var(--c-brand-blue, #1f4063);
  transform: translateX(0);
  transition: transform .25s ease, width .25s ease;
  pointer-events: none;
}

/* モバイル微調整 */
@media (max-width: 768px){
  .account-address-tabs{ gap: 16px; padding: 8px 12px; }
  .account-address-tabs a{ padding: 8px 2px; }
  .account-address-tabs a + a{ margin-left: 16px; }
  .account-address-tabs a + a::before{ left: -8px; }
  .account-address-tabs a::after{ bottom: -10px; }
}

/* ===== My Account > 住所タブ（PDPの下線タブと同意匠） ===== */
.account-address-tabs{
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-6, 24px);
  padding: var(--space-2, 8px) var(--space-3, 12px);
  border-bottom: 1px solid var(--c-border, #e5e7eb);
  background: var(--c-bg, #fff);
  margin: 0 0 var(--space-3, 12px);
}
.account-address-tabs .tab{
  position: relative;
  appearance: none;
  background: none;
  border: 0;
  padding: calc(var(--space-3, 12px) - 2px) 4px; /* ≒10px */
  line-height: 1;
  font-size: var(--fs-base, 16px);
  font-weight: var(--fw-regular, 400); /* 太字にしない */
  color: var(--c-fg-muted, #6b7280);
  text-decoration: none;
  cursor: pointer;
}
/* タブ間の細い縦線 */
.account-address-tabs .tab + .tab{
  margin-left: var(--space-6, 24px);
}
.account-address-tabs .tab + .tab::before{
  content: "";
  position: absolute;
  left: calc(var(--space-6, 24px) * -0.5); /* -12px */
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 1.1em;
  background: var(--c-border, #e5e7eb);
}
/* アクティブ色 */
.account-address-tabs .tab.is-active,
.account-address-tabs .tab[aria-current="page"]{
  color: var(--c-fg, #111827);
}
/* 下線（アクティブ時のみ表示） */
.account-address-tabs .tab::after{
  content: "";
  position: absolute;
  left: 0; right: 0;
  bottom: -13px;
  height: 2px;
  background: var(--c-primary, #1f4063);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .2s ease;
}
.account-address-tabs .tab.is-active::after,
.account-address-tabs .tab[aria-current="page"]::after{
  transform: scaleX(1);
}

/* モバイル微調整 */
@media (max-width: 768px){
  .account-address-tabs{
    gap: var(--space-4, 16px);
    padding: var(--space-2, 8px) var(--space-3, 12px);
  }
  .account-address-tabs .tab{
    font-size: var(--fs-sm, 13px);
    padding: var(--space-2, 8px) 2px;
  }
  .account-address-tabs .tab + .tab::before{ left: -8px; }
}

/* =========================
   My Account: パスワード変更ボックス
   ========================= */
.woocommerce-EditAccountForm fieldset{
  background: var(--c-surface-alt, #f5f6f7); /* 薄いグレー */
  border: 0 !important;                        /* 角丸（お好みで） */
  padding: 16px 16px 8px;
  margin-top: 16px;
}

/* 見出し（legend）の体裁調整 */
.woocommerce-EditAccountForm fieldset > legend{
  font-weight: 600;
  padding: 0 4px;
  margin-left: 4px;
  background: transparent; /* 背景はそのまま */
}

/* ボタンとの間隔を少し空ける */
.woocommerce-EditAccountForm .button{
  margin-top: 16px;
}

/* ===== My Account: クイックリンクの右矢印 ＞（CSSだけ） ===== */
.myacc-quicklinks ul{
  list-style: none;
  margin: 8px 0 0;
  padding: 0;
}
.myacc-quicklinks li + li{ margin-top: 8px; }

.myacc-quicklinks a{
  display: inline-flex;          /* テキストと矢印を横並び */
  align-items: center;
  gap: .45em;
  text-decoration: none;         /* グローバルの下線指定を打ち消し */
  -webkit-text-decoration: none; /* Safari 対策 */
}

.myacc-quicklinks a::after{
  content: "\203A";             /* ‘›’ (U+203A)。気になる場合は '>' に変更可 */
  display: inline-block;
  line-height: 1;
  font-size: 1.05em;
  opacity: .9;
  transform: translateY(1px);   /* ベースライン微調整 */
  transition: transform .12s ease;
}

.myacc-quicklinks a:hover::after{
  transform: translate(2px, 1px); /* ホバーで少し右へ */
}

/* =========================================================
   My Account > 注文詳細（/my-account/view-order/*）
   ========================================================= */

/* 全体ラッパー */
.woocommerce-account .woocommerce-MyAccount-content .myro-order-view{
  max-width: 720px;
  margin: 0 auto var(--space-12,48px);
  font-size: var(--fs-14,14px);
  line-height: var(--lh-base,1.8);
  color: var(--c-fg,#111827);
}

/* 注文概要テキスト */
.myro-order-view__overview{
  margin: 0 0 4px;
  font-weight: var(--fw-medium,500);
}

.myro-order-view__payment{
  margin: 0 0 var(--space-4,16px);
  font-size: var(--fs-13,13px);
  color: var(--c-fg-muted,#6b7280);
}

/* 60分以内キャンセル案内 */
.myro-order-view__cancel-note{
  margin: 0 0 var(--space-6,24px);
  padding: 10px 12px;
  border-radius: var(--radius-sm,8px);
  background: rgba(161,144,90,.06); /* accentの淡色 */
  font-size: var(--fs-13,13px);
}
.myro-order-view__cancel-note a{
  font-weight: var(--fw-semibold,600);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* ========== 商品明細（テーブル） ========== */

.myro-order-details{
  margin-block: var(--space-4,16px) var(--space-8,32px);
}
.myro-order-details__title{
  margin: 0 0 8px;
  font-size: var(--fs-base,16px);
  font-weight: var(--fw-semibold,600);
}

/* Woo標準 table をベースにカード風に */
.myro-order-details__table.shop_table.order_details{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid var(--c-border,#e5e7eb);
  border-radius: var(--radius-sm,8px);
  overflow: hidden;
  background: #fff;
  box-shadow: var(--shadow-xs,0 4px 12px rgba(15,23,42,.04));
}

.myro-order-details__table thead{
  background: #f9fafb;
}

.myro-order-details__table th,
.myro-order-details__table td{
  padding: 10px 12px;
  vertical-align: top;
}

.myro-order-details__table th{
  font-size: var(--fs-13,13px);
  font-weight: var(--fw-semibold,600);
  color: var(--c-fg-muted,#6b7280);
}

.myro-order-details__item + .myro-order-details__item td{
  border-top: 1px solid var(--c-border,#e5e7eb);
}

/* 左：商品 / 右：合計 */
.myro-order-details__product{
  width: 70%;
}
.myro-order-details__total{
  width: 30%;
  text-align: right;
  white-space: nowrap;
}

/* 商品名・バリエーション・数量 */
.myro-order-details__product-main a{
  color: inherit;
  text-decoration: none;
}
.myro-order-details__product-main a:hover{
  text-decoration: underline;
}
.myro-order-details__meta{
  margin-top: 2px;
  font-size: var(--fs-12,12px);
  color: var(--c-fg-muted,#6b7280);
}
.myro-order-details__qty{
  margin-top: 2px;
  font-size: var(--fs-12,12px);
  color: var(--c-fg-muted,#6b7280);
}

/* 小計〜合計サマリー */
.myro-order-details__summary th,
.myro-order-details__summary td{
  border-top: 1px solid var(--c-border,#e5e7eb);
  font-size: var(--fs-13,13px);
}
.myro-order-details__summary.summary-row--order_total th,
.myro-order-details__summary.summary-row--order_total td{
  font-weight: var(--fw-semibold,600);
}

/* ========== お客様情報（住所・連絡先） ========== */

.myro-order-customer-details{
  margin-block: var(--space-10,40px) 0;
}
.myro-order-customer-details__title{
  margin: 0 0 8px;
  font-size: var(--fs-base,16px);
  font-weight: var(--fw-semibold,600);
}

/* 2カラム：左=配送先 / 右=請求先+連絡先 */
.myro-order-customer-details__grid{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-4,16px);
}

.myro-order-customer-details__block{
  padding: 12px 14px;
  border-radius: var(--radius-sm,8px);
  border: 1px solid var(--c-border,#e5e7eb);
  background: #fff;
}

.myro-order-customer-details__heading{
  margin: 0 0 6px;
  font-size: var(--fs-14,14px);
  font-weight: var(--fw-semibold,600);
}

.myro-order-customer-details__address{
  margin: 0;
  font-style: normal;
  font-size: var(--fs-13,13px);
  line-height: var(--lh-base,1.8);
}

.myro-order-customer-details__contact{
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
  font-size: var(--fs-13,13px);
}
.myro-order-customer-details__contact-item + .myro-order-customer-details__contact-item{
  margin-top: 4px;
}
.myro-order-customer-details__contact .label{
  display: inline-block;
  min-width: 5em;
  color: var(--c-fg-muted,#6b7280);
}

/* ========== レスポンシブ対応 ========== */

@media (max-width: 768px){
  .woocommerce-account .woocommerce-MyAccount-content .myro-order-view{
    max-width: 100%;
    margin-inline: 0;
  }
  .myro-order-details__table.shop_table.order_details th,
  .myro-order-details__table.shop_table.order_details td{
    padding: 10px;
  }
  .myro-order-customer-details__grid{
    grid-template-columns: 1fr;
  }
}

/* =========================================================
   My Account > 注文詳細：キャンセルエリア
   ========================================================= */

.myro-order-view__cancel-box{
  margin: 0 0 var(--space-6,24px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}

.myro-order-view__cancel-note{
  /* ここはすでに定義済みなら不要（重複しても問題はない） */
}

.myro-order-view__cancel-btn{
  text-decoration: none;
}