/**
 * wpForo Polish
 * ============
 * Scoped, minimal overrides so wpForo pages match the GIW light/dark themes
 * and avoid global heading effects (gradient/blur) hurting readability.
 */

/* ---------------------------
   Title readability (fix blur)
   --------------------------- */

body.wpforo #wpforo #wpforo-title {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: 0.01em;
  margin: 0 0 0.65rem 0;
  padding: 0;
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-title {
  color: var(--giw-light-ink, var(--water-900)) !important;
}

body.wpforo.dark-mode #wpforo #wpforo-title {
  color: var(--text-heading, var(--water-900)) !important;
}

/* Reduce the “double title” feel: keep wpForo title compact under page hero */
body.wpforo #wpforo #wpforo-title .wpforo-feed {
  font-size: 0.9rem;
  font-weight: 600;
  margin-left: 0.5rem;
  opacity: 0.9;
}

/* ---------------------------
   Layout density / spacing
   --------------------------- */

/* wpForo theme adds a large top gap between sections */
body.wpforo #wpforo #wpforo-wrap .wpforo-content .wpforo-section ~ .wpforo-section {
  margin-top: 0.3rem !important;
}

/* Slightly denser section internals */
body.wpforo #wpforo #wpforo-wrap .wpforo-cat-panel {
  padding: 4px 10px 4px 16px !important;
}

/* Give sections a subtle card feel so separators don't look like empty space */
body.wpforo #wpforo #wpforo-wrap .wpforo-section {
  border-radius: 14px;
  overflow: hidden;
}

/* Tighter thread header row */
body.wpforo #wpforo #wpforo-wrap .wpf-threads-head {
  min-height: 30px !important;
}

body.wpforo #wpforo #wpforo-wrap .wpf-threads-head .wpf-head-box {
  padding: 3px 1px !important;
  font-size: 11px;
}

/* ---------------------------
   Top bar (wpf menu) polish
   --------------------------- */

body.wpforo #wpforo #wpforo-wrap #wpforo-menu {
  border-radius: 16px;
  box-shadow: 0 16px 40px rgba(0, 30, 60, 0.18);
  margin-bottom: 0.6rem !important;
  min-height: 44px;
  padding: 8px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.28);
}

body.wpforo #wpforo #wpforo-wrap #wpforo-menu .wpf-left {
  margin-bottom: 0 !important;
}

body.wpforo #wpforo #wpforo-wrap #wpf-menu {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

body.wpforo #wpforo #wpforo-wrap #wpforo-menu li a {
  padding: 7px 12px !important;
  border-radius: 999px !important;
  font-weight: 800;
  letter-spacing: 0.01em;
  transition: background-color 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

body.wpforo #wpforo #wpforo-wrap #wpforo-menu li.wpforo-active > a,
body.wpforo #wpforo #wpforo-wrap #wpforo-menu li.current-menu-item > a {
  background: rgba(255, 255, 255, 0.24) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
}

body.wpforo #wpforo #wpforo-wrap #wpforo-menu li a:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  transform: translateY(-1px);
}

body.wpforo #wpforo #wpforo-wrap #wpforo-menu li a:focus-visible {
  outline: 2px solid rgba(0, 212, 228, 0.75);
  outline-offset: 2px;
}

/* Search in top bar: keep it compact */
body.wpforo #wpforo #wpforo-wrap .wpf-search input[type="text"].wpf-search-field {
  height: 30px !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

body.wpforo #wpforo #wpforo-wrap .wpf-search input[type="text"].wpf-search-field:focus {
  width: 200px !important;
}

body.wpforo #wpforo #wpforo-wrap .wpf-search i {
  line-height: 30px !important;
}

/* ---------------------------
   Light mode: readable ink + glass panels
   --------------------------- */

