/* =========================================================
   Monroeville Mall Archive — MyBB/Curves overrides
   Focus: forumdisplay.php + threadlist tables + Curves UI
   Load order requirement: MUST load after {$stylesheets}
   ========================================================= */

:root{
  --mm-text: rgba(240,240,246,.92);
  --mm-text-strong: rgba(240,240,246,.98);
  --mm-muted: rgba(240,240,246,.72);
  --mm-line: rgba(255,255,255,.10);
  --mm-line2: rgba(255,255,255,.08);
  --mm-panel: rgba(15,15,22,.78);
  --mm-panel2: rgba(15,15,22,.60);
  --mm-accent: #e50914;
  --mm-accent2: #7a0205;
  --mm-glow: rgba(229,9,20,.18);
}

/* ---------- GLOBAL READABILITY ---------- */
html, body{
  color: var(--mm-text) !important;
  font-family: var(--font-body, Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial) !important;
  background: #0b0b0e !important;
}

#content, #content *{
  color: inherit;
}

/* Curves/MyBB can dim random blocks; force common “dim” classes brighter */
.smalltext, .smalltext *,
.tinytext, .tinytext *,
.description, .description *,
.lastpost, .lastpost *,
tfoot, tfoot *{
  color: var(--mm-muted) !important;
}

/* Links: no dim visited state */
a, a:link, a:visited{
  color: var(--mm-text-strong) !important;
  text-decoration: none !important;
  opacity: 1 !important;
  filter: none !important;
}
a:hover, a:focus{
  color: #fff !important;
}

/* Thread subject links should pop */
.subject_new a,
.subject_old a,
.subject_old_inactive a,
.subject_new_inactive a{
  color: var(--mm-text-strong) !important;
  font-weight: 800 !important;
  letter-spacing: .05px !important;
}

/* ---------- LAYOUT WRAPPERS ---------- */
/* Curves often wraps page body with #container/#wrapper; soften */
#wrapper, #container, .wrapper, .container{
  background: transparent !important;
}

/* MyBB content often has huge padding/margins; normalize */
#content{
  padding: 0 !important;
  margin: 0 !important;
}

/* ---------- BREADCRUMBS (forumdisplay breadcrumb often looks off) ---------- */
.breadcrumb, .breadcrumb a,
.navigation, .navigation a,
.breadcrumbs, .breadcrumbs a,
.breadcrumblist, .breadcrumblist a{
  color: var(--mm-text-strong) !important;
  font-weight: 650 !important;
}
.breadcrumb, .breadcrumbs, .navigation, .breadcrumblist{
  margin: 0 0 14px 0 !important;
}

/* ---------- TABLE “CARD” LOOK (forumdisplay threadlist is table-driven) ---------- */
/* Primary wrapper in MyBB */
.tborder{
  border: 1px solid var(--mm-line) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: var(--mm-panel) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
}

/* Some Curves skins use .table/.table-responsive instead */
table, .table{
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* Head rows */
.thead, .tcat, thead th{
  background: rgba(255,255,255,.04) !important;
  color: var(--mm-text-strong) !important;
  font-weight: 900 !important;
  letter-spacing: .12px !important;
  border-bottom: 1px solid var(--mm-line2) !important;
}

/* Cells */
.tborder td, .tborder th,
.table td, .table th{
  border-color: var(--mm-line2) !important;
  padding: 12px 14px !important;
  vertical-align: middle !important;
}

/* Rows */
.trow1, .trow2, tbody tr{
  background: rgba(255,255,255,.02) !important;
  color: var(--mm-text) !important;
}
.trow1:hover, .trow2:hover, tbody tr:hover{
  background: rgba(229,9,20,.06) !important;
}

/* Shaded/deleted moderation rows */
.trow_shaded{
  background: rgba(255,255,255,.03) !important;
}
.trow_deleted{
  outline: 1px solid rgba(229,9,20,.22) !important;
}

/* Prevent Curves from using “striped” bright rows */
.table-striped > tbody > tr:nth-of-type(odd){
  background: rgba(255,255,255,.02) !important;
}

/* ---------- FORUMDISPLAY TOP CONTROLS (sort/search/new thread bar) ---------- */
.float_right, .float_left{
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.float_right{ justify-content: flex-end !important; }

/* ---------- BUTTONS / “PILLS” ---------- */
.button, a.button, input.button, button.button,
.btn, a.btn, button.btn, input.btn,
.btn-sm, .btn-primary, .btn-secondary, .btn-outline, .btn-outline-primary,
.button_large, .button_small, .mybb_button, a.mybb_button{
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--mm-text-strong) !important;
  font-weight: 750 !important;
  padding: 10px 14px !important;
  line-height: 1 !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10) !important;
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease !important;
}

