/**
 * VER HENTAI — utilities.css
 * Scrollbar, truncation helpers, SR-only, body lock, global scrollbar theme.
 * Solo lo que Tailwind NO puede hacer (o no hace cross-browser).
 */

/* ================================================
   SCROLLBAR HIDE
   ================================================ */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* ================================================
   GLOBAL SCROLLBAR THEME
   ================================================ */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0f172a;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #fbbf24, #f59e0b);
    border-radius: 9999px;
}

/* ================================================
   TRUNCATE / LINE CLAMP
   ================================================ */
.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* ================================================
   SCREEN READER ONLY
   ================================================ */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* ================================================
   BODY LOCK (mobile menu open)
   ================================================ */
body.is-locked {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

/* ================================================
   SCROLL BEHAVIOR
   ================================================ */
.scroll-smooth {
    scroll-behavior: smooth;
}