/* ===================================
   ダークモード完全無効化CSS
   すべての要素でダークモードを無視
   =================================== */

/* ルート要素でライトモードを強制 */
:root {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
  -moz-color-scheme: light !important;
  -ms-color-scheme: light !important;
}

/* HTMLとBODYでライトモードを強制 */
html {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  filter: none !important;
  -webkit-filter: none !important;
}

body {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* すべての要素でダークモードを無視 */
* {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
}

/* ダークモードメディアクエリを無効化 */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }
  
  html {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  
  body {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    filter: none !important;
    -webkit-filter: none !important;
  }
  
  * {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }
}

/* Safari特有のダークモード対策 */
@supports (-webkit-touch-callout: none) {
  :root {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }
  
  html, body {
    color-scheme: light !important;
    -webkit-color-scheme: light !important;
  }
}

/* フォーム要素のダークモード無効化 */
input, textarea, select, button {
  color-scheme: light !important;
  -webkit-color-scheme: light !important;
  -webkit-appearance: none !important;
  background: #ffffff !important;
  color: #000000 !important;
}

/* 画像やビデオの反転を防ぐ */
img, video, iframe, embed, object {
  filter: none !important;
  -webkit-filter: none !important;
}

/* スクロールバーもライトモード */
::-webkit-scrollbar {
  color-scheme: light !important;
}

/* meta要素のcolor-schemeを上書き */
meta[name="color-scheme"] {
  content: "light" !important;
}

/* Forced Light Mode for all elements */
@media screen {
  html {
    filter: none !important;
    -webkit-filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}