/* Reserve vertical scrollbar space on every page so headers are same width */
html { overflow-y: scroll; }

/* Guard against tiny horizontal overflow pushing layout wider */
body { overflow-x: hidden; }

body { font-family: Arial, sans-serif; margin:0; padding:0; }
header { text-align:center; padding:20px; background:#f8f8f8; position:sticky; top:0; z-index:10; }
header h1 { margin:0 0 8px; }
form { margin:10px 0; display:flex; gap:8px; justify-content:center; flex-wrap:wrap; }
input[type="text"] { padding:8px; width:260px; max-width:80vw; }
button, .upload-btn { padding:8px 12px; cursor:pointer; border:none; background:#111; color:#fff; border-radius:6px; text-decoration:none; }
.categories { margin-top:8px; }
.categories button { margin:4px; background:#e9e9e9; color:#111; }
.video-carousel { display:flex; overflow-x:auto; padding:16px; gap:12px; scroll-snap-type:x mandatory; }
.video-item { flex:0 0 auto; width:240px; position:relative; scroll-snap-align:start; }
video { width:100%; border-radius:8px; background:#000; cursor:pointer; }
video:hover { outline: 2px solid #999; }
p { margin:6px 0 0; font-size:14px; word-break:break-word; }
.msg { text-align:center; color:#111; background:#ffe9a8; padding:8px; }
html, body { overscroll-behavior-y: contain; }

/* Utility */
.hidden { display: none !important; }

/* --- Like policy (global) ---
   Hide both by default; then opt-in specific contexts. */
.like-btn,
.like-count { display: none !important; }

/* Show the like button ONLY inside the overlay player */
#overlay .like-btn,
.overlay-player .like-btn { display: inline-flex !important; }

/* Show the like count ONLY on the homepage (if you ever bring it back) */
body.page-home .like-count { display: inline !important; }