/*
Theme Name: Arkhe Child - Savoa
Template: arkhe
Version: 1.0
Description: Patisserie Savoa custom child theme
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Noto+Serif+JP:wght@300;400;500&display=swap');

/* ============================
   カラーパレット（T.YOKOGAWA風）
   ============================ */
:root {
  --ark-color--main:    #7a5c3e;
  --ark-color--text:    #2c1f14;
  --ark-color--link:    #7a5c3e;
  --ark-color--bg:      #fdfcfa;
  --ark-color--gray:    #f5ede3;
  --ark-color--border:  #e2d5c680;

  --savoa-cream:        #f8f2ea;
  --savoa-beige:        #ede3d5;
  --savoa-brown:        #7a5c3e;
  --savoa-dark:         #2c1f14;
  --savoa-gold:         #b89a6e;

  --ark-font_family: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --ark-line_height: 2;
  --ark-letter_spacing: 0.06em;
}

/* ============================
   ベース
   ============================ */
body {
  background-color: var(--savoa-cream);
  color: var(--savoa-dark);
}

a {
  color: var(--savoa-brown);
  transition: opacity 0.25s;
}
a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* ============================
   見出し（エレガントなセリフ体）
   ============================ */
h1, h2, h3, h4, h5, h6 {
  font-family: "Cormorant Garamond", "Noto Serif JP", serif;
  font-weight: 400;
  letter-spacing: 0.12em;
}

h2 {
  font-size: 1.6em;
}

/* ============================
   ヘッダー（カスタマイザー設定を上書き）
   ============================ */
.l-header {
  background-color: #ffffff !important;
  --ark-color--header_bg: #ffffff !important;
  --ark-color--header_txt: #2c1f14 !important;
  border-bottom: 1px solid #ede3d5;
}

.l-header__center {
  padding: 14px 0;
}

/* サイトタイトル（テキストロゴ） */
.c-headLogo {
  font-family: "Cormorant Garamond", serif;
  font-size: 1.5rem;
  font-weight: 300;
  letter-spacing: 0.2em;
  color: #2c1f14 !important;
}

/* ナビゲーション（最強の上書き） */
html body .l-headerUnder,
body .l-headerUnder {
  background: #ffffff !important;
  background-color: #ffffff !important;
  --the-color--bg: #ffffff;
  --the-color--txt: #2c1f14;
  --ark-color--header_bg: #ffffff;
  --ark-color--header_txt: #2c1f14;
  border-top: 1px solid #ede3d5 !important;
  border-bottom: 1px solid #ede3d5 !important;
  color: #2c1f14 !important;
}

html body .l-headerUnder .c-gnav__li > .c-gnav__a,
html body .l-headerUnder .c-gnav__a,
body .l-headerUnder a {
  color: #2c1f14 !important;
}

html body .l-headerUnder .c-gnav__li.-current > .c-gnav__a,
html body .l-headerUnder .c-gnav__li:hover > .c-gnav__a {
  color: #7a5c3e !important;
}

.c-gnav {
  font-family: "Cormorant Garamond", "Noto Serif JP", serif;
  font-size: 0.85rem;
  letter-spacing: 0.15em;
}

.c-gnav__li > .c-gnav__a {
  padding: 14px 16px;
  color: #2c1f14 !important;
}

.c-gnav__li.-current,
.c-gnav__li.focus,
.c-gnav__li:hover {
  color: #7a5c3e !important;
}

.c-gnav .sub-menu {
  background: #7a5c3e !important;
}

/* ============================
   トップエリア（ヒーロー）
   ============================ */
.p-topArea {
  min-height: 50vh;
}

.p-topArea__body {
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.15em;
}

/* ============================
   セクションタイトル
   ============================ */
.c-secTitle,
.c-bottomSection__title,
.c-widget__title,
h2.widgettitle {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
  font-size: 1.5em;
  letter-spacing: 0.15em;
  border-bottom: 1px solid var(--savoa-beige);
  padding-bottom: 0.6em;
  margin-bottom: 1.5em;
  color: var(--savoa-dark);
}

/* セクションタイトル下に細い装飾線 */
.c-secTitle::after,
.c-bottomSection__title::after {
  content: "";
  display: block;
  width: 2.5em;
  height: 1px;
  background: var(--savoa-gold);
  margin-top: 6px;
}

/* ============================
   投稿リスト（商品カード）
   ============================ */
.p-postList.-type-card .p-postList__body {
  padding-top: 0.85rem;
  padding-bottom: 0.5rem;
}

.p-postList .p-postList__title {
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.08em;
  line-height: 1.7;
}

.p-postList__excerpt {
  color: #8a7060;
  font-size: 0.78rem;
  letter-spacing: 0.04em;
}

/* カードホバー */
.p-postList__link:hover .c-postThumb__img {
  transform: scale(1.08);
}

/* サムネイル */
.c-postThumb {
  overflow: hidden;
}

.c-postThumb__img {
  transition: transform 0.5s ease;
}

/* ============================
   フッター
   ============================ */
.l-footer {
  background-color: var(--savoa-dark);
  color: #c8b8a8;
  border-top: 1px solid #4a3525;
}

.l-footer a,
.l-footer span {
  color: #c8b8a8;
}

.l-footer a:hover {
  color: #ffffff;
  opacity: 1;
}

.c-copyright {
  font-size: 0.72rem;
  letter-spacing: 0.1em;
  color: #8a7060;
}

/* ============================
   ボタン
   ============================ */
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
  background-color: var(--savoa-brown);
  border-radius: 0;
  letter-spacing: 0.12em;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
  color: var(--savoa-brown);
  border-color: var(--savoa-brown);
  border-radius: 0;
  letter-spacing: 0.12em;
}

/* ============================
   ページネーション
   ============================ */
.page-numbers:not(.dots).current,
.page-numbers:not(.dots):hover {
  background-color: var(--savoa-brown);
}

/* ============================
   パンくずリスト
   ============================ */
.p-breadcrumb {
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  opacity: 0.7;
}

/* ============================
   サイドバー
   ============================ */
.c-widget__title,
h2.widgettitle {
  font-size: 0.9rem;
}

/* ============================
   カレンダー
   ============================ */
.wp-calendar-table #today {
  background-color: var(--savoa-brown);
}

/* ============================
   タグ
   ============================ */
.tag-cloud-link {
  background: var(--savoa-beige);
  color: var(--savoa-dark) !important;
  border-radius: 0;
  font-size: 0.7rem !important;
}

/* ============================
   記事コンテンツ
   ============================ */
.c-postContent {
  font-family: "Noto Serif JP", serif;
  line-height: 2.1;
}

.c-postContent h2 {
  border-left: 3px solid var(--savoa-gold);
  padding-left: 0.75em;
  margin-top: 2.5em;
}

.c-postContent h3 {
  color: var(--savoa-brown);
}

/* ============================
   テーブル
   ============================ */
:where(thead) td,
:where(thead) th {
  background-color: var(--savoa-brown);
}

/* ============================
   区切り線
   ============================ */
hr:not(.wp-block-separator) {
  border-bottom: 1px solid var(--savoa-beige);
}

/* ============================
   スクロールボタン
   ============================ */
.c-fixBtn {
  background: var(--savoa-brown);
  border-radius: 0;
}

/* ============================
   検索フォーム
   ============================ */
.comment-form .submit {
  background-color: var(--savoa-brown);
  border-radius: 0;
  letter-spacing: 0.1em;
}