@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ================================
   Shin-Lab カスタムスタイル
   （カラー / フォント / 余白 / カード）
   ================================ */

/* ===== Base（背景・本文） ===== */
html, body {
  background: #FFFFFF !important;
  color: #333333 !important;
  font-family: "Helvetica Neue", "Hiragino Sans", "Noto Sans JP", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
}

/* ===== Headings（見出し） ===== */
h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: #111111 !important;
}
h2 {
  border-bottom: 2px solid #1A3C6E !important;
  padding-bottom: 0.3em !important;
  margin-top: 2.5rem !important;
  margin-bottom: 1.2rem !important;
}

/* ===== Links（リンク色） ===== */
a, .entry-content a, .p-article a, .p-postList a, .l-contents a {
  color: #1A3C6E !important;
  text-decoration-color: rgba(26,60,110,.25) !important;
}
a:hover, .entry-content a:hover, .p-article a:hover, .p-postList a:hover {
  color: #6BBF59 !important;
}

/* ===== Buttons（ボタン） ===== */
.wp-block-button__link,
button,
input[type="submit"],
.c-btn,
.c-button {
  background: #1A3C6E !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 0.6em 1.2em !important;
}
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover,
.c-btn:hover,
.c-button:hover {
  background: #6BBF59 !important;
}

/* ===== Layout（本文とサイドバーの区切り） ===== */
.l-contents {
  display: flex;
  gap: 2rem; /* 本文とサイドバーの間隔 */
}
.l-sidebar {
  background: #F7F8FA !important;
  padding: 1.5rem !important;
  border-left: 1px solid #E6E8EB !important;
}
.l-sidebar a {
  color: #1A3C6E !important;
}

/* ===== Entry content（本文の段落） ===== */
.entry-content p {
  line-height: 1.9 !important;
  margin-bottom: 1.4em !important;
}

/* ===== Cards（記事カードデザイン） ===== */
.c-postCard,
.p-postList__item,
.p-postList .c-postCard {
  background: #FFFFFF !important;
  border: 1px solid #E6E8EB !important;
  border-radius: 8px !important;
  padding: 1.5em !important;
  margin-bottom: 1.5em !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important;
}

/* ===== Global accent（テーマ変数上書き用） ===== */
:root {
  --color-main: #1A3C6E !important;
  --color-accent: #6BBF59 !important;
  --wp--preset--color--primary: #1A3C6E !important;
  --wp--preset--color--secondary: #6BBF59 !important;
}

/* カテゴリラベルの文字色を白に統一 */
.c-categoryLabel,
.p-category__item,
.cat-label {
  color: #fff !important;         /* 常に白文字 */
}

/* ホバー時も白を維持（背景色だけ変化させる） */
.c-categoryLabel:hover,
.p-category__item:hover,
.cat-label:hover {
  color: #fff !important;
  opacity: 0.9; /* 少し薄くする程度の視覚変化 */
}

/* 子カテゴリ（カテゴリーページの下層）の文字色 */
.c-categoryList a,
.c-categoryList .children a,
.cat-item a {
  color: #fff !important;              /* 常時白文字にする */
  background-color: #1A3C6E !important; /* 背景をネイビー固定 */
  border-radius: 4px;
  padding: 0.3em 0.6em;
  margin-right: 0.4em;
  display: inline-block;
}

/* ホバー時の色変化 */
.c-categoryList a:hover,
.c-categoryList .children a:hover,
.cat-item a:hover {
  background-color: #6BBF59 !important; /* ライムグリーンに変化 */
  color: #fff !important;
}