/* =====================================================================
   2026-10-19c 全站細節修正（前台、賣家中心共用；後台另有 admin/css/admin-20261019c.css）
   使用者：「按鈕都變形…小地方可以適當的圓弧形…整個網站類似的小細節有很多處理不好，尤其是賣家中心跟後台」
   原則：大按鈕、卡片、輸入框維持直角；小按鈕、標籤、狀態徽章用 6px 圓角；按鈕文字一律垂直置中、不斷行
   放在 fix-20261012b.css 之後載入
   ===================================================================== */

/* ---------- 1. 小地方的圓角（R15 放寬：只限小按鈕、標籤、狀態） ---------- */
.mj-copy, .ic-copy, .ic-code,
.order-status, .status-badge, .kyc-tag, .fee-badge, .badge, .sf-tag, .rq-badge, .pc-badge, .tag, .store-tag,
.fulfillment-tag, .mj-paused-tag, .cg-tag, .svc-type-badge, .product-badge, .product-category-badge, .step-badge,
.sl-chip, .co-chip, .chip, .pill-btn, .sl-pills span,
.btn-action, .btn-sm, .action-icon, .page-btn, .page-num, .filter-btn, .cal-nav-btn, .cal-quick-btn,
.sp-head-btns > a, .sp-head-btns > button, .mj-cat-filter,
button.more, .ic-tabs, .sl-seg, .sl-seg button{
  border-radius:6px !important;
}
.ic-tabs button:first-child{ border-radius:5px 0 0 5px !important; }
.ic-tabs button:last-child{ border-radius:0 5px 5px 0 !important; }
.ic-tabs button:not(:first-child):not(:last-child){ border-radius:0 !important; }

/* ---------- 2. 按鈕文字垂直置中、不斷行（小按鈕常見的「文字貼上緣」「兩個字掉到第二行」） ---------- */
.btn-action, .btn-sm, .sp-head-btns > a, .sp-head-btns > button, .seller-order-card .btn-ship,
.mj-copy, button.more, .page-btn, .filter-btn{
  display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; box-sizing:border-box; line-height:1.2;
}
.mj-copy{ height:30px; padding:0 12px !important; font-size:13px; }

/* ---------- 3. 頁尾（電腦版）：介紹文字那一欄加寬，一行放得下 ---------- */
@media (min-width:901px){
  .site-footer .footer-inner{ grid-template-columns:2.2fr repeat(5,1fr); }
  .site-footer .footer-brand p{ font-size:13.5px; line-height:1.7; }
}

