/**
 * wpForo Premium Redesign Stylesheet
 * Scoped strictly within #wpforo-wrap to protect core layout rules.
 * 
 * Palette:
 * - Primary Accent: #A81B2C (Tesla Red)
 * - Secondary Accent: #3FB5A6 (Tesla Teal)
 * - Base Dark: #1E1E1E (Dark Charcoal)
 * - Backgrounds: #F6F7F9 (Soft Gray)
 * - Borders: #E5E7EB (Clean Gray)
 * - Typography: Inter
 */

/* ==========================================================================
   1. Typography & Global Container Styling
   ========================================================================== */
#wpforo-wrap {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	color: #1E1E1E !important;
	line-height: 1.6 !important;
	font-size: 14px !important;
}

#wpforo-wrap input,
#wpforo-wrap select,
#wpforo-wrap textarea,
#wpforo-wrap button {
	font-family: 'Inter', sans-serif !important;
}

/* Restore FontAwesome font-family for icons, preventing override by the global Inter font */
#wpforo-wrap .fa,
#wpforo-wrap .fas,
#wpforo-wrap .far,
#wpforo-wrap .fab,
#wpforo-wrap .wpfsx {
	font-family: 'Font Awesome 5 Free', 'FontAwesome', 'Font Awesome 6 Free', sans-serif !important;
}

#wpforo-wrap h1,
#wpforo-wrap h2,
#wpforo-wrap h3,
#wpforo-wrap h4,
#wpforo-wrap h5,
#wpforo-wrap h6 {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	color: #1E1E1E !important;
	font-weight: 600 !important;
	letter-spacing: -0.02em !important;
}

#wpforo-wrap a {
	color: #A81B2C !important;
	text-decoration: none !important;
	transition: color 0.15s ease-in-out !important;
}

#wpforo-wrap a:hover,
#wpforo-wrap a:focus {
	color: #8A1220 !important;
	text-decoration: underline !important;
}

/* ==========================================================================
   2. Forum Title and Feed RSS Controls
   ========================================================================== */
#wpforo-wrap #wpforo-title {
	font-size: 24px !important;
	font-weight: 700 !important;
	color: #1E1E1E !important;
	border-bottom: 2px solid #E5E7EB !important;
	padding-bottom: 12px !important;
	margin-top: 1.25em !important;
	margin-bottom: 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 15px !important;
}

/* Style RSS buttons as premium subtle cards */
#wpforo-wrap .wpf-button-outlined,
#wpforo-wrap a.wpf-button-outlined,
#wpforo-wrap .wpf-feed-forums a,
#wpforo-wrap .wpf-feed-topics a,
#wpforo-wrap .wpf-unread-posts a {
	display: inline-flex !important;
	align-items: center !important;
	border: 1px solid #D1D5DB !important;
	border-radius: 6px !important;
	color: #4B5563 !important;
	background-color: #FFFFFF !important;
	padding: 6px 12px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	transition: all 0.2s ease-in-out !important;
	text-decoration: none !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

#wpforo-wrap .wpf-button-outlined:hover,
#wpforo-wrap a.wpf-button-outlined:hover,
#wpforo-wrap .wpf-feed-forums a:hover,
#wpforo-wrap .wpf-feed-topics a:hover,
#wpforo-wrap .wpf-unread-posts a:hover {
	border-color: #A81B2C !important;
	color: #A81B2C !important;
	background-color: rgba(224, 26, 34, 0.02) !important;
	transform: translateY(-1px) !important;
}

#wpforo-wrap .wpf-button-outlined i,
#wpforo-wrap a.wpf-button-outlined i,
#wpforo-wrap .wpf-feed-forums a i,
#wpforo-wrap .wpf-feed-topics a i,
#wpforo-wrap .wpf-unread-posts a i {
	margin-left: 6px !important;
	font-size: 12px !important;
}

#wpforo-wrap .wpforo-feed {
	display: inline-flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	font-size: 13px !important;
}

#wpforo-wrap .wpforo-feed sep {
	display: none !important; /* Hide old separator pipes */
}

/* ==========================================================================
   3. Forum Navigation Bar / Menu Layout Overhaul
   ========================================================================== */
#wpforo-wrap #wpforo-menu,
#wpforo-wrap .wpf-navi,
#wpforo-wrap .wpf-navi-wrap,
#wpforo-wrap .wpf-menu-table,
#wpforo-wrap .wpf-menu-row {
	background-color: #FFFFFF !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 8px !important;
	padding: 0 16px !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
	display: flex !important;
	flex-direction: row !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: nowrap !important;
	height: auto !important;
	min-height: 48px !important;
	margin-bottom: 20px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

