@charset "UTF-8";
/*
  Skin Name: Last Commit Dark
  Description: 黒ベースのエンジニア系バンドサイト向けスタイリッシュスキン
  Skin URI: https://last-commit.trickstorm.com/
  Author: Minoru Shiiba
  Author URI: https://last-commit.trickstorm.com/
  Version: 1.0.0
  Priority: 9140005000
*/

/* =========================================================
 * カラー変数（全体のトーンはここで調整）
 * ======================================================= */
:root {
  /* すでにある他の変数と一緒でOK */
  --lc-primary: 58, 242, 242;
  --lc-secondary: 181, 76, 255;
  --lc-bg: 5, 6, 8;
  --lc-bg-soft: 15, 23, 42;
  --lc-border: 51, 65, 85;
  --lc-text: 249, 250, 251;
  --lc-text-muted: 148, 163, 184;
  --lc-card-bg: 10, 12, 20;

  /* Cocoon共通カラーをダークスキン向けに上書き */
  --cocoon-xx-thin-color: #0f172a;   /* カレンダー曜日ヘッダなどに使われる色 */
  --cocoon-thin-color:    #020617;   /* 必要ならこちらも暗めに */
}

/* =========================================================
 * 全体
 * ======================================================= */

html {
  overflow-x: hidden !important;
}

body {
  color: rgba(var(--lc-text), 1);
  background-color: rgba(var(--lc-bg), 1);
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  overflow: visible;
}

@media screen and (max-width: 1023px) {
  body {
    overflow-x: hidden !important;
  }
}

/* コンテナ周り */
.container {
  background-color: rgba(var(--lc-bg), 1);
  animation-name: lc-fadeIn;
  animation-duration: 0.8s;
  animation-fill-mode: both;
}

@keyframes lc-fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

.main {
  background-color: transparent;
}

/* ヘッダー / ナビ / サイドバー / フッター基調 */
.header-container,
.navi,
.sidebar,
.footer {
  background-color: rgba(var(--lc-bg), 1);
}

/* デフォルトリンク */
a {
  color: rgba(var(--lc-primary), 1);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
a:hover {
  color: rgba(var(--lc-secondary), 1);
}

/* =========================================================
 * 見た目のトーン：カード・枠・背景
 * ======================================================= */

/* 記事本文・インデックスの大枠 */
.single .main,
.page .main,
.error404 .main,
.list {
  position: relative;
  background: rgba(var(--lc-card-bg), 1);
  padding: 2em;
  border: 1px solid rgba(var(--lc-border), 0.9);
  box-sizing: border-box;
  margin-bottom: 1.5em;
  border-radius: 18px;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.7);
}

/* サイドバーウィジェット */
.widget-sidebar,
.sidebar .widget {
  position: relative;
  background: rgba(var(--lc-bg-soft), 1);
  padding: 1.4em 1.2em;
  border-radius: 16px;
  border: 1px solid rgba(var(--lc-border), 0.9);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.75);
  color: rgba(var(--lc-text), 0.96);
}

/* カード囲み（一覧の記事・関連記事など） */
.a-wrap {
  color: rgba(var(--lc-text), 1);
  background-color: rgba(var(--lc-card-bg), 1);
  border-radius: 14px;
  border: 1px solid rgba(var(--lc-border), 0.9);
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.list .a-wrap {
  border-radius: 14px;
}

.a-wrap:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.8);
  border-color: rgba(var(--lc-primary), 0.8);
}

/* タイトル類（リストタイトル・記事タイトルなど） */
.entry-title,
.post-title,
.page-title,
.list-title,
.entry-card-title,
.related-entry-card-title {
  color: rgba(var(--lc-text), 1);
  border-bottom: 1px solid rgba(var(--lc-border), 0.8);
}