.button:hover, a.button:hover, input.button:hover, button.button:hover,
.btn:hover, a.btn:hover, button.btn:hover, input.btn:hover,
.mybb_button:hover, a.mybb_button:hover{
  transform: translateY(-1px) !important;
  border-color: rgba(229,9,20,.45) !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.55), 0 0 0 3px var(--mm-glow), inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Primary actions (New Thread / Post Thread / Reply etc.) */
.button.new_thread, a.button.new_thread,
.button.newthread, a.button.newthread,
button[name="newthread"], a[href*="newthread"],
a[href*="newthread.php"], a[href*="newreply.php"],
.btn-primary{
  background: linear-gradient(180deg, rgba(229,9,20,.88), rgba(122,2,5,.76)) !important;
  border-color: rgba(229,9,20,.55) !important;
  color: #fff !important;
}

/* ---------- FORMS ---------- */
input.textbox, input[type="text"], input[type="search"], input[type="email"], input[type="password"],
select, textarea,
.form-control{
  background: rgba(0,0,0,.22) !important;
  color: var(--mm-text-strong) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 12px !important;
}

input:focus, select:focus, textarea:focus, .form-control:focus{
  outline: none !important;
  border-color: rgba(229,9,20,.45) !important;
  box-shadow: 0 0 0 3px rgba(229,9,20,.18) !important;
  background: rgba(0,0,0,.28) !important;
}

/* ---------- PAGINATION (MyBB multipage) ---------- */
.pagination a, .pagination span,
.multipage a, .multipage span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width: 40px !important;
  height: 36px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.03) !important;
  color: var(--mm-text-strong) !important;
  font-weight: 750 !important;
  margin: 0 4px 6px 0 !important;
}

.pagination a:hover, .multipage a:hover{
  border-color: rgba(229,9,20,.45) !important;
  box-shadow: 0 0 0 3px rgba(229,9,20,.16) !important;
}

.pagination_current,
.pagination span.pagination_current,
.multipage .pagination_current,
.multipage span.page_current{
  background: linear-gradient(180deg, rgba(229,9,20,.88), rgba(122,2,5,.76)) !important;
  border-color: rgba(229,9,20,.55) !important;
  color: #fff !important;
}

/* ---------- INFO PANELS (rules / users browsing / moderated by) ---------- */
.forumdisplay_moderatedby,
.forumdisplay_usersbrowsing,
.forumdisplay_rules,
.rules,
#forum_rules,
#users_browsing,
#moderated_by{
  border: 1px solid var(--mm-line) !important;
  background: var(--mm-panel2) !important;
  border-radius: 16px !important;
  padding: 12px 14px !important;
  margin: 12px 0 !important;
}

/* ---------- ICONS / FOLDERS ---------- */
img[alt*="folder"], img[src*="folder"]{
  filter: saturate(1.1) brightness(1.1) !important;
}

/* ---------- Kill any “white cards” Curves may inject ---------- */
.card, .panel, .well, .container .card{
  background: var(--mm-panel) !important;
  border-color: var(--mm-line) !important;
  color: var(--mm-text) !important;
}

/* =========================================================
   Curves/Bootstrap card-based forum layout overrides
   ========================================================= */

.card{
  background: var(--mm-panel) !important;
  border: 1px solid var(--mm-line) !important;
  border-radius: 16px !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
  color: var(--mm-text) !important;
}

.card-header{
  background: rgba(255,255,255,.04) !important;
  border-bottom: 1px solid var(--mm-line2) !important;
  color: var(--mm-text-strong) !important;
  font-weight: 900 !important;
  letter-spacing: .12px !important;
}

