@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
*/

/* ===== Beyond the Blue — Brand CSS for SWELL ===== */
/* World Bible v1.0 Color System */

:root {
  --btb-blue-light: #6BB8E0;
  --btb-blue-mid: #7B8EC8;
  --btb-purple: #9B7BB8;
  --btb-deep-navy: #0A0E1A;
  --btb-dark-surface: #0F1322;
  --btb-dark-card: #151929;
  --btb-dark-border: #1E2340;
  --btb-text-primary: #E8EAF0;
  --btb-text-secondary: #8B90A8;
  --btb-text-muted: #5A5F78;
  --btb-accent-warm: #C8A87B;
  --btb-gradient-brand: linear-gradient(135deg, #6BB8E0, #7B8EC8, #9B7BB8);
}

/* ===== 全体 ===== */
body {
  background-color: var(--btb-deep-navy) !important;
  color: var(--btb-text-primary) !important;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

/* ===== ヘッダー ===== */
.l-header,
.l-header__inner,
.c-gnav {
  background-color: rgba(10, 14, 26, 0.92) !important;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--btb-dark-border);
}

.l-header .c-headLogo__link,
.c-gnav a {
  color: var(--btb-text-primary) !important;
}

.c-gnav a:hover {
  color: var(--btb-blue-light) !important;
}

/* ===== メインコンテンツ ===== */
.l-mainContent,
.l-content {
  background-color: transparent !important;
}

/* 記事カード */
.p-postList__item,
.-type-card .p-postList__item,
.p-postList__body {
  background-color: var(--btb-dark-card) !important;
  border: 1px solid var(--btb-dark-border) !important;
  border-radius: 2px;
  transition: border-color 0.3s ease;
}

.p-postList__item:hover {
  border-color: var(--btb-blue-mid) !important;
}

.p-postList__title,
.p-postList__title a {
  color: var(--btb-text-primary) !important;
}

.p-postList__excerpt {
  color: var(--btb-text-secondary) !important;
}

/* カテゴリタグ */
.c-postTag,
.c-categoryBadge,
.p-postList__cat {
  background: var(--btb-gradient-brand) !important;
  color: #fff !important;
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: none !important;
}

/* ===== 記事ページ ===== */
.post_content,
.l-articleBottom,
.l-mainContent__inner {
  color: var(--btb-text-secondary) !important;
}

.post_content h2 {
  background: transparent !important;
  border: none !important;
  border-left: 3px solid var(--btb-blue-light) !important;
  padding: 0.5em 0 0.5em 1em !important;
  color: var(--btb-text-primary) !important;
  font-weight: 400;
}

.post_content h3 {
  border: none !important;
  color: var(--btb-text-primary) !important;
  padding-bottom: 0.3em;
  border-bottom: 1px solid var(--btb-dark-border) !important;
  font-weight: 400;
}

.post_content h4 {
  color: var(--btb-blue-light) !important;
}

.post_content a {
  color: var(--btb-blue-light) !important;
}

.post_content a:hover {
  color: var(--btb-purple) !important;
}

.post_content blockquote {
  background: var(--btb-dark-card) !important;
  border-left: 3px solid var(--btb-blue-mid) !important;
  color: var(--btb-text-primary) !important;
  font-style: italic;
}

/* ===== サイドバー ===== */
.l-sidebar,
.widget_block,
.c-widget {
  color: var(--btb-text-secondary) !important;
}

.c-widget__title,
.widget_block h2 {
  color: var(--btb-text-primary) !important;
  border-bottom: 1px solid var(--btb-dark-border) !important;
}

/* ===== フッター ===== */
.l-footer {
  background-color: var(--btb-deep-navy) !important;
  border-top: 1px solid var(--btb-dark-border);
  color: var(--btb-text-muted) !important;
}

.l-footer a {
  color: var(--btb-text-secondary) !important;
}

.l-footer a:hover {
  color: var(--btb-blue-light) !important;
}

/* ===== パンくずリスト ===== */
.p-breadcrumb,
.p-breadcrumb a {
  color: var(--btb-text-muted) !important;
}

/* ===== ページネーション ===== */
.c-pagination a,
.c-pagination .current {
  background: var(--btb-dark-card) !important;
  border: 1px solid var(--btb-dark-border) !important;
  color: var(--btb-text-secondary) !important;
}

.c-pagination .current {
  background: var(--btb-blue-mid) !important;
  color: #fff !important;
}

/* ===== アクセント：グラデーション下線 ===== */
.c-headLogo__link {
  position: relative;
}

.c-headLogo__link::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 2px;
  background: var(--btb-gradient-brand);
  opacity: 0.6;
}

/* ===== 目次 ===== */
.p-toc,
.-toc {
  background: var(--btb-dark-card) !important;
  border: 1px solid var(--btb-dark-border) !important;
}

.p-toc__title {
  color: var(--btb-text-primary) !important;
}

.p-toc a {
  color: var(--btb-text-secondary) !important;
}

/* ===== スクロールバー ===== */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--btb-deep-navy);
}
::-webkit-scrollbar-thumb {
  background: var(--btb-dark-border);
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--btb-blue-mid);
}

/* ===== 選択テキスト ===== */
::selection {
  background: rgba(107, 184, 224, 0.3);
  color: #fff;
}