/* 見出しフォント（少しシャープめ） */
.logo-text,
.logo-menu-button,
.appeal-title,
.entry-title,
.list-title,
.entry-card-title,
.pagination .page-numbers,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.widget h2,
.widget-title,
.related-entry-main-heading,
.comment-title,
.footer-title {
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* =========================================================
 * ヘッダー / ロゴ / メニュー
 * ======================================================= */

.header-container:not(.fixed-header) {
  position: relative !important;
}

.header,
.header .logo-text .site-name-text,
.header .tagline {
  color: rgba(var(--lc-text), 1);
}

/* テキストのサイトタイトル */
.logo-text .site-name-text,
.mobile-menu-buttons .logo-menu-button > a {
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.site-name-text-link {
  color: rgba(var(--lc-text), 1);
}

/* キャッチコピー */
.tagline {
  display: inline-block;
  margin: 0.6em auto 0;
  padding: 0.2em 0.8em;
  font-size: 0.78rem;
  color: rgba(var(--lc-text-muted), 1);
  background: rgba(var(--lc-bg-soft), 0.65);
  border-radius: 999px;
}

/* グローバルナビ */
.navi-in a {
  transition: color 0.2s ease, background 0.2s ease;
  cursor: pointer;
  color: rgba(var(--lc-text), 0.96);
  font-size: 15px;
  letter-spacing: 0.05em;
}

.navi-in a:hover {
  background-color: rgba(var(--lc-bg-soft), 0.9);
}

/* サブメニュー背景 */
.navi-in > ul .sub-menu {
  background-color: rgba(var(--lc-bg-soft), 1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.85);
}

/* モバイルメニュー */
@media screen and (max-width: 834px) {
  #navi .navi-in > .menu-mobile li {
    border-radius: 8px;
    border: 1px solid rgba(var(--lc-border), 1);
    background-color: rgba(var(--lc-bg-soft), 1);
  }
  .mobile-menu-buttons .menu-button > a {
    color: rgba(var(--lc-text-muted), 1);
  }
}

.menu-drawer a {
  color: rgba(var(--lc-text), 0.9);
}

/* 通知エリア */
.notice-area {
  background: linear-gradient(
    135deg,
    rgba(var(--lc-primary), 1),
    rgba(var(--lc-secondary), 1)
  );
  color: rgba(var(--lc-bg), 1);
}

/* =========================================================
 * 記事内見出し / 目次 / リスト
 * ======================================================= */

/* h2：太めライン＆グラデーションバー */
.article h2 {
  position: relative;
  margin: 2.6em 0 1.4em;
  padding: 0.4em 0.2em 0.6em 0.4em;
  border-bottom: 2px solid rgba(var(--lc-border), 1);
}
.article h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 120px;
  height: 2px;
  background: linear-gradient(
    90deg,
    rgba(var(--lc-primary), 1),
    rgba(var(--lc-secondary), 1)
  );
}

/* ===== ウィジェット見出しの背景を黒系に統一 ===== */

/* ブロックウィジェット（最近の投稿など） */
.widget.widget_block .wp-block-heading,
.widget .wp-block-heading {
  background: transparent !important;          /* 白背景を消す */
  color: rgba(var(--lc-text), 1) !important;   /* 文字をメイン色に */
  margin: 0 0 0.8em;
  padding: 0 0 0.4em;
  border-bottom: 1px solid rgba(var(--lc-border), 0.8);
  box-shadow: none !important;
}

/* 旧タイプのウィジェットタイトルも合わせておく */
.widget .widget-title,
.widget-sidebar .widget-title {
  background: transparent !important;
  color: rgba(var(--lc-text), 1);
  margin: 0 0 0.8em;
  padding: 0 0 0.4em;
  border-bottom: 1px solid rgba(var(--lc-border), 0.8);
  box-shadow: none !important;
}

/* h3：左ライン */
.article h3 {
  position: relative;
  margin: 2em 0 1.2em;
  padding: 0.2em 0.5em 0.2em 0.9em;
  border-left: 3px solid rgba(var(--lc-primary), 1);
}

/* h4以下は少し控えめ */
.article h4 {
  margin: 1.8em 0 0.8em;
  padding-bottom: 0.4em;
  border-bottom: 1px dashed rgba(var(--lc-border), 1);
}

/* 目次 */
.toc {
  width: 90%;
  padding: 1em 1.2em;
  margin: 1.5em auto;
  border-radius: 12px;
  background: radial-gradient(
      circle at 0 0,
      rgba(var(--lc-primary), 0.2),
      transparent 55%
    ),
    rgba(var(--lc-bg-soft), 1);
  border: 1px solid rgba(var(--lc-border), 1);
  font-size: 0.9em;
}

.toc-title {
  margin: 0 0 0.6em;
  font-weight: bold;
  color: rgba(var(--lc-text), 1);
  border-bottom: 1px solid rgba(var(--lc-border), 0.9);
  padding-bottom: 0.4em;
}
.toc-title::before {
  content: "☰";
  margin-right: 0.4em;
  font-size: 0.9em;
  color: rgba(var(--lc-primary), 1);
}

