/* Styles pour la vue "File View" */
.pd-image {
  margin-bottom: 15px; /* espace entre l'image et la box */
}

/* Box des détails (rectangulaire - pas d'arrondi) */
.pd-custom-box {
  background: #ddd;
  border: 1px solid #ccc;
  padding: 18px;
  margin-bottom: 25px;
  box-shadow: none;
  overflow: visible;
}

/* Texte sobre */
.pd-custom-box,
.pd-custom-box h3,
.pd-custom-box h4,
.pd-custom-box .pd-title,
.pd-custom-box .pd-fdesc {
  color: #222;
  font-weight: normal;
}

/* Marges internes ciblées (évite règle globale qui casse le layout) */
.pd-custom-box .pd-filesize-txt,
.pd-custom-box .pd-version-txt,
.pd-custom-box .pd-license-txt,
.pd-custom-box .pd-author-txt,
.pd-custom-box .pd-email-txt,
.pd-custom-box .pd-date-txt,
.pd-custom-box .pd-downloads-txt,
.pd-custom-box .pd-features-txt,
.pd-custom-box .pd-changelog-txt,
.pd-custom-box .pd-notes-txt {
  margin-bottom: 6px;
}

/* Description */
.pd-custom-box .pd-fdesc {
  margin-top: 10px;
  line-height: 1.5;
  color: #333;
}

/* Bouton download */
.pd-download-btn,
.pd-custom-box .btn,
#phocadownloadform .btn {
  margin-top: 12px;
}

/* Clear floats locaux */
.pd-custom-box:after {
  content: "";
  display: table;
  clear: both;
}

/* Conteneur de l'image aligné avec la box */
.pd-image-wrapper {
    width: 100%;          /* prend toute la largeur du parent (.pd-file-view) */
    max-width: 100%;      /* empêche de dépasser la zone */
    margin-bottom: 15px;
}

/* Image à l'intérieur du conteneur */
.pd-image-wrapper img {
    width: 100%;          /* image prend toute la largeur du conteneur */
    height: auto;         /* garde les proportions */
    border: 1px solid #bbb; /* bordure harmonisée avec la box */
    display: block;
}