/* ===== Centrera logga + text och blocket i headern ===== */

/* Gör branding-blocket vertikalt och centrera det */
.header .branding,
.app-header .branding,
header .branding,
[class*="header"] .branding {
  display: flex !important;
  flex-direction: column !important;  /* logga överst, text under */
  align-items: center !important;      /* centrera innehållet i blocket */
  gap: 4px;
  margin-left: auto !important;        /* centrera blocket i headern */
  margin-right: auto !important;       /* …genom auto-marginaler */
}

/* Säkerställ att omgivande header tillåter centrering */
.header,
.app-header,
header {
  display: flex !important;
  align-items: center !important;      /* vertikal centrering */
  justify-content: center !important;  /* centrera innehållet horisontellt */
}

/* Begränsa loggans höjd (justera vid behov) */
.header .branding img,
.app-header .branding img,
header .branding img {
  max-height: 40px;
  height: auto;
  width: auto;
}

/* Texten under loggan */
.header .branding .app-name,
.app-header .branding .app-name,
header .branding .app-name {
  display: block !important;
  text-align: center;
  line-height: 1.2;
  margin: 0;
}