.toc a {
  color: rgba(var(--lc-text), 1);
  text-decoration: none;
}
.toc a:hover {
  color: rgba(var(--lc-primary), 1);
}

/* リスト */
.article ul li,
.article ol li {
  margin-bottom: 0.2em;
}

/* =========================================================
 * 画像・テーブル・引用・コード
 * ======================================================= */

.iwe-border img,
.iwe-border amp-img {
  border: 1px solid rgba(var(--lc-border), 1);
}

.iwe-shadow img,
.iwe-shadow amp-img {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.85);
}

.scrollable-table th {
  background-color: rgba(var(--lc-bg-soft), 1);
}
table tr:nth-of-type(2n + 1) {
  background-color: rgba(var(--lc-bg-soft), 0.6);
}

/* blockquote */
blockquote {
  position: relative;
  background: rgba(var(--lc-bg-soft), 0.9);
  border-left: 3px solid rgba(var(--lc-primary), 1);
  padding: 1em 1.4em;
  margin: 1.8em 0;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.65);
}
blockquote::before {
  content: "“";
  position: absolute;
  font-size: 3.4em;
  left: 0.12em;
  top: -0.25em;
  color: rgba(var(--lc-primary), 0.35);
}

/* コード */
pre {
  background-color: rgba(var(--lc-bg-soft), 1);
  border: 1px solid rgba(var(--lc-border), 1);
  padding: 0.9em 1em;
  border-radius: 10px;
  font-size: 0.9em;
  overflow-x: auto;
}

/* =========================================================
 * ボックス系（案内ボックス・ブログカードなど）
 * ======================================================= */

.is-style-information-box,
.information-box,
.information,
.is-style-question-box,
.question-box,
.question,
.is-style-alert-box,
.alert-box,
.alert,
.is-style-memo-box,
.memo-box,
.is-style-comment-box,
.comment-box,
.is-style-ok-box,
.ok-box,
.is-style-ng-box,
.ng-box,
.is-style-good-box,
.good-box,
.is-style-bad-box,
.bad-box,
.is-style-profile-box,
.profile-box,
.is-style-primary-box,
.primary-box,
.is-style-secondary-box,
.secondary-box,
.is-style-info-box,
.info-box,
.is-style-success-box,
.success-box,
.is-style-warning-box,
.warning-box,
.is-style-danger-box,
.danger-box,
.is-style-light-box,
.light-box,
.is-style-dark-box,
.dark-box {
  position: relative;
  background: rgba(var(--lc-bg-soft), 0.95);
  border-width: 1px;
  border-style: solid;
  border-color: rgba(var(--lc-border), 1);
  border-radius: 10px;
}

.blogcard {
  border: 1px solid rgba(var(--lc-border), 1);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.65);
  background: rgba(var(--lc-card-bg), 1);
  color: rgba(var(--lc-text), 1);
}

.blogcard-content {
  border-left: 2px solid rgba(var(--lc-primary), 0.8);
  padding-left: 0.8em;
}

/* =========================================================
 * ボタン / フォーム / ページネーション
 * ======================================================= */

.btn,
.ranking-item-link-buttons a,
.btn-wrap > a,
.wp-block-freeform .btn-wrap > a,
input[type="submit"],
.list-more-button,
.comment-btn {
  border-radius: 999px;
  border: none;
  background: linear-gradient(
    135deg,
    rgba(var(--lc-primary), 1),
    rgba(var(--lc-secondary), 1)
  );
  color: rgba(var(--lc-bg), 1);
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.85);
  padding: 0.7em 1.6em;
  font-weight: 600;
  letter-spacing: 0.08em;
}

.btn:hover,
.ranking-item-link-buttons a:hover,
.btn-wrap > a:hover,
.wp-block-freeform .btn-wrap > a:hover,
input[type="submit"]:hover,
.list-more-button:hover,
.comment-btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

/* 入力系 */
.search-edit,
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea,
select {
  border-color: rgba(var(--lc-border), 1);
  border-width: 1px;
  border-radius: 10px;
  background-color: rgba(var(--lc-bg-soft), 0.7);
  color: rgba(var(--lc-text), 1);
}

option {
  background-color: rgba(var(--lc-bg), 1);
}

/* ページネーション */
.pagination .page-numbers,
.comment-page-link .page-numbers {
  border-radius: 999px;
  border: 1px solid rgba(var(--lc-border), 1);
  background-color: transparent;
  color: rgba(var(--lc-text-muted), 1);
  padding: 0.3em 0.7em;
}

