/* ==========================================================================
   アイアンサーガ 攻略サイト ライト化オーバーライド
   既存テーマの style.css の「後に」読み込むだけで白背景になります。
   （style.css を置き換えられない場合の応急処置用）
   ========================================================================== */

/* --- 以前のテーマが使っていた暗い背景レイヤーを消す --- */
#particles-js,
.backimage,
#particles-js canvas { display: none !important; }

/* --- 背景と文字色を強制的にライトに --- */
html, body,
#wrapper, #content, #wrapper2, #sidebar, #sidebarWrap, .panel,
.site-main, .isa-site, main {
  background: #FFFFFF !important;
  color: #0B1220 !important;
}
body { font-family: "Noto Sans JP","Hiragino Sans","Yu Gothic","Meiryo",sans-serif !important; }

/* セクション帯だけうっすらグレーで区切る */
.isa-section--alt { background: #F8FAFC !important; }

/* --- 文字の可読性確保 --- */
h1, h2, h3, h4, h5, h6, .isa-card__title, .isa-post__title,
.isa-panel__title, .isa-head__title, .isa-article__title,
.isa-row__txt, .isa-db__item, .isa-mech__name {
  color: #0B1220 !important;
}
p, li, dd, td, .isa-card__desc, .isa-post__excerpt, .sf-about, .sf-col a {
  color: #2A3A50 !important;
}
a { color: #0B72D6; }
a:hover { color: #075EAF; }

/* --- カード/パネルは白地に --- */
.isa-card, .isa-panel, .isa-row, .isa-db__item, .isa-post,
.isa-points, .isa-tier, .isa-toc, .isa-mech, .isa-mech__part, .isa-table-wrap {
  background: #FFFFFF !important;
  border-color: #D3DDEB !important;
  box-shadow: 0 1px 0 #fff inset, 0 2px 4px rgba(15,35,70,.06), 0 10px 26px rgba(15,35,70,.07) !important;
}
.isa-card__sub, .isa-section--alt, .isa-entry ul, .isa-entry ol {
  background: #F6F9FD !important;
}

/* --- 見出し・表（記事本文） --- */
.isa-entry h2 {
  background: linear-gradient(90deg, rgba(11,114,214,.10), #FFFFFF 62%) !important;
  color: #0B1220 !important; border: 1px solid #D3DDEB !important; border-left: 5px solid #0B72D6 !important;
}
.isa-entry h3 { background: #F6F9FD !important; color: #0B1220 !important; border: 1px solid #D3DDEB !important; }
.isa-entry h4 { background: rgba(109,40,217,.08) !important; color: #5B21B6 !important; border-color: rgba(109,40,217,.42) !important; }
.isa-entry th, .isa-table-wrap th { background: linear-gradient(180deg,#16283D,#0F1D2E) !important; color: #fff !important; }
.isa-entry td, .isa-table-wrap td { color: #2A3A50 !important; background: #fff; }
.isa-entry tbody tr:nth-child(even) td { background: #F6F9FD !important; }

/* --- ヒーロー：背景画像を見せつつ文字は読める --- */
.isa-hero { background: #FFFFFF !important; }
.isa-hero--art { min-height: 460px; }
.isa-hero--art .isa-hero__bg {
  position: absolute; inset: 0; z-index: 0;
  background-size: cover !important; background-position: center 18% !important;
  filter: saturate(1.05) brightness(1.06) contrast(.97);
}
.isa-hero--art .isa-hero__veil {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background:
    linear-gradient(96deg, rgba(255,255,255,.97) 0%, rgba(255,255,255,.92) 30%, rgba(255,255,255,.62) 45%,
      rgba(255,255,255,.22) 58%, rgba(255,255,255,.02) 74%, rgba(255,255,255,0) 100%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 62%, rgba(255,255,255,.62) 100%);
}
.isa-hero--art .isa-hero__inner { position: relative; z-index: 3; }

/* --- ヘッダー/フッター --- */
.site-header { background: rgba(255,255,255,.94) !important; border-bottom: 1px solid #D3DDEB !important; }
.site-footer { background: linear-gradient(180deg,#FFFFFF,#EAF1F9) !important; border-top: 1px solid #D3DDEB !important; }
.sh-nav a, .sh-logo, .sf-col a, .sh-drawer__list a { color: #0B1220 !important; }