/* ============================================
   Vayu 共通デザイン CSS（サロン以外の全ページ）
   設置場所: /wp-content/themes/swell_child/assets/css/vayu-common.css
   トップページ（vayu-front.css）と同じ北欧トーンに
   下層ページ（固定ページ・カテゴリー・記事）を揃えます。
   ============================================ */

/* ── ベース ── */
body{
  background:#FBFAF7 !important;
  color:#3E4340;
  font-family:'Zen Kaku Gothic New',sans-serif;
  letter-spacing:.04em;
}
#content.l-content{background:transparent}

/* ── ヘッダー・グローバルナビ ── */
.l-header{background:#FBFAF7}
.c-gnav > li > a{
  font-size:13px;
  letter-spacing:.16em;
}
.c-gnav a:hover{color:#6E8468}

/* ── パンくず ── */
.p-breadcrumb.-bg-on{background:transparent}
.p-breadcrumb{
  font-size:11px;
  letter-spacing:.1em;
  color:#A7A69C;
}
.p-breadcrumb a{color:#A7A69C}
.p-breadcrumb a:hover{color:#6E8468}

/* ── ページタイトル（カテゴリー・固定ページ） ── */
.c-pageTitle,
.c-pageTitle[data-style]{
  display:block;
  width:100%;
  background:transparent !important;
  border-bottom:none !important;
  font-family:'Josefin Sans','Zen Kaku Gothic New',sans-serif;
  font-weight:400;
  letter-spacing:.3em;
  text-align:center;
  color:#3E4340;
  padding-top:40px;
}
.c-pageTitle::after,
.c-pageTitle[data-style=b_bottom]::after{
  content:"" !important;
  display:block;
  position:static !important;
  width:34px !important;
  height:1px !important;
  background:#9CAF97 !important;
  border:none !important;
  margin:20px auto 4px !important;
}
.c-pageTitle__inner{
  display:block !important;
  width:100% !important;
  border-bottom:none !important;
  padding:0 !important;
}
.c-pageTitle__subTitle{display:none}

/* カテゴリー説明文は枠を外して静かに */
.p-termHead{
  background:transparent;
  border:none;
  padding:0 0 8px;
  text-align:center;
  font-size:13.5px;
  letter-spacing:.08em;
  color:#6B6F6A;
}

/* ── 記事一覧カード（カテゴリー・新着など） ── */
.p-postList.-type-card .p-postList__item{
  background:#fff;
  border:1px solid #EDEAE1;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 1px 2px rgba(62,67,64,.04);
  transition:transform .3s ease, box-shadow .3s ease;
}
.p-postList.-type-card .p-postList__item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 22px rgba(62,67,64,.08);
}
.p-postList.-type-card .p-postList__body{padding:18px 20px 20px}
.p-postList__title{
  font-size:14.5px;
  line-height:1.85;
  letter-spacing:.05em;
  font-weight:500;
}
.p-postList__meta{
  font-family:'Josefin Sans','Zen Kaku Gothic New',sans-serif;
  font-size:11px;
  letter-spacing:.1em;
  color:#A7A69C;
}
.c-postThumb__cat{
  background:#BE9494 !important;   /* ダスティピンク：全ページ共通の差し色 */
  font-size:10px;
  letter-spacing:.14em;
  border-radius:2px;
}

/* ── 記事タイトル帯：ドット柄をやめて静かなリネン色に ── */
.l-topTitleArea{background:#F1EEE7 !important}
.l-topTitleArea.c-filterLayer::before,
.l-topTitleArea.c-filterLayer::after,
.c-filterLayer.-texture-dot::before{
  content:none !important;
  display:none !important;
}
.l-topTitleArea .c-postTitle__ttl{
  color:#3E4340 !important;
  font-size:22px;
  letter-spacing:.08em;
  line-height:2;
  font-weight:500;
}
.l-topTitleArea .c-postTitle__date,
.l-topTitleArea .c-postTitle__date.u-thin{color:#8A8D87 !important}
.l-topTitleArea .p-articleMetas .c-categoryList__link{color:#6E8468;border-color:#C9D3C5}

/* アイキャッチ画像は淡いヴェール状にして文字を読みやすく */
.l-topTitleArea .l-topTitleArea__img{opacity:.28}
.l-topTitleArea__body{text-align:center}
.l-topTitleArea .c-postTitle__ttl{text-shadow:none !important}
.l-topTitleArea .p-articleMetas,
.l-topTitleArea .p-articleMetas__termList{justify-content:center}

/* ── 記事下：関連記事の見出しを静かに ── */
.c-secTitle,
.l-articleBottom__title.c-secTitle{
  background:transparent !important;
  border:none !important;
  text-align:center;
  font-size:14px;
  font-weight:500;
  letter-spacing:.22em;
  color:#B98A8A !important;   /* 「お時間あれば…」はピンクのぬくもりで */
  margin-bottom:30px;
}
.c-secTitle::before,
.c-secTitle::after{content:none !important}

/* 記事下メタ・前後ナビも淡く */
.p-articleFoot{border-color:#E5E1D6}
.p-postNavi a{color:#3E4340}
.p-postNavi a:hover{color:#6E8468}

/* ── 記事・固定ページ本文 ── */
.c-postTitle__ttl{
  font-size:23px;
  line-height:2;
  letter-spacing:.08em;
  font-weight:500;
}
.c-postTitle__date{
  font-family:'Josefin Sans',sans-serif;
  letter-spacing:.18em;
  color:#A7A69C;
}
.post_content{
  font-size:15px;
  line-height:2.15;
  letter-spacing:.05em;
}
.post_content > p{margin-bottom:2em}

/* 見出し：SWELLの装飾を外して静かな線に */
.post_content h2{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid #E5E1D6 !important;
  border-radius:0;
  padding:0 0 14px !important;
  margin-top:4em;
  font-size:19px;
  font-weight:500;
  letter-spacing:.1em;
  color:#3E4340 !important;
}
.post_content h2::before,
.post_content h2::after{content:none !important}
.post_content h3{
  background:transparent !important;
  border:none !important;
  border-left:2px solid #9CAF97 !important;
  padding:2px 0 2px 14px !important;
  margin-top:3em;
  font-size:16.5px;
  font-weight:500;
  letter-spacing:.08em;
}
.post_content h3::before,
.post_content h3::after{content:none !important}

/* 本文中の画像・キャプション */
.post_content img{border-radius:14px}
.post_content figcaption{
  font-size:11.5px;
  letter-spacing:.08em;
  color:#A7A69C;
  text-align:center;
  margin-top:10px;
}

/* 本文中のリンク・引用（リンクと引用はダスティピンクの領域） */
.post_content a{
  color:#B98A8A;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-color:#E0C8C8;
}
.post_content a:hover{text-decoration-color:#B98A8A}
.post_content blockquote{
  background:#F5EDEB;
  border:none;
  border-radius:12px;
  padding:26px 28px;
  color:#6B5B5B;
}
.post_content blockquote::before{content:none}

/* カテゴリーラベル・記事メタ（ダスティピンク） */
.p-articleMetas .c-categoryList__link{
  background:transparent;
  border:1px solid #E0C8C8;
  color:#B98A8A;
  border-radius:20px;
  font-size:10.5px;
  letter-spacing:.1em;
}

/* ── サイドバー ── */
.c-widget__title{
  background:transparent !important;
  border:none !important;
  border-bottom:1px solid #E5E1D6 !important;
  border-radius:0;
  padding:0 0 10px !important;
  font-family:'Josefin Sans','Zen Kaku Gothic New',sans-serif;
  font-size:13px;
  font-weight:500;
  letter-spacing:.2em;
  color:#6E8468 !important;
}
.c-widget__title::before,
.c-widget__title::after{content:none !important}

/* ── ページネーション ── */
.c-pagination__link{
  border-radius:50%;
  border-color:#E5E1D6;
}
.c-pagination__link.-current,
.c-pagination__link:hover{
  background:#6E8468;
  border-color:#6E8468;
}