/* ==========================================================
   mod_deer_perks - USP / benefity rada
   Scopovano pod .deer-perks, stavi na DEER tokenech.
   Pozadi sekce se ocekava tmave (var(--c-forest-400)).
   ========================================================== */

.deer-perks {
  --perk-badge-size: 64px;
  --perk-icon-size: 24px;
  /* Akcent (ikona, okraj badge, nadpis) - default zlata Nest */
  --perk-accent: var(--world-nest);
}

/* Varianty akcentu = hover barvy hero modulu */
.deer-perks--nest  { --perk-accent: var(--world-nest); }
.deer-perks--roots { --perk-accent: var(--world-roots); }
.deer-perks--apple { --perk-accent: var(--world-apple); }

/* Bez akcentu - neutralni svetla (ikona i nadpis jako bezny nadpis na tmavem) */
.deer-perks--none { --perk-accent: var(--c-surface); }

.deer-perks__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Zarovnani vlevo (varianta --start) */
.deer-perks--start .deer-perks__item {
  align-items: flex-start;
}

.deer-perks--start .deer-perks__text {
  margin-inline: 0;
}

/* --------------------------------------------------------
   Cislovana varianta (--number)
   Odznak je mensi zaobleny ctverec s poradovym cislem.
   -------------------------------------------------------- */
.deer-perks--number {
  --perk-badge-size: 44px;
}

.deer-perks--number .deer-perks__badge {
  border-radius: 12px;
}

.deer-perks__num {
  font-size: var(--typo-c1-fs);
  line-height: 1;
  font-weight: var(--typo-w-head);
  letter-spacing: 0.02em;
}

/* Ikonovy badge - tmavy zaobleny ctverec, zlaty okraj + ikona */
.deer-perks__badge {
  width: var(--perk-badge-size);
  height: var(--perk-badge-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  color: var(--perk-accent);
  background: color-mix(in srgb, var(--perk-accent) 8%, transparent);
  border: 1px solid color-mix(in srgb, var(--perk-accent) 22%, transparent);
}

.deer-perks__badge svg {
  display: block;
  width: var(--perk-icon-size);
  height: var(--perk-icon-size);
}

/* Nadpis - zlaty, verzalky, prostrkane */
.deer-perks__title {
  color: var(--perk-accent);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: var(--typo-c1-fs);
  line-height: var(--typo-c1-lh);
  font-weight: var(--typo-w-sub);
}

/* Font nadpisu - vzdy z tokenu, nikdy natvrdo zapsana rodina */
.deer-perks--font-head .deer-perks__title,
.deer-perks--font-head .deer-perks__num {
  font-family: var(--ff-head);
}

.deer-perks--font-body .deer-perks__title,
.deer-perks--font-body .deer-perks__num {
  font-family: var(--ff-body);
}

/* Popisek - svetly, tlumeny na tmavem pozadi */
.deer-perks__text {
  color: var(--c-forest-100);
  font-size: var(--typo-c1-fs);
  line-height: var(--typo-c1-lh);
  font-weight: var(--typo-w-body);
  max-width: 34ch;
  margin-inline: auto;
}