.cf-lesson-attachments {
  margin: 0;
  padding: 0;
}
.cf-attachment-item {
  margin-bottom: 16px;
}
/* Header: icona + nome affiancati */
.cf-lesson-attachments .cf-attachment-header {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 4px !important;
}
/* Icona e nome sulla stessa riga */
.cf-lesson-attachments .cf-attach-icon,
.cf-lesson-attachments .cf-attach-name {
  display: inline-block !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
/* Footer: bottone subito sotto, allineato a sinistra */
.cf-lesson-attachments .cf-attachment-footer {
  display: block !important;
  margin-top: 4px !important;
}
/* Stile bottone “Vai alla risorsa” */
.cf-lesson-attachments .cf-attachment-button {
  display: inline-block !important;
  background: #154957 !important;
  color: #ffffff !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  font-size: 0.85rem !important;
  margin: 0 !important;
}
.cf-lesson-attachments .cf-attachment-button:hover {
  background: #2cd5c4 !important;
}

/* Icon size fix */
.cf-lesson-attachments .cf-attach-icon {
  width: 16px !important;
  height: auto !important;
}


/* Layout: 2 columns on desktop, 1 on mobile */
.cf-lesson-attachments {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 768px) {
  .cf-lesson-attachments {
    grid-template-columns: 1fr !important;
  }
}