/* スマナ 静的サイト表示修正CSS */
/* Next.js hydration なしでも全コンテンツを正常表示する */

/* ==========================================
   アニメーション初期状態のリセット
   .reveal / .animate-fade-in / .animate-fade-in-up
   が opacity:0 で止まっている問題を解消
   ========================================== */

.reveal,
.animate-fade-in,
.animate-fade-in-up {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  visibility: visible !important;
}

/* インラインstyle で opacity:0 が直書きされている要素を上書き */
/* (animate-fade-in-up クラス付きの要素に対して) */
[class*="animate-fade"],
[class*="animate-in"],
[class*="motion"],
[data-framer-name] {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
}

/* ==========================================
   全セクション・コンテンツの表示保証
   ========================================== */

main section,
main > div,
main > article,
footer,
header {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ==========================================
   モバイルメニュー（非表示を維持）
   ========================================== */

/* PC表示でモバイルCTAバーを非表示 */
@media (min-width: 768px) {
  .mob-ctabar {
    display: none !important;
  }
}

/* ==========================================
   アニメーション無効化（パフォーマンス向上）
   ========================================== */

@keyframes fadeInUp {
  from { opacity: 1; transform: none; }
  to   { opacity: 1; transform: none; }
}

@keyframes fadeIn {
  from { opacity: 1; }
  to   { opacity: 1; }
}

@keyframes float {
  0%, 100% { transform: none; }
  50%       { transform: none; }
}