/*
 * 03-helpers.css – Hjälpklasser som används i blockkod (hg-ph, hg-icon m.fl.)
 * Del av child-temat Haninge Grav. Se README.md.
 */

/* ==========================================================================
   Hjälpklasser
   Sätts under Block → Advanced → Additional CSS class(es).
   ========================================================================== */

/* Bildplatshållare – ersätts med bildblock */
.hg-ph {
  min-height: 420px;
  display: flex; align-items: center; justify-content: center; text-align: center;
  padding: 24px;
  background: var(--hg-ph-bg);
  border: 1px dashed var(--hg-ph-line);
  border-radius: var(--radius-xl);
  color: var(--hg-ph-text);
  font-size: 14px;
}
.hg-ph-card { min-height: 180px; border-radius: var(--radius-m); }
.hg-avatar { width: 64px; min-height: 0; height: 64px; padding: 0; border-radius: 50%; font-size: 11px; flex-shrink: 0; }

/* Ikonplatta i kort */
.hg-icon {
  width: 48px; height: 48px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--hg-accent-tint); color: var(--hg-accent);
}

/* Rubrikkolumn i sektionshuvud */
.hg-head-text { max-width: 720px; }

/* Partner-/certifieringsrad: mindre sektionspadding */
.wp-block-group.hg-compact { padding-block: 36px; border-bottom: 1px solid var(--hg-border); }
.hg-logos { column-gap: 44px; font-weight: 600; color: var(--hg-fg-subtle); }

/* Nyckeltal */
.hg-stats { column-gap: 48px; }
.hg-stats p { margin: 0; }
.hg-stats p:not(.is-style-hg-data) { font-size: 15px; color: var(--hg-fg-subtle); }