/* utility-ios.css — DSスキンが当たっていなかったページ型（マイアカウント / カート / チェックアウト /
 * 404 / 検索 / 法務・案内系の固定ページ）にDSの地・書体・フォームを適用する。
 * 全ルールを body.ios-utility-new 配下にスコープ。構造とマークアップは一切変更しない。
 * 撤去 = functions.php の「BEGIN utility DS」ブロック削除 + 本ファイル削除。
 * フォントURLは recipe-ios.css と同一（ブラウザキャッシュ共有）。 */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700;900&family=Shippori+Mincho:wght@500;700;800&family=Noto+Sans+JP:wght@400;500;700&family=Zen+Kurenaido&display=swap');

.ios-utility-new{
  --ds-cream:#f7f3ea; --ds-ink:#1a1714; --ds-ink-on-yellow:#38322a;
  --ds-yellow:#ffd400; --ds-yellow-hover:#e8c200; --ds-yellow-pale:#fdf6e8;
  --ds-accent:#7C3946; --ds-accent-text:#7C3946; --ds-accent-deep:#5f2a35;
  --ds-rule:#e2dac9; --ds-muted:#6e6353; --ds-disabled:#cfc6b4; --ds-card-bg:#ffffff;
  --ds-ff-gothic:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;
  --ds-ff-body:"Noto Sans JP","Hiragino Sans",sans-serif;
  --ds-radius:6px; --ds-radius-pill:999px;
  --ds-shadow-card:0 1px 2px rgba(26,23,20,.05), 0 8px 24px rgba(26,23,20,.07);
  --ds-focus-ring:0 0 0 3px rgba(124,57,70,.8);
}

/* ---- 地：白(#fefefe)をやめて生成りに揃える ---- */
.ios-utility-new #wrapper,
.ios-utility-new #main{ background:var(--ds-cream); }

/* ページタイトル帯（マイアカウント等の #f7f7f7 グレー帯） */
.ios-utility-new .page-title,
.ios-utility-new .my-account-header{
  background:var(--ds-cream) !important;
  border-bottom:1px solid var(--ds-rule) !important;
}

/* ---- 本文：DS書体 ---- */
.ios-utility-new #main{ font-family:var(--ds-ff-body); color:var(--ds-ink); }
.ios-utility-new #main p,
.ios-utility-new #main li,
.ios-utility-new #main dd,
.ios-utility-new #main td{ line-height:1.8; }

/* ---- 見出し：Flatsome既定の sans-serif #555 を DS に ---- */
.ios-utility-new #main h1,
.ios-utility-new .page-title h1,
.ios-utility-new #main .entry-title{
  font-family:var(--ds-ff-gothic) !important;
  font-weight:900 !important;
  color:var(--ds-ink) !important;
  letter-spacing:.02em;
}
.ios-utility-new #main h2,
.ios-utility-new #main h3,
.ios-utility-new #main h4{
  font-family:var(--ds-ff-gothic) !important;
  font-weight:700 !important;
  color:var(--ds-ink) !important;
  letter-spacing:.02em;
}
/* 節見出しに黄の左罫（商品ページFAQと同じ語彙） */
.ios-utility-new #main h2{
  border-left:4px solid var(--ds-yellow);
  padding-left:.6em;
  margin-top:2em;
}

/* ---- 散文リンク＝ワイン ---- */
.ios-utility-new #main :is(p,li,dd,td) a{ color:var(--ds-accent-text); }
.ios-utility-new #main :is(p,li,dd,td) a:hover{ color:var(--ds-accent-deep); }

/* ---- フォーム：Flatsome既定(#ddd + 内影) を DS に ---- */
.ios-utility-new input[type=text],
.ios-utility-new input[type=email],
.ios-utility-new input[type=tel],
.ios-utility-new input[type=url],
.ios-utility-new input[type=number],
.ios-utility-new input[type=password],
.ios-utility-new input[type=search],
.ios-utility-new input.input-text,
.ios-utility-new textarea,
.ios-utility-new select{
  border:1px solid var(--ds-rule) !important;
  box-shadow:none !important;
  border-radius:0 !important;
  background:var(--ds-card-bg);
  font-family:var(--ds-ff-body);
  color:var(--ds-ink);
}
.ios-utility-new input:focus-visible,
.ios-utility-new textarea:focus-visible,
.ios-utility-new select:focus-visible{
  outline:none;
  border-color:var(--ds-accent) !important;
  box-shadow:var(--ds-focus-ring) !important;
}
.ios-utility-new label{ font-family:var(--ds-ff-gothic); font-weight:700; color:var(--ds-ink); }
.ios-utility-new ::placeholder{ color:var(--ds-disabled); }

/* ---- ボタン：角丸をDSに揃える（色は theme mods のワインを踏襲） ---- */
.ios-utility-new #main .button,
.ios-utility-new #main button[type=submit],
.ios-utility-new #main input[type=submit],
.ios-utility-new .wpcf7 input[type=submit]{
  border-radius:var(--ds-radius) !important;
  font-family:var(--ds-ff-gothic);
  font-weight:700;
}

/* ---- 表：法務ページの仕様表をDSの罫に ---- */
.ios-utility-new #main table:not([class]){
  border-collapse:collapse;
  background:var(--ds-card-bg);
}
.ios-utility-new #main table:not([class]) :is(th,td){
  border:1px solid var(--ds-rule);
  padding:.7em .9em;
}
.ios-utility-new #main table:not([class]) th{
  background:var(--ds-yellow-pale);
  font-family:var(--ds-ff-gothic);
  font-weight:700;
  text-align:left;
}

/* ---- 区切り線 ---- */
.ios-utility-new #main hr{ border:0; border-top:1px solid var(--ds-rule); margin:2.4em 0; }