/* Force inner table cells and menu blocks to expand horizontally */
#wpforo-wrap #wpforo-menu .wpf-menu-block,
#wpforo-wrap #wpforo-menu .wpf-menu-cell,
#wpforo-wrap #wpforo-menu td,
#wpforo-wrap #wpforo-menu tr {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	width: auto !important;
	float: none !important;
	border: none !important;
	border-right: none !important;
	border-left: none !important;
	padding: 0 !important;
	margin: 0 !important;
	flex: 1 1 auto !important;
}

#wpforo-wrap .wpf-menu,
#wpforo-wrap .wpf-menu-ul,
#wpforo-wrap #wpforo-menu ul,
#wpforo-wrap .wpf-navi ul {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	flex: 1 1 auto !important;
	border: none !important;
}

#wpforo-wrap .wpf-menu li,
#wpforo-wrap .wpf-menu-ul li,
#wpforo-wrap #wpforo-menu li,
#wpforo-wrap .wpf-navi li {
	display: inline-flex !important;
	align-items: center !important;
	width: auto !important;
	flex: 0 0 auto !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	height: auto !important;
	border: none !important;
}

#wpforo-wrap .wpf-menu li a,
#wpforo-wrap .wpf-menu-ul li a,
#wpforo-wrap #wpforo-menu li a,
#wpforo-wrap .wpf-navi li a {
	color: #4B5563 !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	padding: 14px 18px !important;
	border-bottom: 3px solid transparent !important;
	transition: all 0.2s ease-in-out !important;
	display: inline-flex !important;
	align-items: center !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	white-space: nowrap !important;
	width: auto !important;
	box-sizing: border-box !important;
}

#wpforo-wrap .wpf-menu li a:hover,
#wpforo-wrap .wpf-menu-ul li a:hover,
#wpforo-wrap #wpforo-menu li a:hover,
#wpforo-wrap .wpf-navi li a:hover {
	color: #1E1E1E !important;
	border-bottom-color: #D1D5DB !important;
}

/* Active Navigation Tab with Tesla Red indicator */
#wpforo-wrap .wpf-menu li.wpforo-active a,
#wpforo-wrap .wpf-menu-ul li.wpforo-active a,
#wpforo-wrap #wpforo-menu li.wpforo-active a,
#wpforo-wrap .wpf-navi li.wpforo-active a {
	color: #A81B2C !important;
	border-bottom-color: #A81B2C !important;
	font-weight: 600 !important;
}

/* Search & Notification Block inside Menu */
#wpforo-wrap #wpforo-menu .wpf-search-block,
#wpforo-wrap #wpforo-menu .wpf-search,
#wpforo-wrap #wpforo-menu .wpf-res-menu-bell {
	display: flex !important;
	align-items: center !important;
	margin-left: auto !important;
	float: none !important;
	width: auto !important;
	border: none !important;
}

#wpforo-wrap #wpforo-menu .wpf-search-form {
	position: relative !important;
}

#wpforo-wrap #wpforo-menu .wpf-search-form form {
	display: flex !important;
	align-items: center !important;
}

#wpforo-wrap #wpforo-menu .wpf-search-form i {
	position: absolute !important;
	left: 12px !important;
	color: #6B7280 !important;
	pointer-events: none !important;
}

#wpforo-wrap .wpf-search-field {
	font-size: 13px !important;
	border: 1px solid rgba(0, 0, 0, 0.15) !important;
	border-radius: 6px !important;
	padding: 8px 12px 8px 32px !important;
	width: 180px !important;
	background-color: rgba(255, 255, 255, 0.75) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	transition: all 0.15s ease-in-out !important;
}

#wpforo-wrap .wpf-search-field:focus {
	border-color: #A81B2C !important;
	background-color: #FFFFFF !important;
	box-shadow: 0 0 0 3px rgba(232, 33, 39, 0.15) !important;
	outline: none !important;
	width: 220px !important; /* Gentle expands on focus */
}

/* ==========================================================================
   4. Breadcrumbs & Sub-Top Bar Alignment
   ========================================================================== */
#wpforo-wrap .wpforo-subtop {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
	margin-bottom: 20px !important;
	padding: 8px 0 !important;
	width: 100% !important;
	clear: both !important;
}

