/* Technology Logos - Minimalist Black, White, Gray Theme */

.tech-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    vertical-align: middle;
    font-size: 16px;
    color: #333 !important; /* Force monochrome in light mode */
    filter: grayscale(1) brightness(0.3) !important;
}

body.dark-mode .tech-logo {
    color: #e5e5e5 !important; /* Force monochrome in dark mode */
    filter: grayscale(1) brightness(1.2) !important;
}

.skill-item:hover .tech-logo {
    transform: scale(1.1);
    transition: all 0.2s ease;
    color: #000 !important;
    filter: grayscale(1) brightness(0.1) !important;
}

body.dark-mode .skill-item:hover .tech-logo {
    color: #fff !important;
    filter: grayscale(1) brightness(2) !important;
}

/* Remove all technology-specific coloring */
.tech-logo.aws,
.tech-logo.openstack,
.tech-logo.azure,
.tech-logo.gcp,
.tech-logo.docker,
.tech-logo.kubernetes,
.tech-logo.terraform,
.tech-logo.jenkins,
.tech-logo.github,
.tech-logo.ansible,
.tech-logo.prometheus,
.tech-logo.grafana,
.tech-logo.pfsense,
.tech-logo.go,
.tech-logo.python,
.tech-logo.java,
.tech-logo.cpp,
.tech-logo.bash,
.tech-logo.powershell,
.tech-logo.javascript,
.tech-logo.sql,
.tech-logo.git,
.tech-logo.linux,
.tech-logo.windows,
.tech-logo.vmware,
.tech-logo.hyperv,
.tech-logo.generic {
    color: inherit !important;
    filter: inherit !important;
}

/* Hover effects for generic logos only */
.skill-item:hover .tech-logo.generic {
    color: #000;
}

body.dark-mode .skill-item:hover .tech-logo.generic {
    color: #fff;
}

/* Hover effects for colored logos - make them brighter */
.skill-item:hover .tech-logo.aws {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.openstack {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.azure {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.gcp {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.docker {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.kubernetes {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.terraform {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.jenkins {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.github {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.ansible {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.prometheus {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.grafana {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.pfsense {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.go {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.python {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.java {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.cpp {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.bash {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.powershell {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.javascript {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.sql {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.git {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.linux {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.windows {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.vmware {
    filter: brightness(1.2) contrast(1.1);
}

.skill-item:hover .tech-logo.hyperv {
    filter: brightness(1.2) contrast(1.1);
}

/* Generic tech logos */
.tech-logo.generic {
    color: #666;
}

body.dark-mode .tech-logo.generic {
    color: #999;
}

/* Dark mode adjustments for colored logos */
body.dark-mode .tech-logo.aws,
body.dark-mode .tech-logo.openstack,
body.dark-mode .tech-logo.azure,
body.dark-mode .tech-logo.gcp,
body.dark-mode .tech-logo.docker,
body.dark-mode .tech-logo.kubernetes,
body.dark-mode .tech-logo.terraform,
body.dark-mode .tech-logo.jenkins,
body.dark-mode .tech-logo.github,
body.dark-mode .tech-logo.ansible,
body.dark-mode .tech-logo.prometheus,
body.dark-mode .tech-logo.grafana,
body.dark-mode .tech-logo.pfsense,
body.dark-mode .tech-logo.go,
body.dark-mode .tech-logo.python,
body.dark-mode .tech-logo.java,
body.dark-mode .tech-logo.cpp,
body.dark-mode .tech-logo.bash,
body.dark-mode .tech-logo.powershell,
body.dark-mode .tech-logo.javascript,
body.dark-mode .tech-logo.sql,
body.dark-mode .tech-logo.git,
body.dark-mode .tech-logo.linux,
body.dark-mode .tech-logo.windows,
body.dark-mode .tech-logo.vmware,
body.dark-mode .tech-logo.hyperv {
    filter: brightness(0.8) contrast(1.2);
}