/* ============================================================
   GadgetxAI 追加CSS
   場所: WordPress管理画面 → 外観 → カスタマイズ → 追加CSS
   ここに丸ごとコピペしてください
   ============================================================ */

/* ヒーローバナーの高さを縮小 */
.p-top-mv, .l-mainVisual { max-height: 400px !important; overflow: hidden; }
@media (max-width: 599px) {
  .p-top-mv, .l-mainVisual { max-height: 220px !important; }
}

/* 記事内テーブル 白ベース */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 16px 0;
}
.entry-content table th {
  background: #FF1744;
  color: #fff;
  padding: 10px 14px;
  text-align: left;
}
.entry-content table td {
  background: #fafafa;
  color: #111111;
  padding: 10px 14px;
  border-bottom: 1px solid #e0e0e0;
}
.entry-content table tr:nth-child(even) td {
  background: #f4f4f4;
}

/* リードボックス */
.entry-content [style*="1a1a2e"],
.entry-content [style*="1a1a1a"] {
  background: #fff8f8 !important;
  color: #111111 !important;
}
/* 記事内の見出し黒背景を強制修正 */
.entry-content h2,
.entry-content h3,
.entry-content h4 {
  background: transparent !important;
  color: #111111 !important;
}

/* インラインスタイルの黒背景を全て上書き */
.entry-content *[style*="background:#1a"],
.entry-content *[style*="background: #1a"] {
  background: #fff8f8 !important;
  color: #111111 !important;
}
/* オーブエフェクト */
.orb-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  background: transparent;
}
.orb-blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(70px);
  animation: blob-move var(--dur, 45s) ease-in-out infinite alternate;
  animation-delay: var(--delay, 0s);
}
@keyframes blob-move {
  0%   { transform: translate(0,0) scale(1); }
  25%  { transform: translate(var(--tx1),var(--ty1)) scale(1.06); }
  50%  { transform: translate(var(--tx2),var(--ty2)) scale(0.96); }
  75%  { transform: translate(var(--tx3),var(--ty3)) scale(1.04); }
  100% { transform: translate(var(--tx4),var(--ty4)) scale(0.98); }
}
.orb-sparkle {
  position: absolute;
  border-radius: 50%;
  animation: sparkle-float var(--dur, 24s) ease-in-out infinite;
  animation-delay: var(--delay, 0s);
}
@keyframes sparkle-float {
  0%   { transform:translate(0,0) scale(1);   opacity:var(--op1); }
  20%  { transform:translate(var(--x1),var(--y1)) scale(1.3); opacity:var(--op2); }
  40%  { transform:translate(var(--x2),var(--y2)) scale(0.8); opacity:var(--op1); }
  60%  { transform:translate(var(--x3),var(--y3)) scale(1.2); opacity:var(--op2); }
  80%  { transform:translate(var(--x4),var(--y4)) scale(0.9); opacity:var(--op1); }
  100% { transform:translate(0,0) scale(1);   opacity:var(--op2); }
}