#wpforo-wrap .wpf-breadcrumb {
	font-size: 13px !important;
	color: #6B7280 !important;
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
}

#wpforo-wrap .wpf-breadcrumb a,
#wpforo-wrap .wpf-breadcrumb span,
#wpforo-wrap .wpf-breadcrumb i {
	display: inline-flex !important;
	align-items: center !important;
	color: #6B7280 !important;
	transition: color 0.15s ease !important;
	text-decoration: none !important;
}

#wpforo-wrap .wpf-breadcrumb a:hover {
	color: #A81B2C !important;
}

#wpforo-wrap .wpf-breadcrumb sep,
#wpforo-wrap .wpf-breadcrumb .wpf-step-sep {
	margin: 0 4px !important;
	color: #9CA3AF !important;
	display: inline-block !important;
}

/* ==========================================================================
   5. Category Header Panels
   ========================================================================== */
#wpforo-wrap .wpforo-category {
	margin-top: 24px !important;
}

#wpforo-wrap .wpforo-cat-panel {
	background-color: #1E1E1E !important; /* Dark Charcoal */
	background-image: linear-gradient(135deg, #1E1E1E 0%, #303134 100%) !important;
	color: #FFFFFF !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 8px 8px 0 0 !important;
	padding: 14px 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

#wpforo-wrap .wpforo-cat-panel .cat-title {
	flex-grow: 1 !important;
}

#wpforo-wrap .wpforo-cat-panel .cat-name {
	color: #FFFFFF !important;
	font-family: 'Inter', sans-serif !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

#wpforo-wrap .wpforo-cat-panel .cat-stat-posts,
#wpforo-wrap .wpforo-cat-panel .cat-stat-topics {
	width: 80px !important;
	text-align: center !important;
	color: #E5E7EB !important;
	font-weight: 600 !important;
	font-size: 11px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
}

/* ==========================================================================
   6. Forum Rows & Panels (SaaS Dashboard layout)
   ========================================================================== */
#wpforo-wrap .forum-wrap {
	background-color: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.3) !important;
	border-top: none !important;
	transition: all 0.2s ease !important;
}

#wpforo-wrap .forum-wrap:last-of-type {
	border-radius: 0 0 8px 8px !important;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.03) !important;
}

#wpforo-wrap .forum-wrap:hover {
	background-color: rgba(255, 255, 255, 0.6) !important;
}

#wpforo-wrap .wpforo-forum {
	display: flex !important;
	align-items: center !important;
	padding: 20px 24px !important;
	border: none !important;
}

/* Left Indicator Icon Wrapper with Teal highlight */
#wpforo-wrap .wpforo-forum-icon {
	width: 48px !important;
	height: 48px !important;
	margin-right: 20px !important;
	border-left: 3px solid #3FB5A6 !important; /* Tesla Teal Indicator */
	color: #3FB5A6 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-left: 15px !important;
	background: transparent !important;
}

#wpforo-wrap .wpforo-forum-icon i {
	font-size: 20px !important;
	color: #3FB5A6 !important;
}

#wpforo-wrap .wpforo-forum-info {
	flex-grow: 1 !important;
	padding-right: 20px !important;
}

#wpforo-wrap .wpforo-forum-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	margin: 0 0 4px 0 !important;
	line-height: 1.3 !important;
}

#wpforo-wrap .wpforo-forum-title a {
	color: #1E1E1E !important;
	transition: color 0.15s ease !important;
}

#wpforo-wrap .wpforo-forum-title a:hover {
	color: #A81B2C !important;
	text-decoration: none !important;
}

#wpforo-wrap .wpforo-forum-description {
	font-size: 13px !important;
	color: #4B5563 !important;
	line-height: 1.5 !important;
}

/* Row Stats Column details */
#wpforo-wrap .wpforo-forum-stat-posts,
#wpforo-wrap .wpforo-forum-stat-topics {
	width: 80px !important;
	text-align: center !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #1E1E1E !important;
}

/* Recent topics toggle links */
#wpforo-wrap .wpforo-forum-footer {
	font-size: 12px !important;
	margin-top: 8px !important;
	color: #6B7280 !important;
}

#wpforo-wrap .wpforo-forum-footer .topictoggle {
	color: #3FB5A6 !important;
}

/* ==========================================================================
   7. Thread Category Headers & Subpage Buttons
   ========================================================================== */
/* Header info panels on category pages */
#wpforo-wrap .wpf-cat-header {
	background-color: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 8px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.03) !important;
	position: relative !important;
}

