/* Thème sombre, cohérent avec le site */

.lecteur-container {
  max-width: 1100px;
  margin: 0 auto 16px;
  padding: 20px;
  background-color: #1F1F1F !important;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.25);
  color: #fff;
}

/* Bandeau onglets (hérité du global, on garde simple ici) */
.select-menu { text-align:center; }
.select-menu .tabs { list-style:none; padding:0; margin:0; display:inline-flex; gap:30px; flex-wrap:wrap; }
.tab-link { display:inline-block; padding:10px 20px; border-radius:8px; font-weight:700; background:#1F83F1; color:#fff; text-decoration:none; }
.tab-link.active { background:#0f62c0; text-decoration:underline; }
.select-menu__info { text-align:center; color:#fff; font-weight:700; margin-top:8px; }

/* Form recherche */
.searchbar { margin: 0 auto 24px; text-align:center; }
.searchbar input[type="text"], .searchbar select, .searchbar button {
  font-size: 18px; padding: 10px 15px;
}
.searchbar button {
  font-weight: bold; background-color: #1F83F1; color: #fff; border: none; cursor: pointer; transition: background-color .3s;
}
.searchbar button:hover { background-color: #0f62c0; }

/* Blocs résultat */
.result-block { border-left: 5px solid #1F83F1; border-radius: 8px; }
.result-block h3 { margin: 0 0 10px; text-align:center; }
.result-block ul { list-style:none; padding:0; margin:0; }
.result-block li { margin-bottom: 8px; }
.software-genre { color:#ffffff !important; font-weight: normal; }

/* Aperçu image au survol */
.preview-hover { position: relative; display: inline-block; }
.preview-image {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  background-color: #1F1F1F;
  border: 1px solid #333;
  padding: 4px;
  border-radius: 8px;
  /* on laisse la « boîte » s’adapter au contenu */
}
.preview-image img {
  max-width: 200px;   /* ✅ limite à 200px de large */
  height: auto;       /* conserve le ratio */
  display: block;
}
.preview-hover:hover .preview-image { display: block; }

/* Notice résultats trop nombreux */
.too-many { margin-top: 10px; font-style: italic; color:#fff; }

/* Le style des liens reste géré par le global :
   a:link/visited/active { color:#FF8802; text-decoration:none; }
   a:hover { color:#FF8802; text-decoration:underline; }
*/