.pagination .current,
.comment-page-link .current {
  background: linear-gradient(
    135deg,
    rgba(var(--lc-primary), 1),
    rgba(var(--lc-secondary), 1)
  );
  color: rgba(var(--lc-bg), 1);
  border-color: transparent;
}

/* =========================================================
 * SNSシェア / フォロー
 * ======================================================= */

.sns-share-message,
.sns-follow-message {
  background: rgba(var(--lc-bg-soft), 1);
  color: rgba(var(--lc-text), 1);
  border-radius: 14px;
  padding: 1em;
  font-size: 0.9rem;
}

.sns-buttons a {
  border-radius: 999px;
  border: 1px solid rgba(var(--lc-border), 1);
  background-color: rgba(var(--lc-bg), 1) !important;
  color: rgba(var(--lc-text), 1);
}

.sns-buttons a:hover {
  background: linear-gradient(
    135deg,
    rgba(var(--lc-primary), 1),
    rgba(var(--lc-secondary), 1)
  ) !important;
  color: rgba(var(--lc-bg), 1) !important;
}

/* =========================================================
 * プロフィール / CTA
 * ======================================================= */

.author-box {
  border: none;
  background: rgba(var(--lc-card-bg), 1);
  border-radius: 18px;
  box-shadow: 0 16px 35px rgba(0, 0, 0, 0.7);
}

.author-box .author-thumb img {
  border-radius: 10px;
}

.author-box .author-name a {
  color: rgba(var(--lc-text), 1);
}

.cta-box {
  border-radius: 18px;
  background: rgba(var(--lc-card-bg), 1);
  color: rgba(var(--lc-text), 1);
}

/* =========================================================
 * フッター
 * ======================================================= */

.footer {
  border-top: 1px solid rgba(var(--lc-border), 0.8);
}

.footer-title {
  text-align: center;
}

/* 小さめ文字 */
.footer-bottom {
  font-size: 0.78rem;
  color: rgba(var(--lc-text-muted), 1);
}

/* =========================================
   Last Commit Dark – カードホバー：シアングロー版
   ========================================= */

:root {
  /* すでに定義済みなら不要。念のため再掲 */
  --lc-primary: 58, 242, 242;   /* #3AF2F2 */
  --lc-secondary: 181, 76, 255; /* #B54CFF */
  --lc-card-bg: 10, 12, 20;
  --lc-text: 249, 250, 251;
}

/* 反転エフェクト全停止 */
.a-wrap:hover,
.entry-card-wrap:hover,
.related-entry-card-wrap:hover,
.blogcard:hover {
  filter: none !important;
  -webkit-filter: none !important;
}

/* 共通：カードホバーで淡いシアングロー */
.a-wrap:hover,
.entry-card-wrap:hover,
.related-entry-card-wrap:hover,
.blogcard:hover {
  background: rgba(var(--lc-card-bg), 1) !important;
  border-color: rgba(var(--lc-primary), 0.6) !important;

  box-shadow:
    0 0 6px rgba(var(--lc-primary), 0.45),
    0 0 14px rgba(var(--lc-primary), 0.35),
    0 0 26px rgba(var(--lc-secondary), 0.15);

  transform: translateY(-2px);
  transition:
    background 0.25s ease,
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    transform 0.2s ease;
}

/* 文字色は絶対に反転させない */
.a-wrap:hover *,
.entry-card-wrap:hover *,
.related-entry-card-wrap:hover *,
.blogcard:hover *,
.blogcard:hover .blogcard-title,
.blogcard:hover .blogcard-snippet {
  color: rgba(var(--lc-text), 1) !important;
}

/* スニペットなどのサブテキストはやや薄めの白 */
.a-wrap:hover .entry-card-snippet,
.entry-card-wrap:hover .entry-card-snippet,
.related-entry-card-wrap:hover .related-entry-card-snippet {
  color: rgba(var(--lc-text), 0.75) !important;
}

/* アイキャッチ画像も反転しない */
.a-wrap:hover img,
.entry-card-wrap:hover img,
.related-entry-card-wrap:hover img,
.blogcard:hover img {
  filter: none !important;
  opacity: 1 !important;
}