#wpforo-wrap .wpf-cat-header .wpf-title {
	font-size: 20px !important;
	font-weight: 700 !important;
	margin: 0 0 8px 0 !important;
}

#wpforo-wrap .wpf-cat-header .wpf-description {
	font-size: 14px !important;
	color: #4B5563 !important;
	line-height: 1.5 !important;
}

/* Action button for adding new threads / reply */
#wpforo-wrap .wpf-add-topic,
#wpforo-wrap a.wpf-add-topic,
#wpforo-wrap .wpf-button,
#wpforo-wrap a.wpf-button,
#wpforo-wrap .wpforo-main button,
#wpforo-wrap .wpforo-main input[type="submit"] {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	background-color: #A81B2C !important;
	background-image: linear-gradient(135deg, #A81B2C 0%, #D92E47 100%) !important; /* Glossy red gradient */
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 6px !important;
	padding: 10px 18px !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	cursor: pointer !important;
	box-shadow: 0 4px 12px rgba(224, 26, 34, 0.2) !important;
	transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
	text-decoration: none !important;
}

#wpforo-wrap .wpf-add-topic:hover,
#wpforo-wrap a.wpf-add-topic:hover,
#wpforo-wrap .wpf-button:hover,
#wpforo-wrap a.wpf-button:hover,
#wpforo-wrap .wpforo-main button:hover,
#wpforo-wrap .wpforo-main input[type="submit"]:hover {
	background-image: linear-gradient(135deg, #8A1220 0%, #A81B2C 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 6px 16px rgba(224, 26, 34, 0.3) !important;
	transform: translateY(-1px) !important;
}

#wpforo-wrap .wpf-add-topic i,
#wpforo-wrap a.wpf-add-topic i,
#wpforo-wrap .wpf-button i {
	margin-right: 8px !important;
}

/* ==========================================================================
   8. Conversation Thread view styling (Post cards)
   ========================================================================== */
#wpforo-wrap .wpforo-post-head {
	background-color: #F6F7F9 !important;
	border: 1px solid #E5E7EB !important;
	border-radius: 8px !important;
	padding: 14px 20px !important;
	margin-bottom: 20px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: 12px !important;
}

#wpforo-wrap .wpf-post-info-forum {
	font-weight: 600 !important;
	color: #1E1E1E !important;
	text-transform: uppercase !important;
	font-size: 11px !important;
	letter-spacing: 0.05em !important;
}

#wpforo-wrap .wpf-post-stat-box {
	font-size: 13px !important;
	color: #4B5563 !important;
}

#wpforo-wrap .wpf-post-stat-box i {
	color: #3FB5A6 !important;
	margin-right: 4px !important;
}

/* Post Card Wrapper */
#wpforo-wrap .post-wrap {
	background-color: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 12px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.03) !important;
	position: relative !important;
	display: block !important;
}

#wpforo-wrap .wpforo-post {
	display: flex !important;
	flex-wrap: wrap !important;
	border: none !important;
	background: transparent !important;
	padding: 0 !important;
}

/* Left Author Info Pane */
#wpforo-wrap .wpf-left {
	width: 170px !important;
	border-right: 1px solid #F3F4F6 !important;
	padding-right: 20px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	text-align: center !important;
	box-sizing: border-box !important;
}

#wpforo-wrap .author-avatar {
	margin-bottom: 12px !important;
}

#wpforo-wrap .author-avatar img {
	border-radius: 50% !important;
	border: 3px solid rgba(255, 255, 255, 0.6) !important;
	transition: all 0.25s ease-in-out !important;
	width: 80px !important;
	height: 80px !important;
}

#wpforo-wrap .post-wrap:hover .author-avatar img {
	border-color: #A81B2C !important;
	transform: scale(1.03) !important;
}

#wpforo-wrap .author-data {
	width: 100% !important;
}

#wpforo-wrap .author-name {
	font-size: 14px !important;
	font-weight: 700 !important;
	margin-bottom: 4px !important;
	line-height: 1.3 !important;
}

#wpforo-wrap .author-name a {
	color: #1E1E1E !important;
}

#wpforo-wrap .author-name a:hover {
	color: #A81B2C !important;
}

#wpforo-wrap .wpf-author-nicename {
	font-size: 11px !important;
	color: #6B7280 !important;
	margin-bottom: 8px !important;
}

