/* ===== MuXolotl-Converter Site Styles ===== */

* {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 5rem;
}

::selection {
    background: rgba(139, 92, 246, 0.3);
    color: white;
}

/* ===== Navbar ===== */
#navbar {
    background: rgba(9, 9, 11, 0.8);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* ===== Scroll animations ===== */
.js-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.js-reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* ===== OS selector buttons ===== */
.os-btn {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #71717a;
}

.os-btn:hover {
    background: rgba(255, 255, 255, 0.06);
    color: #a1a1aa;
}

.os-btn.active {
    background: rgba(139, 92, 246, 0.15);
    border-color: rgba(139, 92, 246, 0.3);
    color: #c4b5fd;
}

/* ===== Download panels ===== */
.download-panel.hidden {
    display: none;
}

/* ===== Monospace font ===== */
.font-mono {
    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace;
}

/* ===== Scroll indicator bounce ===== */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(4px); }
}

/* ===== Download links availability (set by JS) ===== */
a[data-download][data-ready="false"] {
    opacity: 0.55;
    pointer-events: none;
    cursor: not-allowed;
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.08);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.15);
}