/*
Theme Name: SWELL CHILD (AGスポット)
Template: swell
Description: AGスポット用の SWELL 子テーマ。配色(ブラック × シャンパンゴールド × ワインレッド)と見出しの飾りだけを足します。機能は、プラグイン(AGSpot Therapist / Schedule / Booking / Diary)に分けています。
Version: 0.1.0
Text Domain: swell-child
*/

/* 配色(静的サイトの style.css と同じ値) */
:root{
  --ag-ink:#1C1B1A;
  --ag-gold:#B89B6A;
  --ag-bg:#FAF8F4;
  --ag-wine:#7A1F36;
  --ag-wine-d:#5E1428;
  --ag-wine-tint:rgba(122,31,54,.15);
  --ag-line:#E6E0D5;
}

/* 見出し: ワインレッドのマーカーとアンダーライン(固定ページ・投稿・日記の本文) */
.post_content h2{
  color:var(--ag-wine);
  background:linear-gradient(transparent 62%,var(--ag-wine-tint) 62%);
  width:fit-content;max-width:100%;
  padding:0 .2em;
  border:0;
  font-family:"Shippori Mincho","Yu Mincho",serif;
  letter-spacing:.06em;
}
.post_content h2::before,.post_content h2::after{display:none}
.post_content h3{
  border:0;
  border-left:3px solid var(--ag-wine);
  padding:0 0 0 .7em;
  font-family:"Shippori Mincho","Yu Mincho",serif;
}
.post_content h3::before,.post_content h3::after{display:none}
.l-mainContent .c-pageTitle,.post_title,.c-pageTitle{
  font-family:"Shippori Mincho","Yu Mincho",serif;
  text-decoration:underline;
  text-decoration-color:var(--ag-wine);
  text-decoration-thickness:3px;
  text-underline-offset:.28em;
  text-decoration-skip-ink:none;
}

/* 画面下に固定する「予約する」「LINEで相談」(固定ボタンは、functions.php で出力) */
.ag-fixbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(28,27,26,.97);border-top:1px solid #000}
.ag-fixbar a{flex:1;padding:12px 8px;text-align:center;font-weight:700;font-size:15px;text-decoration:none;border:1px solid var(--ag-gold);line-height:1.5}
.ag-fixbar .ag-reserve{background:var(--ag-gold);color:var(--ag-ink)}
.ag-fixbar .ag-line{background:transparent;color:#fff;border-color:#fff}
body{padding-bottom:70px}
@media(min-width:900px){
  .ag-fixbar{left:auto;right:20px;bottom:20px;width:340px;border:1px solid #000;box-shadow:0 6px 24px rgba(0,0,0,.25)}
  body{padding-bottom:0}
}

/* 見出しの中の、注目させる語(本文で <b class="em">…</b> と書く) */
.post_content h1 b.em,.post_content h2 b.em,.post_content h3 b.em,.c-pageTitle b.em{font-weight:800;font-size:1.18em;letter-spacing:.04em;line-height:1}
.post_content h2 b.em{color:var(--ag-wine-d)}
.post_content h3 b.em{color:var(--ag-wine)}