.bg-nav{
  background: rgba(255,255,255,.04) !important;
}

.card-header.rounded{
  border-radius: 16px 16px 0 0 !important;
}

.card-body{
  background: transparent !important;
  color: var(--mm-text) !important;
}

/* Brighten links inside cards */
.card a,
.card a:link,
.card a:visited{
  color: var(--mm-text-strong) !important;
  opacity: 1 !important;
  filter: none !important;
  text-decoration: none !important;
}
.card a:hover,
.card a:focus{
  color: #fff !important;
}

/* Tables inside cards */
.card table{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: var(--mm-text) !important;
}
.card table thead th{
  background: rgba(255,255,255,.04) !important;
  color: var(--mm-text-strong) !important;
  font-weight: 900 !important;
  border-bottom: 1px solid var(--mm-line2) !important;
}
.card table tbody td{
  border-top: 1px solid rgba(255,255,255,.06) !important;
  padding: 12px 14px !important;
  color: var(--mm-text) !important;
}
.card table tbody tr{
  background: rgba(255,255,255,.02) !important;
}
.card table tbody tr:hover{
  background: rgba(229,9,20,.06) !important;
}

/* Dim text helpers */
.card .text-muted,
.card .smalltext,
.card .lastpost,
.card .description{
  color: var(--mm-muted) !important;
}

/* =========================================================
   OPTIONAL REFINEMENTS
   ========================================================= */
.subject_new a,
.subject_old a{
  font-size: 1.02rem !important;
  font-weight: 850 !important;
  letter-spacing: .1px !important;
}

.card table tbody td.smalltext,
.card table tbody td .smalltext{
  font-size: .85rem !important;
  color: rgba(240,240,246,.65) !important;
}

.forumdisplay_sticky,
tr.forumdisplay_sticky{
  background: linear-gradient(90deg, rgba(229,9,20,.08), rgba(255,255,255,.02)) !important;
}

.multipage{
  margin-top: 14px !important;
}

/* =========================================================
   NEWTHREAD / NEWREPLY / POSTING UI — Monroeville styling
   ========================================================= */

#content a,
#content a:visited{
  color: rgba(255,255,255,.92) !important;
}
#content a:hover{
  color: #ffffff !important;
}

/* Header brand link should NOT look “dim” */
.site-header a.brand,
.site-header a.brand:visited{
  color: rgba(255,255,255,.96) !important;
}
.site-header a.brand:hover{
  color: #ffffff !important;
}

/* posting pages still get a little air */
#content{
  padding-top: 10px;
}

/* Convert the old MyBB tborder/table blocks into “cards” */
#content .tborder,
#content table.tborder{
  width: 100%;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  background: rgba(15,15,22,.78) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.45) !important;
  margin-bottom: 16px !important;
}

/* Section headers */
#content .thead,
#content .tcat,
#content .tcatb{
  background: rgba(255,255,255,.04) !important;
  color: rgba(255,255,255,.96) !important;
  font-weight: 800 !important;
  letter-spacing: .1px !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Row backgrounds */
#content .trow1,
#content .trow2,
#content tr.trow1 td,
#content tr.trow2 td{
  background: transparent !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}

#content .smalltext{
  color: rgba(240,240,246,.70) !important;
}

/* Form controls inside posting pages */
#content input[type="text"],
#content input[type="email"],
#content input[type="password"],
#content input[type="number"],
#content select,
#content textarea{
  width: 100% !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.28) !important;
  color: rgba(255,255,255,.92) !important;
  outline: none !important;
}

#content input:focus,
#content select:focus,
#content textarea:focus{
  border-color: rgba(229,9,20,.85) !important;
  box-shadow: 0 0 0 3px rgba(229,9,20,.25) !important;
}

#content textarea{
  min-height: 220px !important;
  resize: vertical !important;
}

/* MyBB “button” class -> Monroeville pill buttons */
#content .button,
#content input.button,
#content button.button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.04) !important;
  color: rgba(255,255,255,.92) !important;
  font-weight: 750 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

#content .button:hover,
#content input.button:hover,
#content button.button:hover{
  border-color: rgba(229,9,20,.45) !important;
  box-shadow: 0 0 0 3px rgba(229,9,20,.16) !important;
  background: rgba(229,9,20,.14) !important;
  color: #fff !important;
}

