/* =========================================
   PaxHub — Aurora Minecraft Theme
   ========================================= */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Скроллбар */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #09090b; }
::-webkit-scrollbar-thumb { 
    background: linear-gradient(180deg, #10b981 0%, #f59e0b 100%);
    border-radius: 5px;
    border: 2px solid #09090b;
}
::-webkit-scrollbar-thumb:hover { background: #10b981; }

/* Выделение текста */
::selection {
    background: rgba(16, 185, 129, 0.3);
    color: #ffffff;
}

/* Alpine.js cloak */
[x-cloak] { display: none !important; }

/* Плавный collapse для FAQ */
[x-collapse] {
    overflow: hidden;
    transition-property: height, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

/* Анимация пульсации для бейджей */
@keyframes soft-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

.animate-soft-pulse {
    animation: soft-pulse 2s ease-in-out infinite;
}

/* Градиентная обводка для элементов */
.gradient-border {
    position: relative;
    background: #0f0f12;
}
.gradient-border::before {
    content: '';
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: inherit;
    background: linear-gradient(135deg, #10b981, #f59e0b);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

/* Убираем outline у кнопок, но оставляем для accessibility */
button:focus-visible, a:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
    border-radius: 8px;
}

/* Плавные переходы для всех интерактивных элементов */
a, button {
    transition-property: color, background-color, border-color, box-shadow, transform, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms;
}

/* Шумовая текстура на фон (опционально, раскомментируй если нужна) */
/*
body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
    opacity: 0.03;
    pointer-events: none;
    z-index: -1;
}
*/