/* AstronomyLive Founder Member 1.0.6 – Abzeichen direkt neben dem Username */
.alfm{
  --alfm-gold:#F2C46D;
  box-sizing:border-box;position:relative;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:26px;margin:0 0 0 10px;padding:0 11px 0 10px;
  vertical-align:middle;white-space:nowrap;flex:0 0 auto;align-self:center;
  border:1px solid rgba(242,196,109,.45);border-radius:999px;
  background:rgba(242,196,109,.10);
  color:var(--alfm-gold);
  font-family:Geist,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:12px;font-weight:700;font-style:normal;line-height:1;letter-spacing:.1em;text-transform:uppercase;
  cursor:default;
  opacity:0;
  animation:alfm-in .45s cubic-bezier(.2,.7,.2,1) forwards;
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.alfm:hover{background:rgba(242,196,109,.16);border-color:rgba(242,196,109,.7);box-shadow:0 0 12px rgba(242,196,109,.25)}
.alfm svg{display:block;width:13px;height:13px;flex:0 0 13px;margin-top:-1px}
.alfm__t{display:block;margin-right:-.1em;padding-top:.5px}

/* Kompakt: nur der Stern hinter dem Namen (Multi-Screen-Kacheln) */
.alfm--star{width:26px;padding:0;gap:0;margin-left:6px}
.alfm--star svg{width:13px;height:13px;margin:0}

/* Klein: wenn die normale Größe neben dem Namen nicht passt (1.0.6) */
.alfm--sm{height:20px;gap:5px;padding:0 8px 0 7px;margin-left:8px;font-size:10px;letter-spacing:.08em}
.alfm--sm svg{width:10px;height:10px;flex-basis:10px;margin-top:-.5px}
.alfm--sm .alfm__t{margin-right:-.08em;padding-top:0}
/* Nur Stern: wenn auch die kleine Größe nicht passt (Text als Tooltip/Screenreader) */
.alfm--xs{width:20px;height:20px;padding:0;gap:0;margin-left:6px}
.alfm--xs svg{width:11px;height:11px;flex-basis:11px;margin:0}
.alfm--xs .alfm__t{display:none}
/* Passt gar nichts daneben: klein in eigener Zeile unter dem Namen */
.alfm--own{margin-left:0!important}

/* Groß: neben dem Namen im Profil */
.alfm--lg{height:34px;gap:9px;padding:0 16px 0 14px;font-size:14px;letter-spacing:.09em}
.alfm--lg svg{width:16px;height:16px;flex-basis:16px}
.alfm--lg .alfm__t{margin-right:-.09em}

/* Profil (großer Name): Abstand wie zwischen Flagge und Name; passt es nicht daneben, darunter */
.alpa-hero__name:has(> .alfm){flex-wrap:wrap;row-gap:6px}
.alpa-hero__name > .alfm{margin-left:0}

/* Organisations-Profil: Name + Abzeichen in einer Zeile, "Organization" darunter */
.alop-id__text:has(> .alfm){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;column-gap:12px;row-gap:4px}
.alop-id__text:has(> .alfm) > .alop-id__name{min-width:0}
.alop-id__text:has(> .alfm) > .alop-id__name{margin-bottom:0}
.alop-id__text:has(> .alfm) > .alop-id__meta{flex-basis:100%}
.alop-id__text > .alfm{margin:0}

/* Members: Organisationskarte (Spalte) – Name + Abzeichen in der ersten Zeile */
.alm-org-id:has(> .alfm){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:0;min-width:0}
.alm-org-id:has(> .alfm)::before{content:'';flex-basis:100%;height:0;order:2}
.alm-org-id:has(> .alfm) > :not(.alm-org-name):not(.alfm){order:3;margin-top:5px}
.alm-org-id:has(> .alfm) > .alm-org-name{flex:0 1 auto;min-width:0;order:0}
.alm-org-id > .alfm{margin:0;order:1}

/* Members: Liste – nicht abschneiden */
.alm-name:has(> .alfm){flex-wrap:wrap;row-gap:4px;min-width:0}
.alm-name > .alfm--xs{margin-left:6px}

/* Members: Karte am Globus für Founder Members – breiter, gold umrandet mit leichtem Glow */
#members-page .alm-dock .member-tools .spotlight.alfm-spot{
  flex:0 1 500px;width:500px;
  border-color:#F2C46D;
  box-shadow:0 0 0 1px rgba(242,196,109,.25),0 0 22px rgba(242,196,109,.32),inset 0 0 24px rgba(242,196,109,.07);
}
/* Wechsel zwischen normaler und Founder-Karte fließend */
#members-page .alm-dock .member-tools .spotlight{transition:opacity .4s,visibility linear,border-color .35s ease,box-shadow .35s ease,flex-basis .35s ease,width .35s ease}
.alm-spot-title:has(> .alfm){flex-wrap:nowrap;min-width:0}
.alm-spot-title > .alfm{margin-left:10px}

/* Members-Globus: Gruppe, in der ein Founder Member steckt */
#alm-clusters .alm-cl.alfm-cl{box-shadow:0 0 0 2.5px #F2C46D,0 0 14px 3px rgba(242,196,109,.5)!important}

/* Galerie: Name + Abzeichen oben, Status/Ort darunter */
.alg-person-text:has(> .alfm){display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:8px;row-gap:2px}
.alg-person-text:has(> .alfm) > b{flex:0 1 auto;width:auto;min-width:0}
.alg-person-text:has(> .alfm) > small{flex-basis:100%}
.alg-person-text > .alfm{margin:0}

/* Streams-Seite und Stream-Seite */
.alst-who__line:has(> .alfm){flex-wrap:wrap;row-gap:4px}
.almsc-act__who > .alfm{margin:0 2px 0 8px}

@keyframes alfm-in{to{opacity:1}}
@media (prefers-reduced-motion:reduce){.alfm{animation:none;opacity:1}}
@media print{.alfm{animation:none;opacity:1}}