/* Author role badge */
#wpforo-wrap .wpf-member-title {
	font-size: 11px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
	color: #A81B2C !important;
	background-color: rgba(224, 26, 34, 0.06) !important;
	padding: 4px 10px !important;
	border-radius: 4px !important;
	display: inline-block !important;
	line-height: 1 !important;
}

#wpforo-wrap .author-joined,
#wpforo-wrap .author-posts {
	font-size: 11px !important;
	color: #6B7280 !important;
	margin-top: 6px !important;
}

/* Right Post Content Pane */
#wpforo-wrap .wpf-right {
	flex: 1 !important;
	min-width: 280px !important;
	padding-left: 24px !important;
	margin-left: 0 !important; /* Reset default margin */
	box-sizing: border-box !important;
}

#wpforo-wrap .wpforo-post-content-top {
	font-size: 12px !important;
	color: #6B7280 !important;
	margin-bottom: 12px !important;
	border-bottom: 1px solid #F3F4F6 !important;
	padding-bottom: 8px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}

#wpforo-wrap .wpf-post-date {
	color: #6B7280 !important;
}

#wpforo-wrap .wpforo-post-content {
	font-size: 15px !important;
	line-height: 1.6 !important;
	color: #1E1E1E !important;
}

#wpforo-wrap .wpforo-post-content p {
	margin-bottom: 1em !important;
}

/* Action controls at bottom of posts */
#wpforo-wrap .bottom {
	border-top: 1px solid #F3F4F6 !important;
	padding-top: 12px !important;
	margin-top: 18px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
	font-size: 13px !important;
}

#wpforo-wrap .bottom .bright {
	display: inline-flex !important;
	gap: 15px !important;
}

#wpforo-wrap .bottom .wpf-action {
	color: #6B7280 !important;
	cursor: pointer !important;
	transition: color 0.15s ease !important;
	display: inline-flex !important;
	align-items: center !important;
}

#wpforo-wrap .bottom .wpf-action:hover {
	color: #A81B2C !important;
}

#wpforo-wrap .bottom .wpf-action i {
	margin-right: 6px !important;
	font-size: 14px !important;
}

/* ==========================================================================
   9. Callouts & Alert Banners
   ========================================================================== */
#wpforo-wrap .wpf-please-login {
	background-color: #F0FDFB !important; /* Soft Teal */
	border: 1px solid #CCF5F1 !important;
	border-left: 4px solid #3FB5A6 !important; /* Brand Teal */
	border-radius: 8px !important;
	color: #1A6C63 !important;
	padding: 18px 24px !important;
	font-weight: 500 !important;
	font-size: 14px !important;
	margin: 25px 0 !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.01) !important;
}

#wpforo-wrap .wpf-please-login a {
	color: #3FB5A6 !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
	transition: color 0.2s ease !important;
}

#wpforo-wrap .wpf-please-login a:hover {
	color: #2A8C80 !important;
}

/* ==========================================================================
   10. Sidebar & Log In Widget Styling (Strictly scoped inside #secondary)
   ========================================================================== */
#secondary .widget {
	background: rgba(255, 255, 255, 0.45) !important;
	backdrop-filter: blur(12px) saturate(180%) !important;
	-webkit-backdrop-filter: blur(12px) saturate(180%) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
	border-radius: 12px !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.03) !important;
	overflow: hidden !important;
}

#secondary .widget-title {
	font-size: 15px !important;
	font-weight: 700 !important;
	color: #1E1E1E !important;
	border-bottom: 2px solid #A81B2C !important; /* Brand red underline */
	padding-bottom: 8px !important;
	margin-top: 0 !important;
	margin-bottom: 18px !important;
	text-transform: uppercase !important;
	letter-spacing: 0.5px !important;
}

/* ==========================================================================
   11. Responsive Styles
   ========================================================================== */
@media (max-width: 768px) {
	#wpforo-wrap .wpforo-cat-panel {
		padding: 12px 15px !important;
	}
	#wpforo-wrap .wpforo-forum {
		padding: 15px 15px !important;
	}
	#wpforo-wrap .wpforo-forum-icon {
		margin-right: 12px !important;
		padding-left: 8px !important;
	}
	#wpforo-wrap .wpf-left {
		width: 100% !important;
		border-right: none !important;
		border-bottom: 1px solid #F3F4F6 !important;
		padding-right: 0 !important;
		padding-bottom: 15px !important;
		margin-bottom: 15px !important;
	}
	#wpforo-wrap .wpf-right {
		padding-left: 0 !important;
	}
}