/* Professional Icon Styles for Aegilock */

/* Base icon styling */
.icon-rocket::before,
.icon-target::before,
.icon-growth::before,
.icon-email::before,
.icon-chart::before,
.icon-robot::before,
.icon-legal::before,
.icon-book::before,
.icon-lock::before,
.icon-settings::before,
.icon-docs::before,
.icon-webhook::before,
.icon-test::before,
.icon-best-practices::before,
.icon-warning::before,
.icon-troubleshoot::before,
.icon-changelog::before,
.icon-new::before,
.icon-improvement::before,
.icon-chart-up::before,
.icon-bug-fix::before,
.icon-performance::before,
.icon-mobile::before,
.icon-brain::before,
.icon-global::before,
.icon-clock::before,
.icon-refresh::before,
.icon-shield::before {
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;
    font-weight: 600;
    font-size: 1.2em;
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    line-height: 1;
    margin-right: 0.5em;
    color: #667eea;
}

/* Individual icon symbols */
.icon-rocket::before { content: "🚀"; }
.icon-target::before { content: "●"; border: 2px solid currentColor; border-radius: 50%; width: 0.8em; height: 0.8em; }
.icon-growth::before { content: "↗"; }
.icon-email::before { content: "@"; }
.icon-chart::before { content: "📊"; }
.icon-robot::before { content: "⚙"; }
.icon-legal::before { content: "⚖"; }
.icon-book::before { content: "📖"; }
.icon-lock::before { content: "🔒"; }
.icon-settings::before { content: "⚙"; }
.icon-docs::before { content: "📄"; }
.icon-webhook::before { content: "🔗"; }
.icon-test::before { content: "🧪"; }
.icon-best-practices::before { content: "✨"; }
.icon-warning::before { content: "⚠"; color: #f59e0b; }
.icon-troubleshoot::before { content: "🔧"; }
.icon-changelog::before { content: "📝"; }
.icon-new::before { content: "+"; }
.icon-improvement::before { content: "↑"; }
.icon-chart-up::before { content: "↗"; }
.icon-bug-fix::before { content: "🐛"; }
.icon-performance::before { content: "⚡"; }
.icon-mobile::before { content: "📱"; }
.icon-brain::before { content: "🧠"; }
.icon-global::before { content: "🌍"; }
.icon-clock::before { content: "⏰"; }
.icon-refresh::before { content: "🔄"; }
.icon-shield::before { 
    content: "";
    background-image: url('/favicon.ico');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1em;
    height: 1em;
    display: inline-block;
}
.icon-check::before { content: "✓"; color: #10b981; font-weight: bold; }
.icon-info::before { content: "i"; background: #667eea; color: white; border-radius: 50%; width: 16px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; font-style: normal; }
.icon-money::before { content: "$"; color: #10b981; font-weight: bold; }

/* Context-specific styling */
.feature-icon i,
.icon i,
.sdk-icon i {
    font-size: 2em;
    color: #667eea;
    margin-right: 0;
}

.alert-icon i {
    color: #f59e0b;
    margin-right: 0.5em;
}

.blog-image i {
    font-size: 4em;
    color: #667eea;
    display: block;
    text-align: center;
    margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .icon-rocket::before,
    .icon-target::before,
    .icon-growth::before,
    .icon-email::before,
    .icon-chart::before,
    .icon-robot::before,
    .icon-legal::before,
    .icon-book::before,
    .icon-lock::before,
    .icon-settings::before,
    .icon-docs::before,
    .icon-webhook::before,
    .icon-test::before,
    .icon-best-practices::before,
    .icon-warning::before,
    .icon-troubleshoot::before,
    .icon-changelog::before,
    .icon-new::before,
    .icon-improvement::before,
    .icon-chart-up::before,
    .icon-bug-fix::before,
    .icon-performance::before,
    .icon-mobile::before,
    .icon-brain::before,
    .icon-global::before,
    .icon-clock::before,
    .icon-refresh::before,
    .icon-shield::before {
        font-size: 1em;
    }
    
    .feature-icon i,
    .icon i,
    .sdk-icon i {
        font-size: 1.5em;
    }
    
    .blog-image i {
        font-size: 3em;
    }
}