/*
  Download card widget (clean).
*/

.wdownload{ margin: 14px 0; width: 100%; }

.download-card{
  display:flex;
  align-items:center;
  gap:12px;
  border: 1px solid var(--border2);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.03));
  box-shadow: var(--shadow2);
  padding: 12px 16px;
  text-decoration:none;
  color: inherit;
  transition: transform 120ms ease, background 120ms ease, border-color 120ms ease;

  /* clip hover background to radius */
  overflow: hidden;
  background-clip: padding-box;
}
html[data-theme="light"] .download-card{
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.92));
}
.download-card:hover{
  transform: translateY(-1px);
  background: var(--hover);
  border-color: rgba(52,211,153,0.22);
}

.download-icon{
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  display:flex;
  align-items:center;
  justify-content:center;
  color: var(--accent);
}
.download-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.download-info{ display:flex; flex-direction:column; gap:2px; min-width:0; }
.download-label{
  font-size: 13px;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  opacity: .92;
}
.download-size{
  font-size: 10px;
  letter-spacing: 0.6px;
  opacity: .65;
  text-transform: uppercase;
}
.download-desc{
  font-size: 12px;
  line-height: 1.4;
  opacity: .85;
}