/* Fallback fonts and icons for HSE Management System */
/* This file provides fallback styling when CDN resources fail to load */

/* System font fallbacks */
@font-face {
  font-family: 'Inter-fallback';
  src: local('Inter'), local('Segoe UI'), local('Roboto'), local('Helvetica Neue'), local('Arial');
  font-display: swap;
  font-weight: 300 700;
}

/* Icon fallbacks using Unicode symbols */
.bi-shield-check::before { content: "🛡️"; }
.bi-exclamation-triangle::before { content: "⚠️"; }
.bi-tools::before { content: "🔧"; }
.bi-clipboard::before { content: "📋"; }
.bi-person::before { content: "👤"; }
.bi-gear::before { content: "⚙️"; }
.bi-house::before { content: "🏠"; }
.bi-list::before { content: "☰"; }
.bi-search::before { content: "🔍"; }
.bi-download::before { content: "⬇️"; }
.bi-upload::before { content: "⬆️"; }
.bi-check-circle::before { content: "✅"; }
.bi-x-circle::before { content: "❌"; }
.bi-info-circle::before { content: "ℹ️"; }
.bi-plus::before { content: "+"; }
.bi-dash::before { content: "-"; }
.bi-pencil::before { content: "✏️"; }
.bi-trash::before { content: "🗑️"; }
.bi-eye::before { content: "👁️"; }
.bi-calendar::before { content: "📅"; }
.bi-clock::before { content: "🕐"; }
.bi-map::before { content: "🗺️"; }
.bi-paperclip::before { content: "📎"; }
.bi-file-text::before { content: "📄"; }
.bi-graph-up::before { content: "📈"; }
.bi-bar-chart::before { content: "📊"; }

/* Font Awesome fallbacks */
.fa-shield-alt::before { content: "🛡️"; }
.fa-exclamation-triangle::before { content: "⚠️"; }
.fa-tools::before { content: "🔧"; }
.fa-clipboard::before { content: "📋"; }
.fa-user::before { content: "👤"; }
.fa-cog::before { content: "⚙️"; }
.fa-home::before { content: "🏠"; }
.fa-bars::before { content: "☰"; }
.fa-search::before { content: "🔍"; }
.fa-download::before { content: "⬇️"; }
.fa-upload::before { content: "⬆️"; }
.fa-check-circle::before { content: "✅"; }
.fa-times-circle::before { content: "❌"; }
.fa-info-circle::before { content: "ℹ️"; }
.fa-plus::before { content: "+"; }
.fa-minus::before { content: "-"; }
.fa-edit::before { content: "✏️"; }
.fa-trash::before { content: "🗑️"; }
.fa-eye::before { content: "👁️"; }
.fa-calendar::before { content: "📅"; }
.fa-clock::before { content: "🕐"; }
.fa-map::before { content: "🗺️"; }
.fa-paperclip::before { content: "📎"; }
.fa-file-text::before { content: "📄"; }
.fa-chart-line::before { content: "📈"; }
.fa-chart-bar::before { content: "📊"; }

/* Fallback when CDN fails */
.cdn-fallback {
  font-family: 'Inter-fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Emergency fallback styling */
.emergency-fallback .bi::before,
.emergency-fallback .fa::before {
  font-family: 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji', 'Segoe UI Symbol', 'Android Emoji', 'EmojiSymbols';
  font-size: 1.2em;
}

/* Loading state improvements */
.font-loading {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Responsive font sizing */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  
  .emergency-fallback .bi::before,
  .emergency-fallback .fa::before {
    font-size: 1.1em;
  }
}

@media (max-width: 480px) {
  body {
    font-size: 13px;
  }
  
  .emergency-fallback .bi::before,
  .emergency-fallback .fa::before {
    font-size: 1em;
  }
}