/* Use a modern, bold font for folder titles.
   Place this file at /assets/css/gallery-title.css and include it in your header
   with: <link rel="stylesheet" href="assets/css/gallery-title.css"> */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600;700;800&display=swap');

.folder-name {
  font-family: "Poppins", "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 700;           /* bold */
  font-size: 1.02rem;         /* slightly larger */
  color: #0a4d80;             /* matching accent */
  letter-spacing: 0.2px;
  line-height: 1.2;
  text-align: center;
  display: inline-block;
  padding: 6px 8px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(10,132,255,0.03), transparent);
  box-shadow: none;           /* keep subtle */
  transition: transform .12s ease;
}

/* Optional hover emphasis */
.folder-card:hover .folder-name {
  transform: translateY(-3px);
}

/* Accessibility: ensure high contrast on small screens */
@media (max-width: 480px) {
  .folder-name { font-size: 0.95rem; }
}