/* Global smooth polish — index.html + premium */
:root {
 --ease-smooth: cubic-bezier(0.22, 1, 0.36, 1);
 --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

html {
 scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
}

/* Brži render fontova */
body {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
}

/* Glatke interakcije na tipičnim elementima panela */
a, button, .btn, .nav-btn, .guild-pill, .top-link, .lang-btn, .landing-fcard {
 transition-property: color, background, border-color, transform, box-shadow, opacity;
 transition-duration: 0.22s;
 transition-timing-function: var(--ease-smooth, ease);
}

.btn-primary:hover,
.btn-hero-primary:hover {
 transition-timing-function: var(--ease-spring, ease);
}

.landing-fcard,
.stat-card,
.card {
 transition: transform 0.35s var(--ease-smooth, ease), box-shadow 0.35s var(--ease-smooth, ease);
}

.landing-fcard:hover {
 transform: translateY(-4px);
}

.panel {
 animation: panel-fade 0.32s var(--ease-smooth, ease) both;
}

@keyframes panel-fade {
 from { opacity: 0; transform: translateY(8px); }
 to { opacity: 1; transform: translateY(0); }
}

/* GPU-friendly hover na guild pill */
.guild-pill {
 will-change: transform;
 contain: layout style;
}

.guild-pill:hover {
 transform: scale(1.08);
}

/* Optimizacija scroll kontejnera */
.rail-scroll,
.content,
.picker-list {
 -webkit-overflow-scrolling: touch;
 overscroll-behavior: contain;
}

/* Manje repainta na sidebar */
.sidebar,
.server-rail {
 contain: layout style;
}