/* ==========================================================================
   MacSeeds — Blocs de contenu réutilisables (collés en HTML brut dans l'éditeur)
   ========================================================================== */

/* Bloc "téléchargement" : icône + infos à gauche, bouton à droite,
   qui passe en bleu au survol de TOUT le bloc (pas juste au survol du bouton). */
.ms-dl-card{
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding: 18px 22px;
  background: rgba(255,255,255,0.82);
  border: 1px solid rgba(0,0,0,0.07);
  border-radius: 20px;
  box-shadow: 0 8px 26px rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
}
.ms-dl-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.12);
}

.ms-dl-left{ display:flex; align-items:center; gap:16px; min-width:0; }

.ms-dl-icon{
  flex:none; width:96px; height:96px; border-radius:22px;
  overflow:hidden; background:#E4E2DE;
}
.ms-dl-icon img{
  transform: scale(1.4); /* rogne la marge transparente autour de l'illustration */
  transform-origin: center;
}

.ms-dl-card .ms-dl-info{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.ms-dl-card .ms-dl-title{
  font-family: "Bricolage Grotesque", -apple-system, sans-serif;
  font-size:17px; font-weight:700; letter-spacing:-0.01em;
  color:#17181A;
  margin:0 0 6px !important;
  line-height:1.2 !important;
}
.ms-dl-card .ms-dl-meta{
  font-size:13.5px; color:#55585E;
  margin:0 !important;
  padding:0 !important;
  line-height:1.35 !important;
}
.ms-dl-card .ms-dl-meta b{ font-weight:700; color:#17181A; }

.ms-dl-btn{
  flex:none;
  display:inline-flex; align-items:center; justify-content:center;
  padding: 11px 22px; border-radius: 100px;
  font-size:14.5px; font-weight:700;
  background: rgba(0,0,0,0.06); color:#17181A;
  transition: background .25s ease, color .25s ease;
}
.ms-dl-card .ms-dl-btn,
.ms-dl-card .ms-dl-btn:hover,
.ms-dl-card .ms-dl-btn:visited{
  text-decoration:none !important;
}
.ms-dl-card:hover .ms-dl-btn{
  background: #007AFF; color:#fff;
}

/* mode sombre, si la page qui héberge le bloc le supporte */
html[data-theme="dark"] .ms-dl-card{
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.1);
}
html[data-theme="dark"] .ms-dl-title{ color:#F2F2F3; }
html[data-theme="dark"] .ms-dl-meta{ color:#9A9CA2; }
html[data-theme="dark"] .ms-dl-meta b{ color:#F2F2F3; }
html[data-theme="dark"] .ms-dl-btn{ background: rgba(255,255,255,0.1); color:#F2F2F3; }

@media (max-width: 500px){
  .ms-dl-card{ flex-direction:column; align-items:flex-start; }
  .ms-dl-btn{ width:100%; }
}