/* Simple Icon System for aeklink */
/* Using CSS-only icons to avoid CDN dependencies */

.icon {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: relative;
}

/* Basic Icons using CSS */
.icon-home::before { content: "🏠"; }
.icon-server::before { content: "🖥️"; }
.icon-cloud::before { content: "☁️"; }
.icon-globe::before { content: "🌐"; }
.icon-lock::before { content: "🔒"; }
.icon-shield::before { content: "🛡️"; }
.icon-speed::before { content: "⚡"; }
.icon-support::before { content: "🎧"; }
.icon-check::before { content: "✓"; }
.icon-star::before { content: "⭐"; }
.icon-heart::before { content: "❤️"; }
.icon-mail::before { content: "✉️"; }
.icon-phone::before { content: "📞"; }
.icon-location::before { content: "📍"; }
.icon-time::before { content: "🕐"; }
.icon-menu::before { content: "☰"; }
.icon-close::before { content: "✕"; }
.icon-search::before { content: "🔍"; }
.icon-user::before { content: "👤"; }
.icon-users::before { content: "👥"; }
.icon-settings::before { content: "⚙️"; }
.icon-download::before { content: "⬇️"; }
.icon-upload::before { content: "⬆️"; }
.icon-link::before { content: "🔗"; }
.icon-external::before { content: "↗️"; }
.icon-arrow-right::before { content: "→"; }
.icon-arrow-left::before { content: "←"; }
.icon-arrow-up::before { content: "↑"; }
.icon-arrow-down::before { content: "↓"; }
.icon-chevron-down::before { content: "⌄"; }
.icon-chevron-up::before { content: "⌃"; }
.icon-chevron-right::before { content: "⌝"; }
.icon-chevron-left::before { content: "⌜"; }
.icon-plus::before { content: "+"; }
.icon-minus::before { content: "−"; }
.icon-info::before { content: "ℹ️"; }
.icon-warning::before { content: "⚠️"; }
.icon-error::before { content: "❌"; }
.icon-success::before { content: "✅"; }

/* Panel Header Icons */
.icon-refresh-cw::before { content: "🔄"; }
.icon-bell::before { content: "🔔"; }
.icon-help-circle::before { content: "❓"; }
.icon-activity::before { content: "📊"; }
.icon-bar-chart::before { content: "📊"; }
.icon-file-text::before { content: "📄"; }
.icon-credit-card::before { content: "💳"; }
.icon-dollar-sign::before { content: "💲"; }
.icon-message-square::before { content: "💬"; }
.icon-book::before { content: "📚"; }
.icon-layers::before { content: "📚"; }
.icon-hard-drive::before { content: "💾"; }
.icon-box::before { content: "📦"; }
.icon-image::before { content: "🖼️"; }
.icon-database::before { content: "🗄️"; }
.icon-zap::before { content: "⚡"; }
.icon-archive::before { content: "📁"; }
.icon-user-plus::before { content: "👤+"; }
.icon-alert-circle::before { content: "⚠️"; }
.icon-clock::before { content: "🕐"; }
.icon-loader::before { content: "⏳"; }
.icon-login::before { content: "🔓"; }

/* Social Media Icons */
.icon-facebook::before { content: "f"; background: #1877f2; color: white; border-radius: 4px; padding: 4px 6px; }
.icon-twitter::before { content: "t"; background: #1da1f2; color: white; border-radius: 4px; padding: 4px 6px; }
.icon-linkedin::before { content: "in"; background: #0077b5; color: white; border-radius: 4px; padding: 4px 6px; }
.icon-github::before { content: "gh"; background: #333; color: white; border-radius: 4px; padding: 4px 6px; }

/* Size Variations */
.icon-sm { font-size: 0.875rem; }
.icon-md { font-size: 1rem; }
.icon-lg { font-size: 1.25rem; }
.icon-xl { font-size: 1.5rem; }
.icon-2x { font-size: 2rem; }
.icon-3x { font-size: 3rem; }

/* Icon with text alignment */
.icon-text {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

/* Animated icons */
.icon-spin {
    animation: spin 2s linear infinite;
}

.icon-pulse {
    animation: pulse 2s ease-in-out infinite;
}

.icon-bounce {
    animation: bounce 1s ease-in-out infinite;
}

/* Animations */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-10px); }
    60% { transform: translateY(-5px); }
}

/* Geometric Icons using CSS shapes */
.icon-square::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: currentColor;
    margin-right: 0.25em;
}

.icon-circle::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: currentColor;
    border-radius: 50%;
    margin-right: 0.25em;
}

.icon-triangle::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-bottom: 0.866em solid currentColor;
    margin-right: 0.25em;
}

/* Theme-aware icons */
.theme-dark .icon-sun { display: none; }
.theme-light .icon-moon { display: none; }

.icon-sun::before { content: "☀️"; }
.icon-moon::before { content: "🌙"; }

/* Language flags */
.icon-flag-us::before { content: "🇺🇸"; }
.icon-flag-tr::before { content: "🇹🇷"; }

/* Business/Tech specific icons */
.icon-database::before { content: "🗄️"; }
.icon-code::before { content: "💻"; }
.icon-api::before { content: "🔌"; }
.icon-backup::before { content: "💾"; }
.icon-ssl::before { content: "🔐"; }
.icon-bandwidth::before { content: "📊"; }
.icon-uptime::before { content: "📈"; }
.icon-monitor::before { content: "📱"; }
.icon-hosting::before { content: "🌐"; }
.icon-domain::before { content: "🔗"; }
.icon-email::before { content: "📧"; }
.icon-cdn::before { content: "🌍"; }
.icon-firewall::before { content: "🚧"; }
.icon-load-balancer::before { content: "⚖️"; }

/* Status indicators */
.icon-online::before { content: "🟢"; }
.icon-offline::before { content: "🔴"; }
.icon-maintenance::before { content: "🟡"; }

/* Pricing and commerce */
.icon-price::before { content: "💰"; }
.icon-discount::before { content: "🏷️"; }
.icon-cart::before { content: "🛒"; }
.icon-payment::before { content: "💳"; }
.icon-invoice::before { content: "🧾"; }
.icon-edit::before { content: "✏️"; }
.icon-edit-2::before { content: "📝"; }
.icon-edit-3::before { content: "✏️"; }
.icon-trash::before { content: "🗑️"; }
.icon-trash-2::before { content: "🗑️"; }
.icon-delete::before { content: "❌"; }
.icon-check-circle::before { content: "✅"; }
.icon-more-horizontal::before { content: "⋯"; }
.icon-list::before { content: "📋"; }
.icon-wifi-off::before { content: "📶"; }
.icon-inbox::before { content: "📥"; }