/* forum header */
.fd-header {
  position:   relative;
  width:      100%;
  height:     220px;
  overflow:   hidden;
  margin-bottom: 4px;
}

.fd-header-img {
  position:            absolute;
  inset:               0;
  background-size:     cover;
  background-position: center;
  filter:              brightness(0.72);
  z-index:             0;
}

/* same vignette as forum index cards */
.fd-header::after {
  content:  '';
  position: absolute;
  inset:    0;
  z-index:  1;
  background:
    linear-gradient(to right,  rgba(14,10,6,0.85) 0%, rgba(14,10,6,0.35) 45%, rgba(14,10,6,0.10) 100%),
    linear-gradient(to top,    rgba(14,10,6,0.80) 0%, rgba(14,10,6,0.00) 55%);
  pointer-events: none;
}

.fd-header-content {
  position:       absolute;
  inset:          0;
  z-index:        2;
  display:        flex;
  flex-direction: column;
  justify-content: flex-end;
  padding:        24px 32px;
  box-sizing:     border-box;
}

.fd-header-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      clamp(26px, 3.5vw, 44px);
  font-style:     italic;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height:    1;
  filter:         blur(0.4px);
  color:          var(--designtextcolor);
  margin-bottom:  8px;
}

.fd-header-desc {
  max-width:               460px;
  padding:                 10px 14px;
  font-family:             "EB Garamond", serif;
  font-size:               12px;
  font-style:              italic;
  letter-spacing:          0.8px;
  line-height:             1.7;
  color:                   rgba(250, 240, 207, 0.78);
  backdrop-filter:         blur(8px) brightness(50%) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) brightness(50%) saturate(1.1);
  background:              rgba(250, 240, 207, 0.09);
  border:                  1px solid rgba(250, 240, 207, 0.18);
}

