/* 1kamas — rest of the homepage test (below the game cards), plus two shared fixes.
   Flat cards, 8px corners, no glow or gradients, no hover lift, sentence-case headings.
   Text, headings, links and structured data are untouched. Selectors are prefixed with `html`
   to win over the per-page inlined CSS. Remove the <link data-1k-home> tag to undo. */

/* ---------- Homepage only: rules apply on pages that have the hero ---------- */

/* Content cards (why buy, 4 universes, servers, guarantees, sourcing, Trustpilot):
   flat surface instead of a gradient, 8px corners, barely-there shadow, no purple top line */
html:has(.hp-hero) main .card,
html:has(.hp-hero) main .hp-card {
  background-image: none; border-color: rgb(var(--line)); border-radius: 8px;
  box-shadow: 0 1px 2px rgb(26 22 38 / .04);
}
html:has(.hp-hero) main .hp-card::before { content: none; }

/* These cards aren't links: no lift and no purple border on hover */
html:has(.hp-hero) main .hp-card:hover,
html:has(.hp-hero) main .card:not(.hp-card):not(.hp-lift):not(.hp-static):hover {
  transform: none; box-shadow: 0 1px 2px rgb(26 22 38 / .04); border-color: rgb(var(--line));
}

/* Blog cards: same treatment as the game cards */
html:has(.hp-hero) main article.hp-lift { box-shadow: 0 1px 2px rgb(26 22 38 / .04); }
html:has(.hp-hero) main article.hp-lift:hover {
  transform: none; box-shadow: 0 1px 2px rgb(26 22 38 / .04); border-color: rgb(var(--brand) / .45);
}
html:has(.hp-hero) main article.hp-lift [class*="bg-gradient-to-t"] { display: none; }
html:has(.hp-hero) main article.hp-lift .chip {
  background: rgb(var(--ink) / .06); color: rgb(var(--body)); border-color: transparent; font-weight: 500;
}

/* Buttons: flat purple, no gradient, no glow, no lift */
html:has(.hp-hero) main .btn-primary { background-image: none; box-shadow: none; border-radius: 8px; }
html:has(.hp-hero) main .btn-primary:hover { background-image: none; box-shadow: none; transform: none; }
html[data-theme="dark"]:has(.hp-hero) main .btn-primary { background-color: #52467a; color: #fff; }
html[data-theme="dark"]:has(.hp-hero) main .btn-primary:hover { background-color: #605086; }

/* Numbered steps (1, 2, 3): 8px square like the other icons, instead of a circle */
html:has(.hp-hero) main .rounded-full.bg-brand-soft { border-radius: 8px; }

/* Server group headings: sentence case instead of uppercase */
html:has(.hp-hero) main h3.uppercase { text-transform: none; letter-spacing: normal; }

/* Two weights only (400 and 700) */
html:has(.hp-hero) main .font-semibold { font-weight: 700; }

/* ---------- Shared on every page ---------- */

/* Footer: sentence-case headings and group labels instead of uppercase */
html footer h3.uppercase,
html footer p.uppercase { text-transform: none; letter-spacing: normal; }
html footer .font-semibold { font-weight: 700; }

/* Cookie banner: no emoji, flat card, lighter shadow */
html .fixed.bottom-4 > .card.shadow-hero { background-image: none; box-shadow: 0 8px 24px rgb(22 22 27 / .12); }
html .fixed.bottom-4 > .card.shadow-hero .items-start > span[aria-hidden="true"]:first-child { display: none; }
html .fixed.bottom-4 > .card.shadow-hero .btn-primary,
html .fixed.bottom-4 > .card.shadow-hero .btn-primary:hover { background-image: none; box-shadow: none; transform: none; }
html[data-theme="dark"] .fixed.bottom-4 > .card.shadow-hero .btn-primary { background-color: #52467a; color: #fff; }
html[data-theme="dark"] .fixed.bottom-4 > .card.shadow-hero .btn-primary:hover { background-color: #605086; }