.pub-card {
  background: transparent; /* 🔥 Fond transparent */
  border-radius: 0; /* 🔥 Pas de bordure arrondie */
  box-shadow: none; /* 🔥 Pas d'ombre */
  overflow: hidden;
  margin: 1.5rem 0;
  transition: all 0.3s ease;
  border: none; /* 🔥 Pas de bordure */
  animation: fadeIn 0.5s ease-in;
}

.pub-card:hover {
  box-shadow: none; /* 🔥 Pas d'ombre au survol */
  transform: none; /* 🔥 Pas d'effet de translation */
}

/* En-tête - MASQUÉ */
.pub-card-header {
  display: none; /* 🔥 Masquer complètement l'en-tête "Publicité" */
}

/* Corps - Sans padding ni fond */
.pub-card-body {
  padding: 0; /* 🔥 Supprimer le padding */
  background: transparent; /* 🔥 Fond transparent */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: auto; /* 🔥 Pas de hauteur minimale */
}

/* Pied - MASQUÉ */
.pub-card-footer {
  display: none; /* 🔥 Masquer le pied avec le nom */
}

/* Média - Sans bordure ni marge */
.pub-image,
.pub-video {
  width: 100%;
  max-height: 400px;
  object-fit: cover;
  border-radius: 0; /* 🔥 Pas de bordure arrondie */
  display: block;
  margin: 0; /* 🔥 Pas de marge */
  border: none; /* 🔥 Pas de bordure */
}

/* Lien - Style neutre */
.pub-link {
  display: block;
  text-decoration: none;
  border: none;
}

.pub-link:hover {
  opacity: 0.95; /* 🔥 Léger effet au survol */
}

/* ================================
   SIDEBARS LATÉRALES (FORCE 160x600)
   ================================ */
.article-sidebar {
  position: sticky;
  top: 100px;
  align-self: flex-start;
  width: 160px !important; /* Largeur fixe */
  min-width: 160px !important;
  margin: 0 auto;
  padding: 0;
  z-index: 10;
}

.publicite-article_sidebar_left,
.publicite-article_sidebar_right {
  width: 160px !important;
  height: 600px !important; /* Hauteur fixe */
  display: block;
}

/* Carte pub latérale - SANS BORDURE */
.publicite-article_sidebar_left .pub-card,
.publicite-article_sidebar_right .pub-card {
  width: 160px !important;
  height: 600px !important;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
}

.publicite-article_sidebar_left .pub-card-header,
.publicite-article_sidebar_right .pub-card-header,
.publicite-article_sidebar_left .pub-card-footer,
.publicite-article_sidebar_right .pub-card-footer {
  display: none;
}

.publicite-article_sidebar_left .pub-card-body,
.publicite-article_sidebar_right .pub-card-body {
  padding: 0;
  width: 100% !important;
  height: 100% !important;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Média latéral - dimensions strictes 160x600 */
.publicite-article_sidebar_left .pub-image,
.publicite-article_sidebar_right .pub-image,
.publicite-article_sidebar_left .pub-video,
.publicite-article_sidebar_right .pub-video {
  width: 160px !important;
  height: 600px !important;
  object-fit: cover; /* Remplit tout l'espace sans déformation (recadre si besoin) */
  /* Si le client veut voir toute l'image quitte à avoir du vide, mettre object-fit: contain; */
  margin: 0;
  border-radius: 0;
  display: block;
  border: none;
}

/* Lien de la pub */
.publicite-article_sidebar_left a,
.publicite-article_sidebar_right a {
  display: block;
  width: 160px;
  height: 600px;
  border: none;
}

/* ================================
   EMPLACEMENT VERTICAL (Jeux récents) - INVISIBLE
   ================================ */
.publicite-above_recent_games {
  max-width: 280px;
  margin: 2rem auto;
}

.publicite-above_recent_games .pub-card {
  background: transparent;
  border: none;
  box-shadow: none;
}

.publicite-above_recent_games .pub-image {
  max-width: 240px;
  max-height: 400px;
  object-fit: contain;
  border: none;
  border-radius: 0;
}

/* ================================
   RESPONSIVE
   ================================ */
@media (max-width: 992px) {
  .publicite-article_sidebar_left,
  .publicite-article_sidebar_right,
  .publicite-categories_sidebar_left,
  .publicite-categories_sidebar_right {
    display: none;
  }

  .publicite-above_reviews,
  .publicite-above_game_stars,
  .publicite-above_top_players,
  .publicite-above_footer,
  .publicite-above_recent_games {
    max-width: 100%;
    padding: 0 15px;
  }

  .pub-card {
    margin: 1rem 0;
  }
}

@media (max-width: 576px) {
  .pub-card-body {
    padding: 0;
    min-height: auto;
  }
}

/* ================================
   ANIMATION
   ================================ */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ================================
   PUBLICITÉS PAGE RÉSULTATS - Même largeur que les cards
   ================================ */

/* Publicité entre les gagnants - Même largeur que les cards */
.publicite-results_between_winners {
  max-width: 100%;
  text-align: center;
  margin: 2rem auto;
  padding: 0 15px; /* Même padding que le container */
}

.publicite-results_between_winners .pub-card {
  max-width: 100%; /* Prend toute la largeur du container */
  margin: 2rem auto;
  background: transparent;
  border: none;
  box-shadow: none;
}

.publicite-results_between_winners .pub-card-body {
  padding: 0;
  background: transparent;
}

.publicite-results_between_winners .pub-image,
.publicite-results_between_winners .pub-video {
  width: 100%; /* Largeur complète */
  height: auto;
  max-width: 100%;
  object-fit: contain;
  border: none;
  border-radius: 0;
  margin: 0 auto;
  display: block;
}

/* Publicité footer résultats - MÊME largeur que les cards */
.publicite-results_footer {
  max-width: 100%;
  text-align: center;
  margin: 2rem auto;
  padding: 0 15px; /* Même padding que le container */
}

.publicite-results_footer .pub-card {
  max-width: 100%; /* Prend toute la largeur du container */
  margin: 2rem auto;
  background: transparent;
  border: none;
  box-shadow: none;
}

.publicite-results_footer .pub-card-body {
  padding: 0;
  background: transparent;
}

.publicite-results_footer .pub-image,
.publicite-results_footer .pub-video {
  width: 100%; /* Largeur complète */
  height: auto;
  max-width: 100%;
  object-fit: contain;
  border: none;
  border-radius: 0;
  margin: 0 auto;
  display: block;
}

/* Responsive */
@media (max-width: 992px) {
  .publicite-results_between_winners,
  .publicite-results_footer {
    max-width: 100%;
    padding: 0 15px;
  }
}