@charset "UTF-8";

/* オートフィル時の青い背景色を無効化するreset.css */

/* 基本的なオートフィル無効化 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    appearance: none !important;
}

/* 内部オートフィル選択状態の無効化 */
input:-internal-autofill-selected {
    appearance: none !important;
    background-image: none !important;
    background-color: transparent !important;
    color: inherit !important;
}

/* より具体的な無効化（優先度を上げる） */
input[type="text"]:-internal-autofill-selected,
input[type="email"]:-internal-autofill-selected,
input[type="password"]:-internal-autofill-selected,
input[type="search"]:-internal-autofill-selected,
input[type="url"]:-internal-autofill-selected,
input[type="tel"]:-internal-autofill-selected {
    appearance: none !important;
    background-image: none !important;
    background-color: transparent !important;
    color: inherit !important;
}

/* 追加のWebKit対応 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
    appearance: none !important;
}

/* フォーカス時の追加無効化 */
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: inherit !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* 完全な無効化（最後の手段） */
input {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

/* 特定のブラウザー向け追加対応 */
@supports (-webkit-appearance: none) {
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:active {
        transition: background-color 5000s ease-in-out 0s !important;
        -webkit-text-fill-color: inherit !important;
        background-color: transparent !important;
    }
}

/* Firefox向け */
@-moz-document url-prefix() {
    input:-moz-autofill {
        background-color: transparent !important;
        background-image: none !important;
    }
}