/* ========================================
   SYSTÈME DE TAGS UNIFIÉ - GLASSMORPHISM PREMIUM
   Blur 100% pour ressortir du fond
   Classes pour genres, plateformes et stores
   ======================================== */

/* DÉSACTIVATION GLOBALE DES HOVERS SUR TOUS LES TAGS (éléments non-interactifs statiques) */
.game-platform,
.game-store,
.game-card .genre-tag {
  pointer-events: none;
  user-select: none;
}

/* Supression complète de tous les changements d'état hover/focus */
.game-platform:hover,
.game-store:hover,
.game-card .genre-tag:hover,
.game-platform:focus,
.game-store:focus,
.game-card .genre-tag:focus {
  background: inherit !important;
  border-color: inherit !important;
  box-shadow: inherit !important;
  backdrop-filter: inherit !important;
  -webkit-backdrop-filter: inherit !important;
  transform: none !important;
  opacity: inherit !important;
  cursor: default !important;
}

/* ========================================
   BASE COMMUNE POUR TOUS LES TAGS
   ======================================== */
/* .game-genre supprimé - tags de genre retirés du site */
/* Styles pour les tags directs (sans .genre-tag imbriqué) - GLASSMORPHISM */
.game-platform,
.game-store {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  
  /* Glassmorphism premium - Blur maximum + Opacité 80% */
  background: rgba(117, 117, 117, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: var(--box-shadow-tag-base);
  text-shadow: var(--text-shadow-tag);
  
  color: #ffffff;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all var(--transition-normal) var(--transition-easing);
}

/* Responsive: Tablet */
@media (max-width: 768px) {
  .game-platform,
  .game-store {
    padding: 6px 10px;
    font-size: 0.7rem;
    max-width: 120px;
  }
}

/* Responsive: Mobile */
@media (max-width: 480px) {
  .game-platform,
  .game-store {
    padding: 5px 8px;
    font-size: 0.65rem;
    max-width: 90px;
  }
}

.game-platform:hover,
.game-store:hover {
  background: rgba(117, 117, 117, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  transform: none;
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

body.dark-mode .game-platform,
body.dark-mode .game-store {
  background: rgba(200, 200, 200, 0.9);
  border-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
}

/* ========================================
   TAGS DE PLATEFORME - COULEURS BRAND + GLASSMORPHISM
   ======================================== */

.game-platform.platform-playstation {
  background: rgba(0, 112, 209, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(66, 165, 245, 0.4);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 112, 209, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-playstation:hover {
  background: rgba(0, 112, 209, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 112, 209, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-xbox {
  background: rgba(16, 124, 16, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(102, 187, 106, 0.4);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(16, 124, 16, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-xbox:hover {
  background: rgba(16, 124, 16, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  -webkit-backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(16, 124, 16, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-nintendo {
  background: rgba(230, 0, 18, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(230, 0, 18, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(230, 0, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-nintendo:hover {
  background: rgba(230, 0, 18, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(230, 0, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-pc {
  background: rgba(79, 84, 92, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(79, 84, 92, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(79, 84, 92, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-pc:hover {
  background: rgba(79, 84, 92, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(79, 84, 92, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-windows {
  background: rgba(0, 120, 212, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(0, 120, 212, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 120, 212, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-windows:hover {
  background: rgba(0, 120, 212, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 120, 212, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-linux {
  background: rgba(221, 72, 20, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(221, 72, 20, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(221, 72, 20, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-linux:hover {
  background: rgba(221, 72, 20, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(221, 72, 20, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-mac,
.game-platform.platform-macos {
  background: rgba(153, 153, 153, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(153, 153, 153, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(153, 153, 153, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-mac:hover,
.game-platform.platform-macos:hover {
  background: rgba(153, 153, 153, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(153, 153, 153, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-ios {
  background: rgba(0, 122, 255, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(0, 122, 255, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 122, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-ios:hover {
  background: rgba(0, 122, 255, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 122, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-android {
  background: rgba(164, 198, 57, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(164, 198, 57, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(164, 198, 57, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-android:hover {
  background: rgba(164, 198, 57, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(164, 198, 57, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-mobile {
  background: rgba(255, 153, 0, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(255, 153, 0, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(255, 153, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-mobile:hover {
  background: rgba(255, 153, 0, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(255, 153, 0, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-web {
  background: rgba(23, 162, 184, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(23, 162, 184, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(23, 162, 184, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-web:hover {
  background: rgba(23, 162, 184, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(23, 162, 184, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-generic {
  background: rgba(107, 114, 128, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(107, 114, 128, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(107, 114, 128, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-platform.platform-generic:hover {
  background: rgba(107, 114, 128, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(107, 114, 128, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

/* ========================================
   TAGS DE STORE - COULEURS BRAND + OPACITÉ 90%
   ======================================== */

.game-store.store-steam {
  background: rgba(27, 40, 56, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(27, 40, 56, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(27, 40, 56, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-steam:hover {
  background: rgba(27, 40, 56, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(27, 40, 56, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-epic {
  background: rgba(18, 18, 18, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(18, 18, 18, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(18, 18, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-epic:hover {
  background: rgba(18, 18, 18, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(18, 18, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-gog {
  background: rgba(138, 67, 163, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(138, 67, 163, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(138, 67, 163, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-gog:hover {
  background: rgba(138, 67, 163, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(138, 67, 163, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-playstation {
  background: rgba(0, 112, 209, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(0, 112, 209, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 112, 209, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-playstation:hover {
  background: rgba(0, 112, 209, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 112, 209, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-xbox {
  background: rgba(16, 124, 16, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(16, 124, 16, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(16, 124, 16, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-xbox:hover {
  background: rgba(16, 124, 16, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(16, 124, 16, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-nintendo {
  background: rgba(230, 0, 18, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(230, 0, 18, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(230, 0, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-nintendo:hover {
  background: rgba(230, 0, 18, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(230, 0, 18, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-apple {
  background: rgba(0, 122, 255, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(0, 122, 255, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 122, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-apple:hover {
  background: rgba(0, 122, 255, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(0, 122, 255, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-googleplay,
.game-store.store-google-play {
  background: rgba(164, 198, 57, 0.9);
  backdrop-filter: blur(40px) saturate(180%);
  border-color: rgba(164, 198, 57, 0.3);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(164, 198, 57, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-googleplay:hover,
.game-store.store-google-play:hover {
  background: rgba(164, 198, 57, 1);
  backdrop-filter: blur(40px) saturate(200%);
  color: #ffffff;
  box-shadow: 
    0 4px 12px rgba(164, 198, 57, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.game-store.store-itch {
  background: var(--tag-store-itch);
  border-color: rgba(250, 92, 92, 0.3);
  color: #ef5350;
}

.game-store.store-ubisoft {
  background: var(--tag-store-ubisoft);
  border-color: rgba(0, 120, 242, 0.3);
  color: #42a5f5;
}

.game-store.store-ea {
  background: var(--tag-store-ea);
  border-color: rgba(255, 30, 0, 0.3);
  color: #ff5252;
}

.game-store.store-origin {
  background: var(--tag-store-origin);
  border-color: rgba(255, 106, 0, 0.3);
  color: #ff7043;
}

.game-store.store-microsoft {
  background: var(--tag-store-microsoft);
  border-color: rgba(0, 164, 239, 0.3);
  color: #42a5f5;
}

.game-store.store-humble {
  background: var(--tag-store-humble);
  border-color: rgba(204, 41, 41, 0.3);
  color: #e57373;
}

.game-store.store-battlenet,
.game-store.store-battle-net {
  background: var(--tag-store-battlenet);
  border-color: rgba(0, 153, 255, 0.3);
  color: #42a5f5;
}

.game-store.store-bethesda {
  background: var(--tag-store-bethesda);
  border-color: rgba(197, 32, 38, 0.3);
  color: #e57373;
}

.game-store.store-rockstar {
  background: var(--tag-store-rockstar);
  border-color: rgba(252, 175, 23, 0.3);
  color: #ffb74d;
}

.game-store.store-paradox {
  background: var(--tag-store-paradox);
  border-color: rgba(226, 0, 26, 0.3);
  color: #ef5350;
}

/* ========================================
   MODE SOMBRE - AJUSTEMENTS
   ======================================== */
body.dark-mode .game-platform,
body.dark-mode .game-store {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}