/* ======================
   トップページ グラデーションテーマ
   紫(#7c3aed) → 青(#3b82f6) を基調としたスタイル
   ====================== */

/* --- ヘッダー下部ライン（不要なので消す） ---
.l-header {
	border-bottom: 2px solid transparent;
	border-image: linear-gradient(90deg, #7c3aed, #3b82f6, #7c3aed) 1;
} */

/* --- カテゴリーラベル（控えめに） --- */
.c-postThumb__cat {
	background: rgba(91, 77, 214, 0.75) !important;
	color: #fff !important;
	border: none !important;
}

/* --- 投稿カード ホバー --- */
.p-postList__item {
	transition: box-shadow 0.3s, transform 0.3s;
}
.p-postList__item:hover {
	box-shadow: 0 6px 24px rgba(80, 70, 200, 0.12);
	transform: translateY(-2px);
}

/* --- 記事タイトルリンク ホバー --- */
.p-postList__title {
	transition: color 0.2s;
}
.p-postList__item:hover .p-postList__title {
	color: #5046c9;
}

/* --- もっと見るボタン / SWELLボタン --- */
.-more__btn a,
.swell-block-button .swell-block-button__link {
	background: linear-gradient(135deg, #7c3aed, #3b82f6) !important;
	border: none !important;
	color: #fff !important;
	transition: opacity 0.25s, box-shadow 0.25s;
}
.-more__btn a:hover,
.swell-block-button .swell-block-button__link:hover {
	opacity: 0.88;
	box-shadow: 0 4px 16px rgba(80, 70, 200, 0.25);
}

/* --- ウィジェットタイトル --- */
.c-widget__title {
	border-left: 3px solid transparent;
	border-image: linear-gradient(180deg, #7c3aed, #3b82f6) 1;
}

/* --- ページネーション アクティブ --- */
.pager_list .page-numbers.current {
	background: linear-gradient(135deg, #7c3aed, #3b82f6) !important;
	border-color: transparent !important;
	color: #fff !important;
}
.pager_list .page-numbers:not(.current):hover {
	color: #5046c9;
	border-color: #5046c9;
}

/* --- タグ・カテゴリーリンク --- */
.p-postList__cat,
.post-categories a {
	color: #5046c9;
}

/* --- フッター上部グラデーションライン --- */
.l-footer {
	border-top: 2px solid transparent;
	border-image: linear-gradient(90deg, #3b82f6, #7c3aed, #3b82f6) 1;
}

/* --- グローバルナビ（背景なし） --- */

/* --- SPメニュー・固定ボトムメニュー グラデーション --- */
.c-spMenu__inner,
.p-spMenu__inner {
	background: linear-gradient(180deg, #5b4dd6, #3b82f6) !important;
}
.l-fixBtnMenu {
	background: linear-gradient(90deg, #5b4dd6, #3b82f6) !important;
}

/* --- お知らせバー グラデーション --- */
.p-infoBar,
.c-infoBar {
	background: linear-gradient(90deg, #4338ca, #5b4dd6) !important;
}

/* --- サイドバー ウィジェットタイトル（SWELL標準の背景色タイプ） --- */
.c-widget__title.-side {
	background: linear-gradient(135deg, #5b4dd6, #3b82f6) !important;
}

/* --- 目次のナンバー --- */
.p-toc__list li::before {
	color: #5b4dd6 !important;
}

/* --- SWELLリストブロック チェック・番号 --- */
.is-style-index li::before,
.is-style-check_list li::before,
.is-style-num_list li::before {
	color: #5b4dd6 !important;
}

/* --- テキストリンク --- */
.post_content a:not([class]) {
	color: #5046c9;
	text-decoration-color: rgba(80, 70, 200, 0.3);
}
.post_content a:not([class]):hover {
	color: #7c3aed;
	text-decoration-color: #7c3aed;
}

/* --- スクロールバー アクセント (WebKit) --- */
::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, #7c3aed, #3b82f6);
	border-radius: 4px;
}
::-webkit-scrollbar {
	width: 6px;
}

/* --- セレクション (テキスト選択時) --- */
::selection {
	background: rgba(124, 58, 237, 0.15);
	color: inherit;
}