#content input[type="submit"],
#content button[type="submit"]{
  border-radius: 999px !important;
}

#content .codebuttons,
#content .editor_control_bar,
#content .quickedit_control_bar{
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.03) !important;
  padding: 10px !important;
}

#content .post_attachments,
#content #attachments,
#content .attachments{
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.03) !important;
}

#content .error,
#content .error_message,
#content .pm_alert,
#content .red_alert{
  border-radius: 14px !important;
  border: 1px solid rgba(229,9,20,.35) !important;
  background: rgba(229,9,20,.10) !important;
  color: rgba(255,255,255,.95) !important;
  padding: 12px 14px !important;
}

#content .navigation,
#content .breadcrumb{
  color: rgba(240,240,246,.80) !important;
}

/* =========================================
   Posting Header Card (New Thread / Reply)
   ========================================= */

.mm-form-header-card{
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(15,15,22,.78);
  padding: 20px 22px;
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}

.mm-form-header-title{
  font-size: 1.35rem;
  font-weight: 900;
  color: rgba(255,255,255,.96);
  letter-spacing: .2px;
}

.mm-form-header-subtitle{
  margin-top: 6px;
  font-size: .95rem;
  color: rgba(240,240,246,.70);
  font-weight: 500;
}

/* ==========================================================
   POST ICON GRID + CARD FOOTER FIXES
   ========================================================== */

/* Card footer: match dark rectangular */
.card-footer,
.card-footer.text-center{
  background: rgba(15,15,22,.78) !important;
  color: rgba(240,240,246,.88) !important;
  border-top: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 0 0 18px 18px !important;
}

/* Force footer controls to look like the site pills */
.card-footer .btn.btn-primary,
.card-footer.text-center .btn.btn-primary,
.card-footer input[type="submit"].btn.btn-primary,
.card-footer button.btn.btn-primary{
  border-radius: 999px !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(229,9,20,.55) !important;
  color: #fff !important;
  background: linear-gradient(180deg, rgba(229,9,20,.92), rgba(122,2,5,.78)) !important;
  box-shadow: 0 10px 28px rgba(229,9,20,.18) !important;
  font-weight: 750 !important;
  letter-spacing: .10px !important;
}

/* Footer alignment */
.card-footer,
.card-footer.text-center{
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}

/* =========================================================
   FIX: Post Icons grid (posticons / posticons_icon templates)
   ========================================================= */

.posticon-toolbar{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
}

/* Each icon becomes a consistent tile */
.posticon-toolbar .posticons_label{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  background: rgba(0,0,0,.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06) !important;
  cursor: pointer !important;
}

/* Hide the radio but keep it clickable via the label */
.posticon-toolbar .posticons_label input[type="radio"]{
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Normalize icon image size (overrides inline styles too) */
.posticon-toolbar .posticons_label img{
  width: 26px !important;
  height: 26px !important;
  display: block !important;
  margin: 0 !important;
}

/* Selected state */
.posticon-toolbar .posticons_label input[type="radio"]:checked + img{
  filter: drop-shadow(0 0 10px rgba(229,9,20,.35)) !important;
  transform: scale(1.06) !important;
}

/* =========================================================
   Posting UI sections (New Thread / New Reply)
   ========================================================= */

.mm-post-section{
  border: 1px solid rgba(255,255,255,.10) !important;
  border-radius: 16px !important;
  background: rgba(15,15,22,.60) !important;
  padding: 14px !important;
  margin: 14px 0 !important;
}

.mm-post-section-title{
  font-weight: 900 !important;
  letter-spacing: .12px !important;
  color: rgba(240,240,246,.98) !important;
  margin: 0 0 12px 0 !important;
}

/* =========================================================
   Premium Forum Identity Bar
   - Group badge
   - Role coloring
   - Avatar circle
   - Mobile collapse
   ========================================================= */

.mm-forum-identity-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  margin: 0 0 16px 0;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.18));
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}

.mm-forum-identity-left{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 0;
}

