/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 15 2025 | 22:26:57 */
/* =======================
   GAMIPRESS — GLOBAL, UNSCOPED
   ======================= */

/* 1) The LIST shouldn’t create columns. Keep it a simple wrapper. */
.gamipress-achievements-list,
[id^="gamipress-achievements-list"] {
  margin: 0;
  padding: 0;
  list-style: none;

  /* kill multi-columns some views inject */
  columns: initial !important;
  column-count: initial !important;
  column-width: initial !important;
  column-gap: normal !important;
  -webkit-columns: initial !important;
  -moz-columns: initial !important;

  display: block !important;   /* not grid – the container will be the grid */
  width: 100%;
}

/* 2) The CONTAINER is the actual grid */
.gamipress-achievements-container {
  margin: 0;
  padding: 0;
  width: 100%;
  display: grid !important;
  gap: var(--t-gutter);
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); /* 4→3→2 auto */
}

/* 3) Neutralize legacy helpers WITHOUT nuking display */
.gamipress-columns-2,
.gamipress-columns-3,
.gamipress-columns-4,
.gamipress-columns-small-2,
.gamipress-columns-small-3,
.gamipress-columns-small-4,
.gamipress-columns-small-5 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  columns: initial !important;
  column-count: initial !important;
  -webkit-columns: initial !important;
  -moz-columns: initial !important;
}

/* 4) Grid children must not carry forced widths/floats */
.gamipress-achievements-container > * {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
}

/* 5) Card styles */
.gamipress-achievement {
  background: var(--t-card-bg);
  color: var(--t-card-text);
  border: var(--t-card-border);
  border-radius: var(--t-radius-md);
  box-shadow: var(--t-card-shadow);
  padding: var(--t-space-5);
  transition: transform var(--t-dur) var(--t-ease), box-shadow var(--t-dur) var(--t-ease);

  .gamipress-achievements-container > .gamipress-achievement,
.gamipress-achievements-list > .gamipress-achievement {
  margin: 0 !important;
}
	
/* Kill default margins around achievement wrappers */
.gamipress-achievements-container,
.gamipress-achievements-list,
.gamipress-achievement {
  margin: 0 !important;
}
	
  display: flex;
  gap: var(--t-space-4);
  align-items: flex-start;
  text-decoration: none;
  aspect-ratio: 1 / 1;
}
.gamipress-achievement:hover {
  transform: translateY(-3px);
  box-shadow: var(--t-card-shadow-h);
}

/* Thumb */
.gamipress-achievement-thumbnail {
  flex: 0 0 64px;
  width: 64px; height: 64px;
  display: flex; align-items: center; justify-content: center;
}
.gamipress-achievement-thumbnail img { max-width: 64px; height: auto; display: block; }

/* Title/meta */
.gamipress-achievement-title {
  margin: 0;
  font-weight: 600;
  line-height: 1.35;
  color: var(--t-text-strongest);
}

/* Optional centered variant */
.is-centered .gamipress-achievement {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 6) Inline stats (Punktestand / Dein Level) */
.gamipress-inline-points-wrapper { display: flex; align-items: baseline; gap: var(--t-space-2); }
.gamipress-inline-points-amount { font-weight: 700; font-size: clamp(1.25rem,1.05rem+1vw,1.8rem); line-height: 1.1; color: var(--t-text-strongest); }
.gamipress-inline-points-label { font-size: 0.95rem; color: var(--t-text-medium); }
.gamipress-inline-rank-title {
  display: inline-block; padding: var(--t-badge-py) var(--t-badge-px);
  border-radius: var(--t-badge-radius);
  background: var(--t-badge-neutral-bg); color: var(--t-badge-neutral-text);
  font-weight: 600; line-height: 1.1; font-size: 0.95rem;
}