/* Icon fallback styles */
.icon-hamburger:before {
  content: "☰";
  font-family: Arial, sans-serif !important;
  font-size: 18px;
  color: #fff;
}

.icon-chat:before {
  content: "💬";
  font-family: Arial, sans-serif !important;
}

.icon-racing:before {
  content: "🏆";
  font-family: Arial, sans-serif !important;
}

.icon-message:before {
  content: "✉";
  font-family: Arial, sans-serif !important;
  color: #fff;
}

/* Main background now uses the casino card pattern image */

/* Header logo positioning */
.header-navigation {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 20px !important;
}

.brand-logo-header {
  flex: 1 !important;
  text-align: center !important;
}

.brand-logo-header img {
  height: 45px !important;
  max-height: 45px !important;
  transition: transform 0.2s ease !important;
}

.brand-logo-header img:hover {
  transform: scale(1.05) !important;
}

/* Comprehensive icon fallbacks using Unicode symbols and emojis */
.icon-close:before { content: "✕"; font-family: Arial, sans-serif !important; }
.icon-add:before { content: "+"; font-family: Arial, sans-serif !important; font-size: 18px; font-weight: bold; }
.icon-checked:before { content: "✓"; font-family: Arial, sans-serif !important; color: #4CAF50; }
.icon-alert-circle:before { content: "⚠"; font-family: Arial, sans-serif !important; color: #ff9800; }
.icon-alert-triangle:before { content: "⚠"; font-family: Arial, sans-serif !important; color: #f44336; }
.icon-clock:before { content: "🕐"; font-family: Arial, sans-serif !important; }
.icon-arrow-back-outline:before { content: "←"; font-family: Arial, sans-serif !important; font-size: 16px; }
.icon-detail:before { content: "ℹ"; font-family: Arial, sans-serif !important; color: #2196F3; }
.icon-ticket:before { content: "🎫"; font-family: Arial, sans-serif !important; }
.icon-search:before { content: "🔍"; font-family: Arial, sans-serif !important; }
.icon-mail:before { content: "✉"; font-family: Arial, sans-serif !important; color: #fff; }
.icon-home:before { content: "🏠"; font-family: Arial, sans-serif !important; }
.icon-live:before { content: "📺"; font-family: Arial, sans-serif !important; }
.icon-sports:before { content: "⚽"; font-family: Arial, sans-serif !important; }
.icon-fh:before { content: "🐟"; font-family: Arial, sans-serif !important; }
.icon-slot:before { content: "🎰"; font-family: Arial, sans-serif !important; }
.icon-arcade:before { content: "🕹"; font-family: Arial, sans-serif !important; }
.icon-rngtable:before { content: "♠"; font-family: Arial, sans-serif !important; }
.icon-jackpot:before { content: "💰"; font-family: Arial, sans-serif !important; color: #FFD700; }
.icon.icon-tournament:before { 
  content: "\f2f2"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #FFD700; 
}
.icon-gift:before { content: "🎁"; font-family: Arial, sans-serif !important; }
.icon-fire:before { content: "🔥"; font-family: Arial, sans-serif !important; }
.icon-lock:before { content: "🔒"; font-family: Arial, sans-serif !important; }
.icon-eye:before { content: "👁"; font-family: Arial, sans-serif !important; }
.icon-ball:before { content: "⚫"; font-family: Arial, sans-serif !important; }
.icon-new:before { content: "✨"; font-family: Arial, sans-serif !important; color: #ff9800; }
.icon-local:before { content: "📍"; font-family: Arial, sans-serif !important; }

/* Platform specific icons */
.icon-JILI:before { content: "🎮"; font-family: Arial, sans-serif !important; color: #FF6B35; }
.icon-JDB:before { content: "🎲"; font-family: Arial, sans-serif !important; color: #4CAF50; }
.icon-FACHAI:before { content: "🍀"; font-family: Arial, sans-serif !important; color: #4CAF50; }

/* Device icons */
.icon-android:before { content: "📱"; font-family: Arial, sans-serif !important; color: #4CAF50; }
.icon-ios:before { content: "📱"; font-family: Arial, sans-serif !important; color: #2196F3; }
.icon-windows:before { content: "💻"; font-family: Arial, sans-serif !important; color: #2196F3; }
.icon-smartphone:before { content: "📱"; font-family: Arial, sans-serif !important; }
.icon-tablet:before { content: "📱"; font-family: Arial, sans-serif !important; }
.icon-monitor:before { content: "🖥"; font-family: Arial, sans-serif !important; }

/* Search related */
.icon-SAERCH:before { content: "🔍"; font-family: Arial, sans-serif !important; }
.icon-lotto-search_data:before { content: "🔍"; font-family: Arial, sans-serif !important; }

/* Font Awesome brand icons */
.icon.icon-close:before { 
  content: "\f00d"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #999; 
}

.icon.icon-info:before { 
  content: "\f05a"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #2196F3; 
}

.icon.icon-whatsapp:before { 
  content: "\f232"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #25D366; 
}

.icon.icon-facebook:before { 
  content: "\f09a"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #4267B2; 
}

.icon.icon-viber:before { 
  content: "\f409"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #665CAC; 
}

.icon.icon-telegram:before { 
  content: "\f2c6"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #0088cc; 
}

.icon.icon-instagram:before { 
  content: "\f16d"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #E4405F; 
}

.icon.icon-user-plus:before { 
  content: "\f234"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #4CAF50; 
}

.icon.icon-receive:before { 
  content: "\f019"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #4CAF50; 
}

.icon.icon-deposit:before { 
  content: "\f093"; 
  font-family: "Font Awesome 6 Free" !important; 
  font-weight: 900;
  color: #2196F3; 
}

.icon.icon-googlechrome:before { 
  content: "\f268"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #4285F4; 
}

.icon.icon-safari:before { 
  content: "\f267"; 
  font-family: "Font Awesome 6 Brands" !important; 
  color: #006CFF; 
}

.icon-link:before {
  content: "\f0c1";
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900;
  color: #2196F3;
}