/* Style générique pour tous les tags */
.tag {
  display: inline-block;
  padding: 6px 14px;
  margin: 5px;
  border-radius: 20px; /* style pill */
  color: white;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

/* Effet hover global */
.tag:hover {
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  filter: brightness(1.15);
}

/* Couleurs personnalisées par techno */
.tag.csharp {
  background: linear-gradient(135deg, #6b2cff, #9d66ff);
}

.tag.Unity {
  background: linear-gradient(135deg, #000000, #434343);
}

.tag.Blender {
  background: linear-gradient(135deg, #fc6b00, #ff914d);
}

.tag.Xcode {
  background: linear-gradient(135deg, #0292ec, #4db8ff);
}

.tag.SwiftUI {
  background: linear-gradient(135deg, #009bfc, #36d1ff);
}

.tag.php {
  background: linear-gradient(135deg, #a365ec, #c89eff);
}

.tag.TMDB {
  background: linear-gradient(135deg, #38e3ee, #00c9d6);
}

.tag.API {
  background: linear-gradient(135deg, #fcb202, #ffd666);
  color: #333; /* texte sombre car fond clair */
}

.tag.cisco {
  background: linear-gradient(135deg, #ce0036, #ff3366);
}

.tag.esxi {
  background: linear-gradient(135deg, #a0ee13, #caff66);
  color: #333;
}

.tag.syno {
  background: linear-gradient(135deg, #c2d0d3, #f0f4f5);
  color: #333;
}

.tag.debian {
  background: linear-gradient(135deg, #f91a42, #ff6f91);
}

.tag.sql {
  background: linear-gradient(135deg, #00758F, #00aabb);
}

.tag.ue5 {
  background: linear-gradient(135deg, #0E1128, #23284d);
}

.tag.blueprint {
  background: linear-gradient(135deg, #2C9CF0, #6bbdff);
}

/* Tag spécial multicolore */
.tag.andmore {
  background: linear-gradient(45deg,
    red, orange, yellow, green, blue, indigo, violet
  );
}

.tag.internship {
  background: linear-gradient(135deg, #0072ff, #00c6ff); /* bleu professionnel */
}

.tag.workstudy {
  background: linear-gradient(135deg, #00b09b, #96c93d); /* vert apprentissage */
}
.tag.shadergraph {
  background: linear-gradient(135deg, #7b2ff7, #f107a3, #09c6f9);
}
.tag.schoolproject {
  background: linear-gradient(135deg, #4facfe, #7367f0);
}
.tag.git {
  background: linear-gradient(135deg, #f14e32, #f57c00);
}
.tag.cli {
  background: linear-gradient(135deg, #1e1e1e, #2d2d2d); /* fond style terminal */
  color: #00ff88; /* vert terminal */
  font-family: 'Courier New', monospace; /* police type console */
}

.tag.cypress {
  background: linear-gradient(135deg, #2c9cf0, #6bbdff); /* bleu Cypress */
  color: #fff;
}

.tag.devops {
  background: linear-gradient(135deg, #1e1e1e, #2d2d2d); /* style terminal sombre */
  color: #00ff88;
  font-family: 'Courier New', monospace;
}

.tag.gitlab-ci {
  background: linear-gradient(135deg, #f14e32, #f57c00); /* rouge / orange GitLab */
  color: #fff;
}

.tag.javascript {
  background: linear-gradient(135deg, #f0db4f, #ffd700); /* jaune JS */
  color: #000;
}

.tag.api {
  background: linear-gradient(135deg, #00b4d8, #0096c7); /* bleu vif style web */
  color: #fff;
}

.tag.json {
  background: linear-gradient(135deg, #f0a500, #ffba08); /* jaune/orange JSON */
  color: #000;
}

.tag.phpunit {
  background: linear-gradient(135deg, #8892be, #5e72be); /* bleu/gris PHP style PHPUnit */
  color: #fff;
}

.tag.test-automation {
  background: linear-gradient(135deg, #ff7f50, #ff4500); /* orange vif pour automatisation */
  color: #fff;
}

.tag.qa {
  background: linear-gradient(135deg, #34c759, #28a745); /* vert pour qualité */
  color: #fff;
}
.tag.windows-server {
  background: linear-gradient(135deg, #0078d7, #00bcf2); /* bleu Windows */
  color: #fff;
}
.tag.routing {
  background: linear-gradient(135deg, #1e1e1e, #2d2d2d); /* style terminal sombre */
  color: #00ff88; /* vert terminal */
  font-family: 'Courier New', monospace; /* police type console */
}

.tag.cesium {
  background: linear-gradient(135deg, #1f8eed, #4fc3f7); /* bleu Cesium / ciel */
  color: #fff;
}