/* MineCaverns Forums Theme - Inspired by Tebex Store */
/* Dark, clean, orange accents - Forums specific styling */

:root {
  --mc-bg: #0a0a0a;
  --mc-bg-card: #111111;
  --mc-bg-hover: #1a1a1a;
  --mc-orange: #ff8c42;
  --mc-orange-hover: #ffa366;
  --mc-text: #ffffff;
  --mc-text-muted: #888888;
  --mc-border: #222222;
  --mc-border-light: #333333;
}

/* Base */
html, body {
  background: var(--mc-bg) !important;
  color: var(--mc-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body.pushable > .pusher {
  background: var(--mc-bg) !important;
}

/* Navigation - Clean black with orange underline */
.ui.secondary.menu {
  background: var(--mc-bg) !important;
  border-bottom: 1px solid var(--mc-border) !important;
  box-shadow: 0 2px 0 var(--mc-orange) !important;
  padding: 15px 20px !important;
}

.ui.secondary.menu .item {
  color: var(--mc-text) !important;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.9rem;
}

.ui.secondary.menu .item:hover {
  color: var(--mc-orange) !important;
  background: transparent !important;
}

.ui.secondary.menu .item.active {
  color: var(--mc-orange) !important;
  background: transparent !important;
}

/* Header/Masthead - Gradient like Tebex */
.ui.masthead {
  background: linear-gradient(135deg, #0a0a0a 0%, #1a0f0a 50%, #0a0a0a 100%) !important;
  border-bottom: 2px solid var(--mc-orange);
  padding: 3rem 0 !important;
}

.ui.masthead .ui.header {
  color: var(--mc-text) !important;
  font-weight: 700;
}

.ui.masthead .ui.header .sub.header {
  color: var(--mc-text-muted) !important;
}

/* Buttons - Solid orange, no border radius */
.ui.primary.button {
  background: var(--mc-orange) !important;
  color: #000 !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 0 !important;
  padding: 12px 24px !important;
}

.ui.primary.button:hover {
  background: var(--mc-orange-hover) !important;
  transform: translateY(-1px);
}

.ui.button {
  background: transparent;
  color: var(--mc-text);
  border: 1px solid var(--mc-border-light);
  border-radius: 0 !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.85rem;
}

.ui.button:hover {
  background: var(--mc-bg-hover);
  border-color: var(--mc-orange);
  color: var(--mc-orange);
}

/* Segments/Cards - Clean dark cards */
.ui.segment, .ui.card {
  background: var(--mc-bg-card) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.ui.segment:hover, .ui.card:hover {
  border-color: var(--mc-border-light) !important;
}

.ui.segment .ui.header {
  color: var(--mc-text);
  font-weight: 600;
}

/* Tables - Clean dark */
.ui.table {
  background: var(--mc-bg-card);
  color: var(--mc-text);
  border-color: var(--mc-border);
  border-radius: 0 !important;
}

.ui.table thead th {
  background: var(--mc-bg) !important;
  color: var(--mc-orange) !important;
  border-color: var(--mc-border);
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 0.8rem;
  font-weight: 600;
}

.ui.table tbody tr {
  border-color: var(--mc-border);
}

.ui.table tbody tr:hover {
  background: var(--mc-bg-hover) !important;
}

/* Links */
a {
  color: var(--mc-orange);
  transition: color 0.2s;
}

a:hover {
  color: var(--mc-orange-hover);
}

/* Form inputs - Clean dark */
.ui.form input, .ui.form textarea, .ui.form select,
.ui.input input {
  background: var(--mc-bg) !important;
  color: var(--mc-text) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 0 !important;
}

.ui.form input:focus, .ui.form textarea:focus,
.ui.input input:focus {
  border-color: var(--mc-orange) !important;
  box-shadow: 0 0 0 1px var(--mc-orange) !important;
}

/* Labels */
.ui.label {
  background: var(--mc-bg);
  color: var(--mc-text);
  border: 1px solid var(--mc-border);
  border-radius: 0 !important;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
}

.ui.orange.label {
  background: var(--mc-orange) !important;
  color: #000 !important;
  border: none;
}

/* Footer - Clean dark */
.ui.footer.segment {
  background: var(--mc-bg-card) !important;
  border-top: 1px solid var(--mc-border);
  margin-top: 3rem;
}

/* Breadcrumb */
.ui.breadcrumb {
  color: var(--mc-text-muted);
}

.ui.breadcrumb a {
  color: var(--mc-orange);
}

/* Pagination */
.ui.pagination {
  background: transparent;
}

.ui.pagination.menu .item {
  background: var(--mc-bg-card);
  color: var(--mc-text);
  border-color: var(--mc-border);
  border-radius: 0 !important;
}

.ui.pagination.menu .item.active {
  background: var(--mc-orange) !important;
  color: #000 !important;
}

/* Dropdown menus */
.ui.dropdown .menu {
  background: var(--mc-bg-card) !important;
  border: 1px solid var(--mc-border) !important;
  border-radius: 0 !important;
}

.ui.dropdown .menu > .item {
  color: var(--mc-text) !important;
}

.ui.dropdown .menu > .item:hover {
  background: var(--mc-bg-hover) !important;
  color: var(--mc-orange) !important;
}

/* Messages */
.ui.message {
  background: var(--mc-bg-card);
  border: 1px solid var(--mc-border);
  border-radius: 0 !important;
  color: var(--mc-text);
}

.ui.message .header {
  color: var(--mc-text);
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--mc-bg);
}

::-webkit-scrollbar-thumb {
  background: var(--mc-border-light);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--mc-orange);
}

/* Dark mode overrides - Ensure consistency */
body.dark, body.dark > .pusher {
  background: var(--mc-bg) !important;
}

body.dark .ui.secondary.menu {
  background: var(--mc-bg) !important;
  border-bottom: 1px solid var(--mc-border) !important;
  box-shadow: 0 2px 0 var(--mc-orange) !important;
}

body.dark .ui.segment, body.dark .ui.card {
  background: var(--mc-bg-card) !important;
  border-color: var(--mc-border) !important;
}

body.dark .ui.table {
  background: var(--mc-bg-card);
}

body.dark .ui.table thead th {
  background: var(--mc-bg) !important;
  color: var(--mc-orange) !important;
}

body.dark a {
  color: var(--mc-orange);
}

body.dark a:hover {
  color: var(--mc-orange-hover);
}

/* Topic post styling */
#topic-post #post-sidebar {
  background: var(--mc-bg-card);
  border-right: 1px solid var(--mc-border);
}

#topic-post #post-content {
  background: var(--mc-bg);
}

/* Forum node styling */
#forum-node .title {
  color: var(--mc-text);
  font-weight: 600;
}

#forum-node .description {
  color: var(--mc-text-muted);
}

/* Widget styling */
.ui.card [id*="widget"] .item {
  border-bottom: 1px solid var(--mc-border);
}

.ui.card [id*="widget"] .item:last-child {
  border-bottom: none;
}

/* Profile header */
#profile-header {
  background: var(--mc-bg-card) !important;
  border-bottom: 2px solid var(--mc-orange);
}

/* Navigation dropdown */
.ui.secondary.menu .ui.dropdown .menu {
  background: var(--mc-bg-card) !important;
  border: 1px solid var(--mc-border) !important;
}

.ui.secondary.menu .ui.dropdown .menu > .item {
  color: var(--mc-text) !important;
}

.ui.secondary.menu .ui.dropdown .menu > .item:hover {
  background: var(--mc-bg-hover) !important;
  color: var(--mc-orange) !important;
}