/* MCP Icons CSS */

.mcp-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #f5f5f5;
    position: relative;
}

.mcp-icon i {
    font-size: 36px;
    color: #3498db;
}

/* Server Icons */
.icon-server i {
    color: #3498db;
}

.icon-server.devops i {
    color: #2980b9;
}

.icon-server.database i {
    color: #e74c3c;
}

.icon-server.web i {
    color: #9b59b6;
}

.icon-server.ai i {
    color: #2ecc71;
}

.icon-server.security i {
    color: #f39c12;
}

/* Client Icons */
.icon-client i {
    color: #2ecc71;
}

.icon-client.desktop i {
    color: #27ae60;
}

.icon-client.mobile i {
    color: #16a085;
}

.icon-client.ide i {
    color: #3498db;
}

.icon-client.cli i {
    color: #34495e;
}

.icon-client.web i {
    color: #2980b9;
}

/* Toolkit Icons */
.icon-toolkit i {
    color: #9b59b6;
}

.icon-toolkit.sdks i {
    color: #8e44ad;
}

.icon-toolkit.frameworks i {
    color: #e74c3c;
}

.icon-toolkit.testing i {
    color: #f39c12;
}

.icon-toolkit.utilities i {
    color: #2ecc71;
}

.icon-toolkit.hosting i {
    color: #3498db;
}

/* Common Category Icons */
.icon-category-devops i.fa-cogs,
.icon-category-devops i.fa-server,
.icon-category-devops i.fa-docker { color: #2980b9; }

.icon-category-database i.fa-database,
.icon-category-database i.fa-table { color: #e74c3c; }

.icon-category-web i.fa-globe,
.icon-category-web i.fa-browser { color: #9b59b6; }

.icon-category-ai i.fa-brain,
.icon-category-ai i.fa-robot { color: #2ecc71; }

.icon-category-security i.fa-shield-alt,
.icon-category-security i.fa-lock { color: #f39c12; }

.icon-category-desktop i.fa-desktop,
.icon-category-desktop i.fa-laptop { color: #27ae60; }

.icon-category-mobile i.fa-mobile-alt,
.icon-category-mobile i.fa-tablet-alt { color: #16a085; }

.icon-category-ide i.fa-code,
.icon-category-ide i.fa-terminal { color: #3498db; }

.icon-category-cli i.fa-terminal,
.icon-category-cli i.fa-keyboard { color: #34495e; }

.icon-category-sdks i.fa-cubes,
.icon-category-sdks i.fa-box { color: #8e44ad; }

.icon-category-frameworks i.fa-layer-group,
.icon-category-frameworks i.fa-sitemap { color: #e74c3c; }

.icon-category-testing i.fa-vial,
.icon-category-testing i.fa-check-circle { color: #f39c12; }

.icon-category-utilities i.fa-tools,
.icon-category-utilities i.fa-wrench { color: #2ecc71; }

.icon-category-hosting i.fa-cloud,
.icon-category-hosting i.fa-server { color: #3498db; }

/* Common MCP Tool Icons */
.icon-github i.fa-github { color: #333; }
.icon-docker i.fa-docker { color: #2496ed; }
.icon-kubernetes i.fa-dharmachakra { color: #326ce5; }
.icon-gitlab i.fa-gitlab { color: #fc6d26; }
.icon-circleci i.fa-circle-notch { color: #343434; }
.icon-postgres i.fa-database { color: #336791; }
.icon-redis i.fa-database { color: #d82c20; }
.icon-elasticsearch i.fa-search { color: #00bfb3; }
.icon-chroma i.fa-layer-group { color: #673ab7; }
.icon-neo4j i.fa-project-diagram { color: #008cc1; }
.icon-brave i.fa-search { color: #fb542b; }
.icon-notion i.fa-sticky-note { color: #000000; }
.icon-puppeteer i.fa-ghost { color: #00b57a; }
.icon-duckduckgo i.fa-search { color: #de5833; }
.icon-firecrawl i.fa-fire { color: #ff3e00; }
.icon-stripe i.fa-credit-card { color: #635bff; }
.icon-shopify i.fa-shopping-cart { color: #96bf48; }
.icon-atlassian i.fa-atlas { color: #0052cc; }
.icon-azure i.fa-cloud { color: #0078d7; }
.icon-google-maps i.fa-map-marker-alt { color: #4285f4; }
.icon-tavily i.fa-search { color: #7952b3; }
.icon-perplexity-ask i.fa-question-circle { color: #ff6b6b; }
.icon-elevenlabs i.fa-volume-up { color: #ff5a5f; }
.icon-wolfram-alpha i.fa-square-root-alt { color: #d10; }
.icon-everart i.fa-paint-brush { color: #ffcc00; }

/* Override font awesome sizing in cards */
.card-image .mcp-icon i {
    font-size: 42px;
}