/* Locale-only visual alignment with the English CSGO.NET theme.
   Intentionally changes palette + adds the moving skin ticker only. */
:root {
  --bg: #070b1a;
  --surface: #090f21;
  --surface2: #0d1428;
  --border: #263453;
  --border2: #33415f;
  --accent: #07cef6;
  --accent-dark: #0685ad;
  --accent-light: #7cecff;
  --accent-tint: rgba(7,206,246,.10);
  --accent-glow: rgba(7,206,246,.32);
  --accent-2: #ff7b18;
  --accent-2-dark: #df5b00;
  --accent-2-light: #ff9e50;
  --accent-2-tint: rgba(255,123,24,.10);
  --accent-2-glow: rgba(255,123,24,.28);
  --text: #f8f9ff;
  --text-2: #c1cae9;
  --muted: #7c88ae;
  --text-on-accent: #041128;
  --code-bg: #080e1f;
  --code-text: #7cecff;
  --code-border: rgba(7,206,246,.28);
  --success: #85ff22;
  --success-bg: rgba(133,255,34,.12);
  --warning: #ffb347;
  --danger: #ff3e54;
}

body { background: var(--bg); }
.site-header { background: #050812; border-bottom-color: #263250; }
.site-header.is-scrolled { background: rgba(5,8,18,.94); }
section:nth-of-type(odd) { background: var(--bg); }
section:nth-of-type(even) { background: var(--surface); }
.hero-logo-wrap, .promo-widget, .card, details, .table-wrap { border-color: var(--border); }
.btn-primary { background: linear-gradient(180deg,#0eb9e3,#047ca3); color:#fff; }
.btn-secondary { background: linear-gradient(180deg,#ff9130,#df5b00); }

/* Moving skin strip — same visual language as the English version. */
.skin-ticker {
  height: 62px;
  background: #070d1d;
  border-bottom: 1px solid #1a2745;
  overflow: hidden;
  position: relative;
  z-index: 55;
}
.skin-ticker .ticker-track {
  display: flex;
  width: max-content;
  min-width: max-content;
  animation: localeSkinScroll 28s linear infinite;
  will-change: transform;
}
.skin-ticker .ticker-item {
  width: 150px;
  height: 62px;
  flex: 0 0 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #25314e;
  background: linear-gradient(135deg,#091125,#141329);
  overflow: hidden;
}
.skin-ticker .ticker-item:nth-child(3n) {
  background: linear-gradient(135deg,#0c1530,#30104b);
}
.skin-ticker .ticker-item img {
  height: 52px;
  width: auto;
  max-width: 118px;
  object-fit: contain;
  filter: drop-shadow(0 7px 9px #000);
}
@keyframes localeSkinScroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
  .skin-ticker .ticker-track { animation: none; }
}
@media (max-width: 800px) {
  .skin-ticker { height: 54px; }
  .skin-ticker .ticker-item { width: 130px; height: 54px; flex-basis: 130px; }
  .skin-ticker .ticker-item img { height: 44px; max-width: 104px; }
}