/* ---------- 4. 賣家中心 ---------- */
/* 4a 標題列右邊的按鈕（批量上傳／新增商品…）：同高、同寬度感 */
.sp-head-btns{ gap:10px; }
.sp-head-btns > a, .sp-head-btns > button{ height:44px !important; min-height:0 !important; padding:0 20px !important; margin:0 !important; font-size:14.5px; font-weight:700; border-width:1px !important; }
@media (max-width:768px){
  .sp-head-btns{ display:grid !important; grid-template-columns:1fr 1fr; width:100%; }
  .sp-head-btns > a, .sp-head-btns > button{ width:100%; }
}
/* 4b 表格：每一格垂直置中（原本操作按鈕貼在上面） */
.dashboard-main table td{ vertical-align:middle; }
.dashboard-main table td .btn-action{ height:32px; padding:0 12px; margin:2px 4px 2px 0; }
/* 4c 手機版：外層白卡＋內層卡片雙重留白太寬 → 縮小 */
@media (max-width:768px){
  .dashboard-main{ padding:16px 14px !important; }
  .dashboard-main .sf-card{ padding:16px 0 4px !important; border:0 !important; border-top:1px solid #e4e4e1 !important; margin-bottom:8px !important; background:transparent; }
  .dashboard-main .sf-card:first-of-type{ border-top:0 !important; padding-top:4px !important; }
}
/* 4d 商品訂單卡片底部：合計一行、按鈕在下面 */
.seller-order-card .order-footer{ flex-wrap:wrap; gap:10px 12px; }
.seller-order-card .order-footer > span{ white-space:nowrap; }
.seller-order-card .order-footer > strong{ white-space:nowrap; margin-right:auto; }
.seller-order-card .btn-ship{ height:40px; padding:0 18px; font-weight:700; }
@media (max-width:768px){
  .seller-order-card{ padding:14px !important; }
  .seller-order-card .order-footer .btn-ship{ flex:1 1 100%; width:100%; }
  .seller-order-card .order-item-info, .seller-order-card .order-item-name{ min-width:0; }
}
/* 4e 運送方式等選項：選到和沒選到一樣高 */
.sl-pills span{ min-height:38px; box-sizing:border-box; border:1px solid #e4e4e1; }
.sl-pills input:checked + span{ border-color:#222428; }
/* 4f 「帶入實名認證資料」小按鈕 */
h2 > button.more{ height:30px; padding:0 12px; margin-left:10px; border:1px solid #cdcecb; background:#fff; color:#222428; font:inherit; font-size:13px; font-weight:600; cursor:pointer; vertical-align:middle; }
h2 > button.more:hover{ border-color:#222428; }
/* 4g 金額前後綴（NT$、天）文字置中 */
.sl-affix{ min-height:44px; }
.sl-affix span{ line-height:1; }
/* 4h 手機版左右滑動的選單：目前這頁那一格加底線（JS 會捲到看得到） */
@media (max-width:968px){
  .sidebar-nav{ scroll-padding:0 24px; }
}

/* ---------- 5. 前台 ---------- */
/* 5a 會員中心、訂單卡片上方：訂單號＋複製一行，狀態在下一行 */
.order-header .mj-copy{ flex:none; }
/* 5b 篩選按鈕群（訂單狀態等）同高 */
.filter-btn{ min-height:36px; }
/* 4i 商品訂單狀態篩選：按鈕同高、文字置中；手機 3 個一排排整齊（原本 4＋2） */
#soTabs button{ display:inline-flex !important; align-items:center; justify-content:center; gap:4px; min-height:38px; padding:0 14px !important; border-radius:6px !important; white-space:nowrap; }
@media (max-width:768px){ #soTabs{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)); } #soTabs button{ padding:0 6px !important; } }
/* 4j 商品管理表格的「編輯／刪除」：原本那一格被設成 flex → 不再是表格格子，按鈕貼在上面；電腦版改回表格格子、垂直置中 */
@media (min-width:761px){
  .products-table td.actions-cell{ display:table-cell; white-space:nowrap; }
}
/* 5c 轉帳資訊：手機版帳號字縮小、不加字距，一般 12～14 碼放得下一行；太長才換行（不會被複製按鈕蓋住） */
.mj-bank-row .mj-mono{ min-width:0; overflow-wrap:anywhere; }
@media (max-width:480px){
  .mj-bank-row{ column-gap:8px; }
  .mj-bank-row .mj-mono{ font-size:14px; letter-spacing:0; }
  .mj-bank-row .mj-copy{ padding:0 9px !important; font-size:12.5px; }
}
/* 4k 手機版：白色主區裡又包一層 .content-card（雙框、雙留白）→ 內層去框；行事曆和下面的設定區留間距 */
@media (max-width:768px){
  .dashboard-main .content-card{ border:0 !important; box-shadow:none !important; padding:0 !important; background:transparent !important; }
  .avail-split-layout{ gap:16px !important; }
  .avail-settings-col{ margin-top:12px; }
}
/* 4l 平台費用、分類、退換貨的頁面標題和其他頁一樣大小（原本特別大、下面空一大塊） */
.dashboard-main .page-header{ margin:0 0 14px !important; padding:0 0 10px !important; border-bottom:2px solid #eee; }
.dashboard-main .page-header h1{ font-size:20px !important; margin:0 !important; line-height:1.3; }
/* 10-19d 首頁鎖定提示 */
.catalog-empty-note.mj-locked-note{ grid-column:1 / -1; text-align:center; padding:48px 16px; background:#fff; border:1px solid #e4e4e1; }
.mj-locked-note strong{ display:block; font-size:18px; margin-bottom:6px; }
.mj-locked-note span{ color:#7a7d83; }
/* 10-19d 全部商品／搜尋頁工具列：排序、價格區間、套用同一行；每個控制項同高 44px、直角、不變形 */
.mj-toolbar{ display:flex; align-items:center; gap:10px; margin:14px 0 18px; flex-wrap:wrap; }
.mj-toolbar .mj-tb-sort{ height:44px; padding:0 36px 0 14px; border:1px solid #cdcecb; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%23222428' stroke-width='1.8'/%3E%3C/svg%3E") right 12px center/14px no-repeat; appearance:none; -webkit-appearance:none; font:inherit; font-size:14.5px; color:#222428; cursor:pointer; min-width:150px; }
.mj-toolbar .mj-tb-range{ display:flex; align-items:center; gap:6px; flex:1 1 240px; min-width:0; max-width:360px; }
.mj-toolbar .mj-tb-range input{ flex:1 1 0; min-width:0; width:auto; height:44px; padding:0 12px; border:1px solid #cdcecb; background:#fff; font:inherit; font-size:14.5px; margin:0; }
.mj-toolbar .mj-tb-range input:focus{ outline:none; border-color:#222428; }
.mj-toolbar .mj-pf-dash{ color:#7a7d83; flex:none; }
.mj-toolbar .mj-pf-btn, .mj-toolbar .mj-pf-clear{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 20px; border-radius:0 !important; white-space:nowrap; flex:none; margin:0; }
.mj-toolbar [hidden]{ display:none !important; }
@media (max-width:600px){
  /* 手機也是同一行：排序窄一點、價格兩格自動分配、套用鈕縮窄 */
  .mj-toolbar{ gap:6px; margin:10px 0 14px; flex-wrap:nowrap; }
  .mj-toolbar .mj-tb-sort{ flex:0 0 112px; min-width:0; padding:0 26px 0 10px; font-size:13.5px; background-position:right 8px center; background-size:12px; }
  .mj-toolbar .mj-tb-range{ flex:1 1 0; max-width:none; gap:4px; }
  .mj-toolbar .mj-tb-range input{ padding:0 8px; font-size:13.5px; }
  .mj-toolbar .mj-pf-btn, .mj-toolbar .mj-pf-clear{ padding:0 12px; font-size:13.5px; }
  .mj-toolbar .mj-pf-clear{ padding:0 8px; }
}
/* 10-20 賣家中心商品表：編號（商品網址 /用戶名/001） */
.mj-pseq{ display:inline-block; margin-left:8px; font-size:12px; color:#7a7d83; text-decoration:none; white-space:nowrap; border:1px solid #e4e4e1; padding:1px 7px; border-radius:6px !important; vertical-align:middle; }
.mj-pseq:hover{ color:#222428; border-color:#222428; }
/* 10-20b 內容和頁尾之間固定留白（使用者：「頁面滑動到最下面的時候看到功能跟頁尾連一起…中間應該有適當的頁面間隔」） */
footer.site-footer{ margin-top:64px; }  /* 不能加 !important：js/site-footer.js 會用 inline style 把頁尾推到畫面底 */
@media (max-width:768px){ footer.site-footer, .seller-mode footer.site-footer{ margin-top:44px; } }