/* wpForo theme uses a light wrapper gradient even in dark mode; override per theme */
body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap {
  background: rgba(255, 255, 255, 0.7) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(179, 229, 252, 0.28) 100%) !important;
  border-radius: 18px;
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap {
  color: var(--giw-light-ink, #071f3a);
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpforo-category {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(0, 119, 190, 0.12) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpf-threads {
  background: rgba(255, 255, 255, 0.58) !important;
  border-top: 1px solid rgba(0, 119, 190, 0.10) !important;
}

/* Light mode: ensure “Add topic” is readable (it’s also used as a login CTA for guests) */
body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
  background: linear-gradient(135deg, #0077be 0%, #00d4e4 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.55) !important;
  box-shadow: 0 10px 22px rgba(0, 119, 190, 0.18);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.18);
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button:hover {
  filter: brightness(1.05);
  box-shadow: 0 14px 28px rgba(0, 119, 190, 0.22);
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap a {
  color: #0d3b66;
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap a:hover {
  color: #0077be;
}

body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap #wpforo-menu {
  border-radius: 14px 14px 0 0;
  overflow: hidden;
}

/* Make the thread header labels readable (they can look washed out) */
body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpf-threads-head .wpf-head-box {
  color: rgba(7, 31, 58, 0.75) !important;
  font-weight: 800;
}

/* Make search field match light mode */
body.wpforo:not(.dark-mode) #wpforo #wpforo-wrap .wpf-search-field {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--giw-light-ink, #071f3a) !important;
  border: 1px solid rgba(0, 119, 190, 0.18) !important;
  border-radius: 999px !important;
  padding: 0.35rem 0.7rem !important;
}

/* ---------------------------
   Dark mode: stop “light theme” colors from becoming unreadable
   --------------------------- */

body.wpforo.dark-mode #wpforo #wpforo-wrap {
  color: var(--text-primary, #c5e3f6);
  background: rgba(10, 22, 40, 0.32) !important;
  background-image: none !important;
  border: 1px solid rgba(0, 212, 228, 0.14);
  border-radius: 18px;
}

body.wpforo.dark-mode #wpforo #wpforo-wrap a {
  color: var(--water-700);
}

body.wpforo.dark-mode #wpforo #wpforo-wrap a:hover {
  color: var(--accent-cyan);
}

/* Panels / rows */
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpforo-section,
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpforo-category,
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-threads,
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-threads-head {
  background: rgba(10, 22, 40, 0.38) !important;
  border-color: rgba(0, 212, 228, 0.16) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

body.wpforo.dark-mode #wpforo #wpforo-wrap .wpforo-cat-panel {
  background: rgba(0, 212, 228, 0.07) !important;
}

body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-threads-head .wpf-head-box {
  color: rgba(232, 245, 252, 0.78) !important;
  font-weight: 800;
}

/* Dark mode search field */
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-search-field {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--text-primary, #c5e3f6) !important;
  border: 1px solid rgba(0, 212, 228, 0.2) !important;
  border-radius: 999px !important;
  padding: 0.35rem 0.7rem !important;
}

body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-search-form i {
  color: rgba(232, 245, 252, 0.7) !important;
}

/* “Add topic” button readability */
body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button {
  background: linear-gradient(135deg, rgba(0, 180, 216, 0.92) 0%, rgba(79, 195, 247, 0.92) 100%) !important;
  color: #071f3a !important;
  border: 1px solid rgba(232, 245, 252, 0.22) !important;
  box-shadow: 0 10px 22px rgba(0, 212, 228, 0.16);
}

body.wpforo.dark-mode #wpforo #wpforo-wrap .wpf-head-bar-right .wpf-button:hover {
  filter: brightness(1.03);
  box-shadow: 0 14px 30px rgba(0, 212, 228, 0.2);
}

/* ---------------------------
   Reduce extra bottom space
   --------------------------- */

body.wpforo #wpforo #wpforo-wrap {
  padding-bottom: 0 !important;
}

body.wpforo article.entry {
  margin-bottom: 1.1rem !important;
}