/* fid-based background images — same as index */
.fd-header-img[data-fid="2"] { background-image: url(https://to-the-bone.net/images/grass_sea.jpeg); }
.fd-header-img[data-fid="3"] { background-image: url(https://to-the-bone.net/images/ensorcelled_forest.jpeg); }
/* add more as needed */


/* post thread + tools */
.fd-toolbar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  flex-wrap:               wrap;
  gap:                     10px;
  padding:                 10px 20px;
  backdrop-filter:         blur(22px) brightness(36%);
  -webkit-backdrop-filter: blur(22px) brightness(36%);
  background:              rgba(14, 9, 4, 0.62);
  border:                  1px solid rgba(250, 240, 207, 0.12);
  margin-bottom:           4px;
  box-sizing:              border-box;
}

.fd-toolbar-left,
.fd-toolbar-right {
  display:     flex;
  align-items: center;
  gap:         10px;
  flex-wrap:   wrap;
}

/* all links/buttons inside toolbar */
.fd-toolbar a,
.fd-toolbar a:visited {
  font-family:     "EB Garamond", serif;
  font-size:       9px;
  letter-spacing:  3px;
  text-transform:  uppercase;
  color:           rgba(250, 240, 207, 0.75); /* raised from 0.45 */
  text-decoration: none;
  padding:         4px 12px;
  border:          1px solid rgba(250, 240, 207, 0.25); /* raised from 0.15 */
  background:      rgba(250, 240, 207, 0.06);
  transition:      color .25s, border-color .25s, background .25s;
}

.fd-toolbar a:hover {
  color:        var(--designmaincolor);
  border-color: var(--designmaincolor);
  background:   rgba(217, 185, 106, 0.08);
}

/* post thread button */
.fd-post-btn,
.fd-post-btn:link,
.fd-post-btn:visited {
  color:          rgba(250, 240, 207, 0.85) !important;
  border-color:   rgba(250, 240, 207, 0.35) !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      11px !important;
  letter-spacing: 4px !important;
  padding:        6px 18px !important;
  background:     rgba(250, 240, 207, 0.08) !important;
}

.fd-post-btn:hover,
.fd-post-btn:active {
  color:        var(--designmaincolor) !important;
  border-color: var(--designmaincolor) !important;
  background:   rgba(217, 185, 106, 0.12) !important;
}

/* selects inside toolbar */
.fd-toolbar select {
  background:     rgba(250, 240, 207, 0.06) !important;
  border:         1px solid rgba(250, 240, 207, 0.15) !important;
  color:          rgba(250, 240, 207, 0.50) !important;
  font-family:    "EB Garamond", serif !important;
  font-size:      9px !important;
  letter-spacing: 2px !important;
  padding:        3px 8px !important;
  outline:        none !important;
}

.fd-toolbar input.button {
  padding:        4px 12px !important;
  font-family:    "EB Garamond", serif !important;
  font-size:      9px !important;
  letter-spacing: 2px !important;
  background:     rgba(250, 240, 207, 0.06) !important;
  border:         1px solid rgba(250, 240, 207, 0.15) !important;
  color:          rgba(250, 240, 207, 0.50) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s !important;
}

.fd-toolbar input.button:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}


/* THREAD LIST TABLE */
.fd-threadlist {
  width:      100%;
  box-sizing: border-box;
}

/* column header row */
.fd-col-header {
  display:                 flex;
  align-items:             center;
  padding:                 6px 20px;
  backdrop-filter:         blur(12px) brightness(32%);
  -webkit-backdrop-filter: blur(12px) brightness(32%);
  background:              rgba(14, 9, 4, 0.55);
  border:                  1px solid rgba(250, 240, 207, 0.10);
  border-bottom:           none;
  font-family:             "EB Garamond", serif;
  font-size:               8px;
  letter-spacing:          3px;
  text-transform:          uppercase;
  color:                   rgba(250, 240, 207, 0.30);
  box-sizing:              border-box;
}

.fd-col-thread { flex: 1; }
.fd-col-replies,
.fd-col-views  { width: 80px; text-align: center; }
.fd-col-last   { width: 200px; text-align: right; }


/* INDIVIDUAL THREAD ROW */
.fd-thread-row {
  display:                 flex;
  align-items:             center;
  padding:                 12px 20px;
  backdrop-filter:         blur(10px) brightness(40%) saturate(1.1);
  -webkit-backdrop-filter: blur(10px) brightness(40%) saturate(1.1);
  background:              rgba(14, 9, 4, 0.45);
  border:                  1px solid rgba(250, 240, 207, 0.08);
  border-top:              none;
  box-sizing:              border-box;
  transition:              background .25s;
  gap:                     12px;
}

.fd-thread-row:hover {
  background: rgba(14, 9, 4, 0.60);
}

/* unread indicator dot */
.fd-thread-row.new-posts::before {
  content:       '';
  display:       block;
  width:         5px;
  height:        5px;
  border-radius: 50%;
  background:    var(--designmaincolor);
  flex-shrink:   0;
  opacity:       0.8;
}

.fd-thread-row.no-new-posts::before {
  content:       '';
  display:       block;
  width:         5px;
  height:        5px;
  border-radius: 50%;
  background:    rgba(250, 240, 207, 0.15);
  flex-shrink:   0;
}

/* thread main info */
.fd-thread-main {
  flex:           1;
  min-width:      0;
  display:        flex;
  flex-direction: column;
  gap:            3px;
}

.fd-thread-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      15px;
  font-style:     italic;
  letter-spacing: 1.5px;
  color:          var(--designtextcolor);
  white-space:    nowrap;
  overflow:       hidden;
  text-overflow:  ellipsis;
}

.fd-thread-title a,
.fd-thread-title a:visited {
  color:           inherit;
  text-decoration: none;
  transition:      color .25s;
}

.fd-thread-title a:hover { color: var(--designmaincolor); }

/* thread prefix tag */
.fd-thread-prefix {
  display:        inline-block;
  font-family:    "EB Garamond", serif;
  font-size:      8px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          var(--designmaincolor);
  border:         1px solid rgba(217, 185, 106, 0.35);
  padding:        1px 6px;
  margin-right:   6px;
  vertical-align: middle;
  opacity:        0.8;
}

.fd-thread-meta {
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 1px;
  color:          rgba(250, 240, 207, 0.35);
}

.fd-thread-meta a,
.fd-thread-meta a:visited {
  color:           rgba(250, 240, 207, 0.45);
  text-decoration: none;
  transition:      color .25s;
}

.fd-thread-meta a:hover { color: var(--designmaincolor); }

/* stat columns */
.fd-thread-replies,
.fd-thread-views {
  width:       80px;
  text-align:  center;
  font-family: "Cormorant Unicase", serif;
  font-size:   16px;
  color:       var(--designmaincolor);
  opacity:     0.75;
  flex-shrink: 0;
}

/* last post column */
.fd-thread-last {
  width:          200px;
  text-align:     right;
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 1px;
  color:          rgba(250, 240, 207, 0.35);
  flex-shrink:    0;
  line-height:    1.5;
}

.fd-thread-last a,
.fd-thread-last a:visited {
  color:           rgba(250, 240, 207, 0.55);
  text-decoration: none;
  transition:      color .25s;
}

.fd-thread-last a:hover { color: var(--designmaincolor); }

/* sticky / announcement badges */
.fd-thread-row.sticky .fd-thread-title,
.fd-thread-row.announcement .fd-thread-title {
  color: var(--designmaincolor);
}

.fd-badge {
  display:        inline-block;
  font-family:    "EB Garamond", serif;
  font-size:      7px;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding:        1px 6px;
  border:         1px solid rgba(217, 185, 106, 0.40);
  color:          var(--designmaincolor);
  margin-right:   6px;
  vertical-align: middle;
  opacity:        0.7;
}


/* (pagination + tools) */
.fd-bottom-toolbar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  flex-wrap:               wrap;
  gap:                     10px;
  padding:                 10px 20px;
  backdrop-filter:         blur(12px) brightness(33%);
  -webkit-backdrop-filter: blur(12px) brightness(33%);
  background:              rgba(14, 9, 4, 0.50);
  border:                  1px solid rgba(250, 240, 207, 0.08);
  border-top:              none;
  margin-top:              0;
  box-sizing:              border-box;
  font-family:             "EB Garamond", serif;
  font-size:               9px;
  letter-spacing:          2px;
  text-transform:          uppercase;
  color:                   rgba(250, 240, 207, 0.35);
}