/* サイドバー内のカードにも適応 */
.sidebar .widget:hover {
  box-shadow:
    0 0 6px rgba(var(--lc-primary), 0.35),
    0 0 16px rgba(var(--lc-primary), 0.25);
  border-color: rgba(var(--lc-primary), 0.5);
  transform: translateY(-2px);
  transition:
    box-shadow 0.25s ease,
    border-color 0.25s ease,
    transform 0.2s ease;
}

/* ホバー前のカードの自然な状態を整える */
.a-wrap,
.entry-card-wrap,
.related-entry-card-wrap,
.blogcard {
  background: rgba(var(--lc-card-bg), 1) !important;
  border: 1px solid rgba(var(--lc-border), 0.9) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.6) !important;
  transition: all 0.25s ease !important;
}

/* =========================================
   最近の投稿ウィジェット内リンクの反転を無効化
   ========================================= */

/* リストの余白を整える（お好みで） */
.widget .wp-block-latest-posts__list {
  margin: 0.3em 0 0;
  padding: 0;
}

/* 各記事リンクの基本スタイル（ダーク用） */
.widget .wp-block-latest-posts__post-title {
  display: block;
  padding: 0.6em 0.8em;
  border-radius: 6px;
  background: transparent !important;                 /* 白背景を消す */
  color: rgba(var(--lc-text), 1) !important;          /* 文字は白 */
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* ホバー時：反転ではなく、うっすらシアンのハイライト */
.widget .wp-block-latest-posts__post-title:hover {
  background: rgba(var(--lc-primary), 0.12) !important; /* 薄いシアン */
  color: rgba(var(--lc-text), 1) !important;
  box-shadow: 0 0 8px rgba(var(--lc-primary), 0.35);
  transform: translateY(-1px);
}

/* =========================================
   アーカイブウィジェットのリンク反転を無効化
   ========================================= */

/* アーカイブリストのリンク全体 */
.widget .wp-block-archives-list li a {
  display: block;
  padding: 0.6em 0.8em;
  background: transparent !important;                    /* 白背景を消す */
  color: rgba(var(--lc-text), 1) !important;             /* 白文字固定 */
  border-radius: 6px;
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* avoid Gutenberg list-item background */
.widget .wp-block-archives-list li a:hover {
  background: rgba(var(--lc-primary), 0.12) !important;  /* 薄いシアングロー */
  color: rgba(var(--lc-text), 1) !important;
  box-shadow: 0 0 8px rgba(var(--lc-primary), 0.35);
  transform: translateY(-1px);
}

/* テキスト（キャプション）もしっかり白固定 */
.widget .wp-block-archives-list li a span {
  color: rgba(var(--lc-text), 1) !important;
}
.widget .wp-block-archives-list li a:hover span {
  color: rgba(var(--lc-text), 1) !important;
}

/* =========================================
   カテゴリーウィジェットのリンク反転を無効化
   ========================================= */

/* カテゴリリストのリンク基本スタイル */
.widget .wp-block-categories-list li a {
  display: block;
  padding: 0.6em 0.8em;
  background: transparent !important;                    /* 白背景を消す */
  color: rgba(var(--lc-text), 1) !important;             /* 白文字固定 */
  border-radius: 6px;
  text-decoration: none;
  transition:
    background 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* ホバー時：反転ではなく薄いシアンのハイライト */
.widget .wp-block-categories-list li a:hover {
  background: rgba(var(--lc-primary), 0.12) !important;  /* 薄いシアングロー */
  color: rgba(var(--lc-text), 1) !important;
  box-shadow: 0 0 8px rgba(var(--lc-primary), 0.35);
  transform: translateY(-1px);
}

/* キャプションテキストも白で固定 */
.widget .wp-block-categories-list li a span {
  color: rgba(var(--lc-text), 1) !important;
}
.widget .wp-block-categories-list li a:hover span {
  color: rgba(var(--lc-text), 1) !important;
}

/* =========================================
   最近のコメントウィジェットの見え方を修正
   ========================================= */

/* カード全体の余白など微調整 */
.widget_recent_comments .recent-comments .recent-comment-link.a-wrap {
  padding: 0.7em 0.8em;
}

/* コメントボックス本体をダークに */
.widget_recent_comments .recent-comment {
  background: rgba(var(--lc-card-bg), 1) !important;
  border-radius: 12px;
  border: 1px solid rgba(var(--lc-border), 0.9);
  box-shadow: none;
}

/* 白い吹き出し部分をダークグレーに変更 */
.widget_recent_comments .recent-comment-content {
  background: rgba(var(--lc-bg-soft), 1) !important;
  color: rgba(var(--lc-text), 0.9) !importa

/* =========================================
   クラシック版 アーカイブ(widget_archive) 完全対応
   ========================================= */

/* まず、アーカイブウィジェット内の背景色を一度リセット */
.widget_archive,
.widget_archive * {
  background-color: transparent !important;
}

/* li 自体も白くならないように */
.widget_archive ul,
.widget_archive ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 通常状態：リンクをダーク用に整える */
.sidebar .widget_archive ul li a,
.widget-sidebar.widget_archive ul li a,
.widget_archive ul li a {
  display: block;
  padding: 0.6em 0.8em;
  border-radius: 6px;
  text-decoration: none;

  background-color: transparent !important;              /* 白帯を完全に消す */
  color: rgba(var(--lc-text), 1) !important;             /* 白文字 */

  transition:
    background-color 0.2s ease,
    color 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* キャプションの文字色も白固定 */
.widget_archive ul li a .list-item-caption {
  color: rgba(var(--lc-text), 1) !important;
}

/* ホバー時：反転ではなく薄いシアングローだけにする */
.sidebar .widget_archive ul li a:hover,
.widget-sidebar.widget_archive ul li a:hover,
.widget_archive ul li a:hover {
  ba

/* =========================================
   カレンダー(widget_calendar) の視認性アップ
   ========================================= */

.widget_calendar #wp-calendar {
  width: 100%;
  border-collapse: collapse;
  color: rgba(var(--lc-text), 1);
  background: transparent;
  margin-top: 0.4em;
}

/* 見出し（2025年11月） */
.widget_calendar #wp-calendar caption {
  caption-side: top;
  padding: 0.6em 0;
  font-weight: 700;
  font-size: 1rem;
  color: rgba(var(--lc-text), 1);
}

/* 曜日ヘッダー行 */
.widget_calendar #wp-calendar thead th {
  padding: 0.45em 0.2em;
  text-align: center;
  font-weight: 600;
  font-size: 0.85rem;
  background: rgba(var(--lc-bg-soft), 0.95);              /* 濃いめの帯 */
  color: rgba(var(--lc-text), 0.9);
  border-bottom: 1px solid rgba(var(--lc-border), 1);
}

/* 日付マス（通常） */
.widget_calendar #wp-calendar tbody td {
  padding: 0.4em 0.2em;
  text-align: center;
  font-size: 0.9rem;
  border: 1px solid rgba(var(--lc-border), 0.9);
  background: rgba(var(--lc-bg), 1);
}

/* 何もない空白マス */
.widget_calendar #wp-calendar tbody td.pad {
  background: rgba(var(--lc-bg), 1);
  border: none;
}

/* 投稿のある日付（リンクになっている日） */
.widget_calendar #wp-calendar tbody a {
  display: inline-block;
  min-width: 2em;
  padding: 0.15em 0.25em;
  border-radius: 999px;
  background: rgba(var(--lc-primary), 0.25);              /* シアン寄りのハイライト */
  color: rgba(var(--lc-bg), 1) !important;                /* 文字は濃いめでコントラスト確保 */
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 0 6px rgba(var(--lc-primary), 0.45);
  transition:
    background 0.2s ease,
    box-shadow 0.2s ease,
    transform 0.15s ease;
}

/* 投稿日のホバー：少し強めに光らせる */
.widget_calendar #wp-calendar tbody a:hover {
  background: rgba(var(--lc-primary), 0.4);
  box-shadow:
    0 0 6px rgba(var(--lc-primary), 0.6),
    0 0 12px rgba(var(--lc-secondary), 0.35);
  transform: translateY(-1px);
}

/* 今日のマス (#today) を分かりやすく */
.widget_calendar #wp-calendar tbody #today {
  position: relative;
  background: rgba(var(--lc-secondary), 0.18);            /* ほんのりパープル */
  border-color: rgba(var(--lc-secondary), 0.9);
  font-weight: 700;
}

/* 今日の日付の文字色をしっかり白で */
.widget_calendar #wp-calendar tbody #today,
.widget_calendar #wp-calendar tbody #today a {
  color: rgba(var(--lc-text), 1) !important;
}

/* 今日のマスに細い外枠グロー */
.widget_calendar #wp-calendar tbody #today::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 6px;
  box-shadow:
    0 0 6px rgba(var(--lc-secondary), 0.7),
    0 0 14px rgba(var(--lc-primary), 0.4);
  pointer-events: none;
}