/*
   아이콘 라이브러리 Fallback CSS
   FontAwesome 및 Bootstrap Icons 로드 실패 시 기본 표시를 위한 CSS
*/

/* FontAwesome 로드 확인 및 fallback 처리 */
.fas, .fa-solid {
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", "FontAwesome", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
}

/* FontAwesome이 로드되지 않은 경우 Unicode 문자로 대체 */
.fas.fa-lightbulb::before, .fa-solid.fa-lightbulb::before {
    content: "💡";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-cog::before, .fa-solid.fa-cog::before {
    content: "⚙️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-chart-line::before, .fa-solid.fa-chart-line::before {
    content: "📈";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-users::before, .fa-solid.fa-users::before {
    content: "👥";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-rocket::before, .fa-solid.fa-rocket::before {
    content: "🚀";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-fire::before, .fa-solid.fa-fire::before {
    content: "🔥";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-search::before, .fa-solid.fa-search::before {
    content: "🔍";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-plus::before, .fa-solid.fa-plus::before {
    content: "➕";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-question-circle::before, .fa-solid.fa-question-circle::before {
    content: "❓";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-file-alt::before, .fa-solid.fa-file-alt::before {
    content: "📄";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-handshake::before, .fa-solid.fa-handshake::before {
    content: "🤝";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-trophy::before, .fa-solid.fa-trophy::before {
    content: "🏆";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-star::before, .fa-solid.fa-star::before {
    content: "⭐";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-bolt::before, .fa-solid.fa-bolt::before {
    content: "⚡";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-eye::before, .fa-solid.fa-eye::before {
    content: "👁️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-heart::before, .fa-solid.fa-heart::before {
    content: "❤️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-comments::before, .fa-solid.fa-comments::before {
    content: "💬";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.fas.fa-chevron-left::before, .fa-solid.fa-chevron-left::before {
    content: "◀";
    font-family: sans-serif;
}

.fas.fa-chevron-right::before, .fa-solid.fa-chevron-right::before {
    content: "▶";
    font-family: sans-serif;
}

/* FontAwesome 로드 실패 시에만 적용되는 스타일 */
@supports not (font-family: "Font Awesome 6 Free") {
    .fas, .fa-solid {
        font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
    }
}

/* 아이콘 크기 조정 */
.floating-icon {
    font-size: inherit !important;
    line-height: 1;
    vertical-align: baseline;
}

/* 
   Bootstrap Icons Fallback CSS
   Bootstrap Icons 로드 실패 시 기본 표시를 위한 CSS
*/

/* Bootstrap Icons 로드 확인 및 fallback 처리 */
.bi {
    font-family: "bootstrap-icons", sans-serif;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
}

/* Bootstrap Icons이 로드되지 않은 경우 Unicode 문자로 대체 */
.bi-lightbulb::before {
    content: "💡";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-search::before {
    content: "🔍";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-house::before {
    content: "🏠";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-person::before {
    content: "👤";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-bell::before {
    content: "🔔";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-gear::before {
    content: "⚙️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-box-arrow-right::before {
    content: "➡️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-plus-circle::before {
    content: "➕";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-graph-up::before {
    content: "📊";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-megaphone::before {
    content: "📢";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-info-circle::before {
    content: "ℹ️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-arrow-right::before {
    content: "→";
    font-family: sans-serif;
}

.bi-list::before {
    content: "☰";
    font-family: sans-serif;
}

.bi-coin::before {
    content: "🪙";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-shield-check::before {
    content: "🛡️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-box-arrow-in-right::before {
    content: "🚪";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-person-plus::before {
    content: "👤➕";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-database::before {
    content: "💾";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-graph-up-arrow::before {
    content: "📈";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-journal-text::before {
    content: "📰";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-arrow-up-circle::before {
    content: "⬆️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-person-circle::before {
    content: "👤";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-diagram-3::before {
    content: "📊";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-book::before {
    content: "📚";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-heart::before {
    content: "❤️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-building::before {
    content: "🏢";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-briefcase::before {
    content: "💼";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-people-fill::before {
    content: "👥";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-geo-alt::before {
    content: "📍";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-telephone::before {
    content: "📞";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-envelope::before {
    content: "✉️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-clock::before {
    content: "🕐";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-facebook::before {
    content: "📘";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-twitter::before {
    content: "🐦";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-linkedin::before {
    content: "💼";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-youtube::before {
    content: "📹";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-arrow-up::before {
    content: "⬆";
    font-family: sans-serif;
}

.bi-chevron-down::before {
    content: "▼";
    font-family: sans-serif;
}

.bi-chevron-up::before {
    content: "▲";
    font-family: sans-serif;
}

.bi-chevron-left::before {
    content: "◀";
    font-family: sans-serif;
}

.bi-chevron-right::before {
    content: "▶";
    font-family: sans-serif;
}

.bi-x::before {
    content: "✕";
    font-family: sans-serif;
}

.bi-check::before {
    content: "✓";
    font-family: sans-serif;
}

.bi-star::before {
    content: "⭐";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-star-fill::before {
    content: "⭐";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-heart-fill::before {
    content: "❤️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-chat::before {
    content: "💬";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-eye::before {
    content: "👁️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-calendar::before {
    content: "📅";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-file-text::before {
    content: "📄";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-download::before {
    content: "⬇️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-upload::before {
    content: "⬆️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-trash::before {
    content: "🗑️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-pencil::before {
    content: "✏️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-flag::before {
    content: "🚩";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-bookmark::before {
    content: "🔖";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-bookmark-fill::before {
    content: "🔖";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-share::before {
    content: "📤";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-printer::before {
    content: "🖨️";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-link::before {
    content: "🔗";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-filter::before {
    content: "🔽";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-sort-down::before {
    content: "🔽";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

.bi-sort-up::before {
    content: "🔼";
    font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
}

/* Bootstrap Icons 로드 실패 시에만 적용되는 스타일 */
@supports not (font-family: "bootstrap-icons") {
    .bi {
        font-family: "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji", sans-serif;
    }
}

/* Bootstrap Icons 로드 상태 감지 */
.bootstrap-icons-test {
    font-family: "bootstrap-icons";
    position: absolute;
    left: -9999px;
    visibility: hidden;
}

.bootstrap-icons-test::before {
    content: "\f015"; /* house icon */
}