.fd-bottom-toolbar a,
.fd-bottom-toolbar a:visited {
  color:           rgba(250, 240, 207, 0.40);
  text-decoration: none;
  transition:      color .25s;
}

.fd-bottom-toolbar a:hover { color: var(--designmaincolor); }

.fd-bottom-toolbar select {
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.15) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  padding:     3px 8px !important;
  outline:     none !important;
}

.fd-bottom-toolbar input.button {
  padding:     3px 10px !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.15) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  cursor:      pointer !important;
  transition:  color .25s, border-color .25s !important;
}

.fd-bottom-toolbar input.button:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

/* replies who-posted link */
.fd-replies-link,
.fd-replies-link:visited {
  color:           var(--designmaincolor) !important;
  text-decoration: none;
  opacity:         0.75;
  transition:      opacity .25s;
}
.fd-replies-link:hover { opacity: 1; }

/* hide legacy thread status icons */
.thread_legend { display: none; }

/* permission text */
.forumdisplay table,
.forumdisplay tr,
.forumdisplay td,
.forumdisplay .trow1,
.forumdisplay .trow2 {
  color: rgba(250, 240, 207, 0.75) !important;
  background: transparent !important;
}

/* users browsing bar */
.tfoot,
.tfoot td,
.tfoot a,
.tfoot a:visited {
  color: #d9b96a !important;
  background: transparent !important;
  letter-spacing: 2px;
}

/* Left-side post thread button span */
.fd-toolbar-left a.fd-post-btn span {
  background-image: none !important;
  padding-left:     0 !important;
  color:            inherit !important;
}