/* GamingCommunity — Custom styles */
/* Tailwind CDN handles most of it; this file is for overrides and custom components */

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #111827; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #4b5563; }

/* Form inputs base */
input[type="text"], input[type="email"], input[type="password"],
textarea, select {
    transition: border-color 0.15s, box-shadow 0.15s;
}

/* Video clips */
.clip-player { aspect-ratio: 16/9; background: #000; width: 100%; }

/* Rich text content rendered from DB */
.prose-gc h2 { font-size: 1.25rem; font-weight: 700; color: #f9fafb; margin: 1.5rem 0 0.5rem; }
.prose-gc h3 { font-size: 1.1rem;  font-weight: 600; color: #e5e7eb; margin: 1.25rem 0 0.5rem; }
.prose-gc p  { color: #d1d5db; margin: 0.75rem 0; line-height: 1.7; }
.prose-gc a  { color: #22c55e; text-decoration: underline; }
.prose-gc a:hover { color: #16a34a; }
.prose-gc code { background: #1f2937; color: #6ee7b7; font-size: 0.875em; padding: 1px 5px; border-radius: 4px; }
.prose-gc pre  { background: #111827; border: 1px solid #374151; border-radius: 8px; padding: 1rem; overflow-x: auto; }
.prose-gc pre code { background: none; padding: 0; }
.prose-gc blockquote { border-left: 3px solid #374151; padding-left: 1rem; color: #9ca3af; font-style: italic; margin: 1rem 0; }
.prose-gc ul { list-style: disc; padding-left: 1.5rem; color: #d1d5db; }
.prose-gc ol { list-style: decimal; padding-left: 1.5rem; color: #d1d5db; }
.prose-gc li { margin: 0.25rem 0; }

/* Pagination */
.pagination { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.pagination a, .pagination span {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 36px; height: 36px; padding: 0 8px;
    border-radius: 8px; font-size: 14px; font-weight: 500;
    border: 1px solid #374151; color: #9ca3af; transition: all 0.15s;
}
.pagination a:hover { border-color: #22c55e; color: #22c55e; }
.pagination .current { background: #16a34a; border-color: #16a34a; color: #fff; }
.pagination .disabled { opacity: 0.4; pointer-events: none; }