.mm-forum-avatar{
  width: 42px;
  height: 42px;
  border-radius: 999px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
  flex: 0 0 auto;
}
.mm-forum-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mm-forum-who{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}

.mm-forum-userline{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.mm-forum-username{
  font-weight:900;
  color: rgba(255,255,255,.96);
  letter-spacing:.15px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 48vw;
}

.mm-forum-subline{
  display:flex;
  align-items:center;
  gap:10px;
  color: rgba(240,240,246,.72);
  font-weight:650;
  font-size:.9rem;
}

.mm-forum-groupbadge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(240,240,246,.80);
  line-height:1;
  white-space:nowrap;
}

.mm-forum-identity-right{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex: 0 0 auto;
}

.mm-forum-meta{
  display:inline-flex;
  align-items:center;
  padding:8px 12px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(240,240,246,.86);
  font-weight:750;
  white-space:nowrap;
}

/* Role badge */
.mm-role-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  font-weight:850;
  letter-spacing:.2px;
  line-height:1;
  white-space:nowrap;
}

/* Admin: red */
.mm-role-badge[class*="Admin"],
.mm-role-badge[class*="admin"]{
  border-color: rgba(229,9,20,.45);
  background: rgba(229,9,20,.14);
  color: #fff;
}

/* Moderator: blue */
.mm-role-badge[class*="Mod"],
.mm-role-badge[class*="mod"]{
  border-color: rgba(56,140,255,.45);
  background: rgba(56,140,255,.14);
  color: #fff;
}

/* Member: gray */
.mm-role-badge[class*="Member"],
.mm-role-badge[class*="member"]{
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  color: rgba(240,240,246,.88);
}

/* Mobile collapse */
@media (max-width: 576px){
  .mm-forum-identity-bar{
    padding: 12px;
    gap:10px;
  }
  .mm-forum-identity-right{
    display:none;
  }
  .mm-forum-username{
    max-width: 64vw;
  }
  .mm-forum-subline{
    font-size: .85rem;
  }
}

@media (max-width: 380px){
  .mm-forum-avatar{ width: 38px; height: 38px; }
  .mm-forum-groupbadge{ display:none; }
}

/* =========================================================
   Monroeville header missing pills (Profile/Admin)
   Injected by header template after {$mm_site_header}
   ========================================================= */

.mm-site-header-pills-wrap{
  max-width: 100%;
  padding: 10px 0 0 0;
}

.mm-site-header-pills{
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}

.mm-pill{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(240,240,246,.96);
  font-weight: 800;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10);
  transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease;
}

.mm-pill:hover{
  transform: translateY(-1px);
  border-color: rgba(229,9,20,.45);
  box-shadow: 0 16px 38px rgba(0,0,0,.55), 0 0 0 3px rgba(229,9,20,.18), inset 0 1px 0 rgba(255,255,255,.12);
  color: #fff;
}

.mm-pill-profile{
  background: rgba(255,255,255,.03);
}

.mm-pill-admin{
  background: linear-gradient(180deg, rgba(229,9,20,.88), rgba(122,2,5,.76));
  border-color: rgba(229,9,20,.55);
  color: #fff !important;
}

@media (max-width: 576px){
  .mm-site-header-pills-wrap{
    display: none;
  }
}

/* =========================================================
   FINAL OVERRIDES — keep forums tight to mm_site_header
   (place at END of forum-overrides.css)
   ========================================================= */

/* The MyBB header template wrapper we added */
.mm-forum-shell{
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.mm-forum-content{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Index/forums landing page: keep the forum list tight to header */
.mm-forums-top{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Prevent any “global #content padding-top:10px” from pushing index down */
body.index .mm-forum-content,
body.index #content{
  padding-top: 0 !important;
}

/* If MyBB doesn’t set body classes, fall back to: first container-md under content */
.mm-forum-content > .container-md{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Hide whatever icon is currently inside the mark_read box */
.forum_status i,
.forum_status svg,
.forum_status img { display:none !important; }

/* Default: show MM logo as background */
.forum_status {
  background: url("/assets/img/mm-footer.png") no-repeat center / 22px 22px !important;
}

/* Per-forum override */
#mark_read_2 {
  background-image: url("/assets/img/icons/forum-2.png") !important;
}