/* ============================================================
   果蘊 FRUYUN 品牌覆蓋樣式
   目的:讓 EasyStore 商店與官網 fruyun.tw 視覺一致
   原則:只覆蓋外觀(字體/顏色/圓角/字距),不動版型與功能
   此檔由 theme.liquid 於 base.css 之後載入
   ============================================================ */

/* ---------- 品牌變數 ---------- */
:root {
  --fy-cream: #F6F3EE;
  --fy-ink: #26241F;
  --fy-tea: #7A6A54;
  --fy-sand: #B9AE9C;
  --fy-gold: #C29B4A;
  --fy-gold-soft: #D9BC85;
  --fy-plum: #5C4356;

  /* 覆蓋主題字體變數(蓋掉 EasyStore 字型庫的選擇) */
  --font-heading-family: 'Noto Serif TC', 'Palatino Linotype', serif;
  --font-heading-style: normal;
  --font-heading-weight: 600;
  --font-body-family: 'Noto Sans TC', sans-serif;
  --font-body-style: normal;
  --font-body-weight: 400;
}

/* ---------- 基礎質感 ---------- */
body {
  letter-spacing: .04em;
  line-height: 1.9;
}

h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
  font-family: var(--font-heading-family);
  font-weight: 600;
  letter-spacing: .14em;
}

/* 焦點外框用蜜金(同官網) */
:focus-visible {
  outline: 2px solid var(--fy-gold) !important;
  outline-offset: 3px;
}

/* ---------- 按鈕:對齊官網 .btn ---------- */
.button,
button.button,
.shopify-challenge__button,
.customer button {
  border-radius: 0 !important;
  font-family: var(--font-heading-family);
  letter-spacing: .25em;
  text-indent: .25em;
  font-weight: 500;
  transition: background-color .35s ease, color .35s ease, border-color .35s ease;
}

/* 實心按鈕(加入購物車/結帳):深炭底、米白字,hover 轉茶褐 */
.button--primary,
.button:not(.button--secondary):not(.button--tertiary) {
  background-color: var(--fy-ink);
  color: var(--fy-cream);
}
.button--primary:hover,
.button:not(.button--secondary):not(.button--tertiary):hover {
  background-color: var(--fy-tea);
}

/* 線框按鈕:1px 深炭框,hover 反轉(同官網) */
.button--secondary,
.button--tertiary {
  background: transparent;
  border: 1px solid var(--fy-ink);
  color: var(--fy-ink);
}
.button--secondary:hover,
.button--tertiary:hover {
  background: var(--fy-ink);
  color: var(--fy-cream);
}

/* ---------- 連結與價格 ---------- */
a:not(.button) {
  text-decoration-color: rgba(122, 106, 84, .5);
}
.price {
  font-family: var(--font-heading-family);
  letter-spacing: .08em;
}
.price--on-sale .price-item--regular {
  color: var(--fy-sand);
}
.badge,
.card__badge {
  border-radius: 0;
  background-color: var(--fy-gold);
  color: var(--fy-ink);
  border: none;
  letter-spacing: .1em;
}

/* ---------- 商品卡:方角、米白層次、細邊框(同官網產品三卡) ---------- */
.card,
.card--product,
.product-card,
.card .media,
.card__inner {
  border-radius: 0 !important;
}
.card--product,
.product-card {
  background: linear-gradient(175deg, #FBF8F3, #F4EFE6);
  border: 1px solid #E6DFD1;
  transition: transform .4s ease, box-shadow .4s ease;
}
.card--product:hover,
.product-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 44px -18px rgba(60, 52, 38, .22);
}
.card__heading,
.card .card__heading a {
  font-family: var(--font-heading-family);
  letter-spacing: .12em;
  font-weight: 600;
}

/* ---------- 表單元件:方角+品牌框線 ---------- */
input,
select,
textarea,
.field__input,
.select__select,
.quantity {
  border-radius: 0 !important;
}
.field__input:focus,
.select__select:focus,
input:focus,
textarea:focus {
  border-color: var(--fy-tea);
}

/* ---------- 導覽列 ---------- */
.header a,
.header__menu-item {
  letter-spacing: .15em;
}
.header__heading-link {
  font-family: var(--font-heading-family);
  letter-spacing: .3em;
  font-weight: 700;
}

/* ---------- 頁尾(深炭,同官網 footer) ---------- */
.footer a:hover {
  color: #E8E2D2;
}

/* ---------- 圓角總整理:把模板殘留的大圓角壓回方正 ---------- */
.quick-add-modal__content,
.cart-notification,
.pagination__item,
.modal__content,
.article-card,
.collection-card {
  border-radius: 0 !important;
}

/* 保留:圓形元素(頭像、圓點、載入圈)不動 */