/* Forum — supplementary styles (Tailwind handles most layout) */

/* =====================================================================
   Vote widget
   ===================================================================== */
.forum-vote-widget.voting .forum-vote-btn {
	pointer-events: none;
	opacity: 0.5;
}

.forum-vote-btn:hover {
	background: rgb(0 0 0 / 0.04);
}

:is(.dark) .forum-vote-btn:hover {
	background: rgb(255 255 255 / 0.06);
}

/* =====================================================================
   Action bar buttons (shared by post card + reply cards)
   ===================================================================== */
.forum-action-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.25rem;
	padding: 0.25rem 0.5rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	font-weight: 500;
	color: #94a3b8;
	transition: background-color 0.15s ease, color 0.15s ease;
	cursor: pointer;
	border: none;
	background: transparent;
}

.forum-action-btn:hover {
	background: rgb(0 0 0 / 0.04);
	color: #64748b;
}

:is(.dark) .forum-action-btn:hover {
	background: rgb(255 255 255 / 0.06);
	color: #cbd5e1;
}

.forum-action-btn.text-primary {
	color: var(--color-primary, #3b82f6);
}

/* =====================================================================
   Post card
   ===================================================================== */
.forum-post-card {
	transition: box-shadow 0.2s ease;
}

/* =====================================================================
   Reply / comment list (Reddit threaded style)
   ===================================================================== */
.forum-replies-list > .forum-reply {
	padding-top: 0.75rem;
}

.forum-replies-list > .forum-reply + .forum-reply {
	border-top: 1px solid rgb(226 232 240 / 0.6);
}

:is(.dark) .forum-replies-list > .forum-reply + .forum-reply {
	border-top-color: rgb(51 65 85 / 0.6);
}

.forum-thread-line {
	min-height: 1rem;
	transition: background-color 0.15s ease;
	cursor: pointer;
}

.forum-reply:hover > .flex > .flex-col > .forum-thread-line {
	background-color: var(--color-primary, #3b82f6);
}

/* =====================================================================
   Nested depth indentation
   ===================================================================== */
.forum-depth-1 {
	margin-left: 1.5rem;
	padding-left: 1rem;
	border-left: 2px solid rgb(226 232 240 / 0.5);
}

.forum-depth-2 {
	margin-left: 1.5rem;
	padding-left: 1rem;
	border-left: 2px solid rgb(226 232 240 / 0.4);
}

.forum-depth-3 {
	margin-left: 1.5rem;
	padding-left: 1rem;
	border-left: 2px solid rgb(226 232 240 / 0.3);
}

:is(.dark) .forum-depth-1 {
	border-left-color: rgb(51 65 85 / 0.5);
}

:is(.dark) .forum-depth-2 {
	border-left-color: rgb(51 65 85 / 0.4);
}

:is(.dark) .forum-depth-3 {
	border-left-color: rgb(51 65 85 / 0.3);
}

.forum-depth-1:hover,
.forum-depth-2:hover,
.forum-depth-3:hover {
	border-left-color: var(--color-primary, #3b82f6);
}

/* Children container spacing */
.forum-reply-children > .forum-reply {
	padding-top: 0.5rem;
}

/* Smaller text at deeper depths */
.forum-depth-2 .forum-reply-content,
.forum-depth-3 .forum-reply-content {
	font-size: 0.9375rem;
}

/* =====================================================================
   Inline reply form (under a comment)
   ===================================================================== */
.forum-inline-reply .forum-inline-reply-content:focus {
	border-color: var(--color-primary, #3b82f6);
}

/* =====================================================================
   Reply form box
   ===================================================================== */
.forum-reply-box {
	transition: border-color 0.2s ease;
}

.forum-reply-box:focus-within {
	border-color: var(--color-primary, #3b82f6);
}

/* =====================================================================
   Line clamp utility (if Tailwind plugin not available)
   ===================================================================== */
.line-clamp-1 {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.line-clamp-2 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* =====================================================================
   Notification dropdown scroll
   ===================================================================== */
#forum-notif-dropdown {
	scrollbar-width: thin;
}
#forum-notif-dropdown::-webkit-scrollbar {
	width: 4px;
}
#forum-notif-dropdown::-webkit-scrollbar-thumb {
	background: #cbd5e1;
	border-radius: 2px;
}

/* =====================================================================
   Pagination overrides (wp paginate_links)
   ===================================================================== */
.page-numbers {
	display: flex;
	gap: 0.25rem;
	list-style: none;
	padding: 0;
	margin: 0;
	align-items: center;
}
.page-numbers li {
	display: inline-flex;
}
.page-numbers a,
.page-numbers span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.5rem;
	border-radius: 0.5rem;
	font-size: 0.875rem;
	font-weight: 500;
	transition: all 0.15s ease;
}
.page-numbers a {
	color: #64748b;
	border: 1px solid #e2e8f0;
}
.page-numbers a:hover {
	border-color: var(--color-primary, #3b82f6);
	color: var(--color-primary, #3b82f6);
}
.page-numbers span.current {
	background: var(--color-primary, #3b82f6);
	color: #fff;
	border: 1px solid transparent;
}
.page-numbers .dots {
	border: none;
	color: #94a3b8;
}