/* Heli Fotoalben – Compact UI Patch 1.2.1 */
body.hfc-photo-page {
  --hfc-max: 1120px;
  --hfc-gap: 12px;
}

/* Grundlayout kompakter */
body.hfc-photo-page main,
body.hfc-photo-page .site-main,
body.hfc-photo-page #main {
  padding-top: 12px !important;
  padding-bottom: 18px !important;
}

/* Dashboard-Link auf allen Fotoalbum-Seiten entfernen. */
body.hfc-photo-page .hfc-dashboard-link { display:none !important; }

/* Fotoalbum-Seiten: bisherigen Dashboard-Header komplett entfernen. */
body.hfc-photo-page .hfc-global-header,
body.hfc-photo-page .hfc-hide-photo-header { display:none !important; }

/* SC4 / Sperrknopf rechts unten entfernen. */
body.hfc-photo-page .hfc-lock-button,
body.hfc-photo-page .hfc-lock-wrap { display:none !important; }

/* ---------- Albumübersicht ---------- */
body.hfc-overview .hfc-overview-intro {
  text-align:left !important;
  max-width:1120px !important;
  margin:4px auto 12px !important;
}
body.hfc-overview .hfc-overview-title {
  text-align:left !important;
  font-size:clamp(20px,2.0vw,28px) !important;
  line-height:1.02 !important;
  margin:4px 0 4px !important;
  letter-spacing:-.035em !important;
}
body.hfc-overview .hfc-overview-intro p,
body.hfc-overview .hfc-overview-intro div { font-size:11px !important; }
body.hfc-overview .hfc-overview-eyebrow {
  display:block !important;
  text-align:left !important;
  font-size:9px !important;
  letter-spacing:.12em !important;
  margin-bottom:3px !important;
}

body.hfc-overview .hfc-unlocked-section,
body.hfc-overview .hfc-access-section {
  max-width:1120px !important;
  margin:14px auto !important;
  padding:16px 18px !important;
  border-radius:16px !important;
}
body.hfc-overview .hfc-unlocked-section h2,
body.hfc-overview .hfc-unlocked-section h3 {
  font-size:24px !important;
  margin:3px 0 10px !important;
}

body.hfc-overview .hfc-album-card {
  width:min(290px,100%) !important;
  max-width:290px !important;
  border-radius:13px !important;
  overflow:hidden !important;
}
body.hfc-overview .hfc-album-card img {
  width:100% !important;
  height:165px !important;
  max-height:165px !important;
  object-fit:cover !important;
}
body.hfc-overview .hfc-album-card h2,
body.hfc-overview .hfc-album-card h3,
body.hfc-overview .hfc-album-card h4 {
  font-size:17px !important;
  line-height:1.15 !important;
  margin:6px 0 4px !important;
}
body.hfc-overview .hfc-album-card p,
body.hfc-overview .hfc-album-card span,
body.hfc-overview .hfc-album-card a {
  font-size:11px !important;
}

body.hfc-overview .hfc-access-section h2,
body.hfc-overview .hfc-access-section h3 {
  font-size:19px !important;
  margin:2px 0 4px !important;
}
body.hfc-overview .hfc-access-section p { margin:2px 0 !important; font-size:12px !important; }
body.hfc-overview .hfc-access-section input,
body.hfc-overview .hfc-access-section button,
body.hfc-overview .hfc-access-section .button {
  min-height:34px !important;
  padding-top:7px !important;
  padding-bottom:7px !important;
  font-size:12px !important;
}

/* ---------- Albumdetail ---------- */
body.hfc-detail .hfc-detail-title {
  font-size:clamp(32px,4.4vw,50px) !important;
  line-height:1 !important;
  margin:4px auto 6px !important;
  letter-spacing:-.035em !important;
}
body.hfc-detail .hfc-detail-eyebrow {
  font-size:9px !important;
  margin-bottom:4px !important;
  letter-spacing:.12em !important;
}
body.hfc-detail .hfc-detail-actions {
  gap:7px !important;
  margin-top:4px !important;
  margin-bottom:7px !important;
}
body.hfc-detail .hfc-detail-actions a,
body.hfc-detail .hfc-detail-actions button {
  min-height:34px !important;
  padding:7px 11px !important;
  font-size:11px !important;
  border-radius:10px !important;
}

body.hfc-detail .hfc-hero {
  max-width:960px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
body.hfc-detail .hfc-hero img {
  max-height:58vh !important;
  object-fit:contain !important;
}

/* Vorschaubilder / Filmstreifen und Raster verdichten */
body.hfc-detail [class*="thumb"] img,
body.hfc-detail [class*="thumbnail"] img {
  max-height:72px !important;
  object-fit:cover !important;
}
body.hfc-detail [class*="gallery-grid"] img,
body.hfc-detail [class*="photo-grid"] img,
body.hfc-detail [class*="masonry"] img {
  max-height:180px !important;
  object-fit:cover !important;
}

/* Häufige großflächige Abstände im Fotoalbum reduzieren. */
body.hfc-photo-page section { scroll-margin-top:10px; }
body.hfc-photo-page h1, body.hfc-photo-page h2, body.hfc-photo-page h3 { margin-top:.45em; margin-bottom:.35em; }

@media (max-width:780px) {
  body.hfc-overview .hfc-overview-title { font-size:22px !important; }
  body.hfc-overview .hfc-unlocked-section,
  body.hfc-overview .hfc-access-section { margin:10px 12px !important; padding:13px !important; }
  body.hfc-overview .hfc-album-card { max-width:250px !important; }
  body.hfc-overview .hfc-album-card img { height:145px !important; max-height:145px !important; }
  body.hfc-detail .hfc-detail-title { font-size:34px !important; }
  body.hfc-detail .hfc-hero { max-width:94vw !important; }
}