/* colorz */
:root {
  --designtextcolor:    #f7efdf;
  --designtextsubcolor: #c9bfaf;
  --designbgcolor:      #0c0c0c;
  --designmaincolor:    #d9b96a;
  --designbordercolor:  250, 240, 207, 0.22;
  --frost-bg:           rgba(250, 240, 207, 0.10);
  --frost-dark:         rgba(20, 14, 8, 0.45);
}

.Postbit_Info_Stat a,
.Postbit_Info_Stat a:visited {
  color: var(--designmaincolor);
  text-decoration: none;
}

.Postbit_Info_Stat a:hover {
  color: var(--designtextcolor);
}

/* break mybb's thread table KABLAM */
table.tborder {
  width:     100% !important;
  max-width: 100% !important;
}

table.tborder,
table.tborder > tbody,
table.tborder > tbody > tr,
table.tborder > tbody > tr > td {
  display:    block !important;
  width:      100% !important;
  max-width:  100% !important;
  padding:    0 !important;
  margin:     0 !important;
  border:     none !important;
  background: none !important;
  box-sizing: border-box !important;
}

#Forumbit_Main,
.Forumbit_Box {
  display: block;
  width:   100%;
}


/* postbit main box. lexx i s2g do not put a backdrop-filter here bc it creates an isolated stacking context that stops the child blur from reaching the page's bg image. dont break this again you silly wench */
.Postbit_Main_Box {
  display:        flex;
  flex-direction: column;
  position:       relative;
  width:          100%;
}


/* menu */
.Postbit_Menu {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  padding:                 8px 20px;
  font-family:             "EB Garamond", serif;
  font-size:               10px;
  font-style:              italic;
  letter-spacing:          1.5px;
  color:                   var(--designtextsubcolor);
  background:              rgba(14, 9, 4, 0.62);
  backdrop-filter:         blur(22px) brightness(36%);
  -webkit-backdrop-filter: blur(22px) brightness(36%);
  border-bottom:           1px solid rgba(var(--designbordercolor));
  text-transform:          uppercase;
}

.Postbit_Menu_Left  { color: var(--designtextsubcolor); opacity: 0.7; }

.Postbit_Menu_Right {
  display:     flex;
  gap:         10px;
  align-items: center;
}

.Postbit_Menu_Right a,
.Postbit_Menu_Right a:visited {
  color:           rgba(250, 240, 207, 0.45);
  text-decoration: none;
  font-size:       8px;
  letter-spacing:  2px;
  text-transform:  uppercase;
  padding:         3px 10px;
  border:          1px solid rgba(250, 240, 207, 0.15);
  transition:      color .25s, border-color .25s, background .25s;
  background:      rgba(250, 240, 207, 0.04);
}

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


/* content row */
.Postbit_Flex_AvaBox {
  display:                 flex;
  align-items:             stretch; 
  gap:                     0;
  border:                  none;
  backdrop-filter:         none;
  -webkit-backdrop-filter: none;
  width:                   100%;
  padding:                 0;
}


/* left column */
.Postbit_LeftColumn {
  flex:                    0 0 300px;
  width:                   300px;
  padding:                 20px 0 30px;
  background:              rgba(14, 9, 4, 0.52);
  backdrop-filter:         blur(22px) brightness(42%) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) brightness(42%) saturate(1.15);
  border-right:            1px solid rgba(var(--designbordercolor));
  box-shadow:              inset -1px 0 0 rgba(250, 240, 207, 0.08);
}


/* username block */
.Postbit_Username_Linie {
  padding: 0 20px 20px;
}

.Postbit_Top_Name {
  font-family:    "EB Garamond", serif;
  font-size:      7px;
  font-weight:    600;
  letter-spacing: 2px;
  text-transform: uppercase;
  display:        flex;
  align-items:    center;
  text-align:     center;
  column-gap:     9px;
  line-height:    150%;
  color:          var(--designtextsubcolor);
}

.Postbit_Top_Name::before,
.Postbit_Top_Name::after {
  content:          "";
  height:           1px;
  flex-grow:        1;
  background-color: rgba(var(--designbordercolor));
}

.Postbit_Top_Name a,
.Postbit_Top_Name a:visited {
  display:         block;
  font-family:     "EB Garamond", serif;
  font-size:       28px;
  filter:          blur(0.5px);
  text-transform:  uppercase;
  letter-spacing:  2px;
  color:           var(--designmaincolor);
  text-decoration: none;
  transition:      color .3s;
}

.Postbit_Top_Name a:hover { color: #f0d898; }

.Postbit_Top_Name1 {
  margin:         6px 0 0;
  text-transform: uppercase;
  font-size:      8px;
  font-weight:    700;
  letter-spacing: 3px;
  font-family:    "EB Garamond", serif;
  text-align:     center;
  color:          var(--designtextsubcolor);
}

.Postbit_Top_Name1 de { color: var(--designmaincolor); }


/* avvie */
.Postbit_Avatar {
  width:    300px;
  height:   400px;
  overflow: hidden;
  position: relative;
}

.Postbit_Avatar_Hover_Img img { transition: 1.3s; }

.Postbit_Avatar_Hover_Img img {
  display:    block;
  width:      300px !important;
  height:     400px !important;
  object-fit: contain;
}

.Postbit_Avatar_Icon img {
	width: 80px !important;
	height: 80x !important;
	object-fit: contain;
}

.Postbit_Avatar_Hover {
  position:                absolute;
  top:                     0;
  width:                   100%;
  height:                  100%;
  opacity:                 0;
  transition:              1.3s;
  background:              rgba(20, 12, 6, 0.55);
  backdrop-filter:         blur(2px) brightness(35%) saturate(0.7);
  -webkit-backdrop-filter: blur(2px) brightness(35%) saturate(0.7);
}

.Postbit_Avatar_Icon {
  clip-path:  polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  width:      80px;
  height:     80px;
  position:   relative;
  margin:     22px auto -103px;
  opacity:    0;
  transition: 1.3s;
}

.Postbit_Avatar_Icon img {
  width:  100%;
  height: 80px !important;
  filter:          brightness(1.4) contrast(1.1);
  object-position: center top;
}
}

.Postbit_Avatar_Icon::before {
  content:    "";
  position:   absolute;
  top:        0;
  width:      100%;
  height:     100%;
  display:    none;
}

.Postbit_Avatar_Icon_Border {
  width:            96px;
  height:           97px;
  position:         relative;
  margin:           15px auto -113px;
  background-color: rgba(var(--designbordercolor));
  clip-path:        polygon(evenodd, 50% 0%, 100% 50%, 50% 100%, 0.33% 50.17%, 50% 2%, 98% 50%, 50% 98%, 2% 50%, 0% 50%, 0.01% 49.34%);
  transition:       1.3s;
  opacity:          0;
}

.Postbit_Avatar_Border {
  position:   absolute;
  top:        33px;
  left:       13px;
  width:      274px;
  height:     334px;
  opacity:    0;
  border:     13px solid transparent;
  transition: 1.3s;
}

.Postbit_Avatar_Border_Inside {
  text-transform: uppercase;
  font-size:      10px;
  letter-spacing: 1px;
  font-family:    "EB Garamond", serif;
  color:          var(--designtextcolor);
  position:       absolute;
  top:            105px;
  width:          210px;
  padding:        25px 45px;
  display:        flex;
  flex-direction: column;
  row-gap:        22px;
  text-align:     center;
  transition:     1.3s;
  opacity:        0;
}

.Postbit_Avatar_Border_Inside span {
  display:        block;
  font-family:    "EB Garamond", serif;
  font-size:      8px;
  text-transform: uppercase;
  letter-spacing: 3px;
  opacity:        0.75;
  padding-bottom: 1px;
  color:          var(--designmaincolor);
}

/* hover triggers */
.Postbit_Avatar:hover .Postbit_Avatar_Hover_Img img {
  transition: 1.5s;
  filter:     blur(5px) grayscale(100%);
  transform:  scale(200%);
}

.Postbit_Avatar:hover .Postbit_Avatar_Hover,
.Postbit_Avatar:hover .Postbit_Avatar_Border,
.Postbit_Avatar:hover .Postbit_Avatar_Icon,
.Postbit_Avatar:hover .Postbit_Avatar_Icon_Border  { opacity: 1; transition: 1.3s; }
.Postbit_Avatar:hover .Postbit_Avatar_Border_Inside { opacity: 1; transition: 1.3s; }
.Postbit_Avatar:hover .Postbit_Avatar_Border,
.Postbit_Avatar:hover .Postbit_Avatar_Icon_Border   { transition-delay: 0.5s; }
.Postbit_Avatar:hover .Postbit_Avatar_Icon          { transition-delay: 0.7s; }
.Postbit_Avatar:hover .Postbit_Avatar_Border_Inside { transition-delay: 0.9s; }

/* corner bracket borders */
.Design_Main_Border_Top,
.Design_Main_Border_Bottom,
.Design_Main_Border_Right,
.Design_Main_Border_Left { position: absolute; margin: auto; height: 0; width: 0; }

.Design_Main_Border_Top    { width: calc(100% - 52px); left: 26px; top: 10px; z-index: 2; padding-left: unset; border-bottom: 1px solid rgba(var(--designbordercolor)); }
.Design_Main_Border_Top1   { width: 19.2%; right: 0; top: 10px; padding-left: unset; position: absolute; z-index: 2; border-bottom: 1px solid rgba(var(--designbordercolor)); }
.Design_Main_Border_Bottom { width: calc(100% - 52px); left: 26px; bottom: 10px; z-index: 2; padding-left: unset; border-top: 1px solid rgba(var(--designbordercolor)); }
.Design_Main_Border_Right  { height: calc(100% - 52px); top: 26px; right: 10px; z-index: 2; border-left: 1px solid rgba(var(--designbordercolor)); }
.Design_Main_Border_Left   { height: calc(100% - 52px); top: 26px; left: 10px; z-index: 2; border-right: 1px solid rgba(var(--designbordercolor)); display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

.Design_Main_Border_Left::before,
.Design_Main_Border_Right::before,
.Design_Main_Border_Left::after,
.Design_Main_Border_Right::after { content: ""; position: absolute; border: 1px solid rgba(var(--designbordercolor)); width: 15px; height: 15px; }
.Design_Main_Border_Left::before  { border-radius: 0 0 100% 0;  top: -16px;    left: 0;  border-left: unset;  border-top: unset; }
.Design_Main_Border_Left::after   { border-radius: 0 100% 0 0;  bottom: -16px; left: 0;  border-left: unset;  border-bottom: unset; }
.Design_Main_Border_Right::before { border-radius: 0 0 0 100%;  top: -16px;    right: 0; border-top: unset;   border-right: unset; }
.Design_Main_Border_Right::after  { border-radius: 100% 0 0 0;  bottom: -16px; right: 0; border-bottom: unset; border-right: unset; }

.Postbit_Avatar .Design_Main_Border_Left::before,
.Postbit_Avatar .Design_Main_Border_Right::before,
.Postbit_Avatar .Design_Main_Border_Left::after,
.Postbit_Avatar .Design_Main_Border_Right::after { width: 25px; height: 25px; }
.Postbit_Avatar .Design_Main_Border_Left::before  { top: -26px; }
.Postbit_Avatar .Design_Main_Border_Left::after   { bottom: -26px; }
.Postbit_Avatar .Design_Main_Border_Right::before { top: -26px; }
.Postbit_Avatar .Design_Main_Border_Right::after  { bottom: -26px; }
.Postbit_Avatar .Design_Main_Border_Left,
.Postbit_Avatar .Design_Main_Border_Right   { height: calc(100% - 72px); top: 36px; }
.Postbit_Avatar .Design_Main_Border_Top,
.Postbit_Avatar .Design_Main_Border_Bottom  { left: 36px; }
.Postbit_Avatar .Design_Main_Border_Bottom  { width: calc(100% - 72px); }
.Postbit_Avatar .Design_Main_Border_Top     { width: 19.2%; }
.Postbit_Avatar .Design_Main_Border_Top1    { width: 19.2%; right: 36px; }


/* postbit stats */
.Postbit_Info {
  width:      300px;
  padding:    0 20px;
  margin:     18px 0 0;
  display:    flex;
  column-gap: 15px;
  box-sizing: border-box;
}

.Postbit_Info_Icon {
  width:        90px;
  border-right: 1px solid rgba(var(--designbordercolor));
  padding:      20px 10px;
  text-align:   center;
  flex-shrink:  0;
}

.Postbit_Info_Icon img { width: 35px; filter: sepia(30%) brightness(1.1); }

.Postbit_Info_Icon span {
  display:        block;
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  font-weight:    500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top:    8px;
  color:          var(--designtextsubcolor);
}

.Postbit_Info_Stat {
  display:         flex;
  flex-direction:  column;
  row-gap:         10px;
  flex:            1;
  justify-content: center;
}

.Postbit_Info_Stat div {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  font-weight:    500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          var(--designtextsubcolor);
}

.Postbit_Info_Stat b { color: var(--designmaincolor); }


/* msg column */
.Postbit_Flex_Message {
  flex:                    1 1 0;
  min-width:               0;
  min-height:              440px; /* matches avatar height so frost extends evenly */
  padding:                 30px 36px;
  box-sizing:              border-box;
  border:                  none;
  background:              rgba(14, 9, 4, 0.52);
  backdrop-filter:         blur(22px) brightness(42%) saturate(1.15);
  -webkit-backdrop-filter: blur(22px) brightness(42%) saturate(1.15);
}

.Postbit_Flex_Message_Linie {
  text-transform: uppercase;
  font-family:    "EB Garamond", serif;
  font-size:      7px;
  font-weight:    600;
  letter-spacing: 2px;
  font-style:     italic;
  line-height:    1;
  opacity:        0.5;
  margin-bottom:  18px;
  color:          var(--designtextsubcolor);
  padding-bottom: 12px;
  border-bottom:  1px solid rgba(var(--designbordercolor));
  border-top:     none;
  border-left:    none;
  border-right:   none;
}

.post_body {
  font-size:   14px;
  line-height: 26px;
  text-align:  justify;
  color:       var(--designtextcolor);
  padding:     0;
}

.Postbit_Flex_Message .signature {
  margin-top:  28px;
  padding-top: 20px;
  border-top:  1px solid rgba(var(--designbordercolor));
  color:       var(--designtextsubcolor);
  font-size:   11px;
  font-style:  italic;
  opacity:     0.7;
}


/* mod tools */
.postbit_mod_tools {
  display:     flex;
  gap:         8px;
  margin-top:  16px;
  padding-top: 12px;
  border-top:  1px solid rgba(var(--designbordercolor));
  opacity:     0.45;
  transition:  opacity .3s;
}

.postbit_mod_tools:hover { opacity: 1; }

.postbit_mod_tools a,
.postbit_mod_tools a:visited {
  color:           rgba(250, 240, 207, 0.55);
  text-decoration: none;
  font-family:     "EB Garamond", serif;
  font-size:       8px;
  letter-spacing:  2px;
  text-transform:  uppercase;
  padding:         3px 10px;
  border:          1px solid rgba(250, 240, 207, 0.15);
  background:      rgba(250, 240, 207, 0.03);
  transition:      color .25s, border-color .25s;
}

.postbit_mod_tools a:hover {
  color:        var(--designmaincolor);
  border-color: var(--designmaincolor);
}

/* hide the bottom post_controls bar entirely, moved to menu */
.post_controls { display: none; }

/* wrapper */
#quick_reply,
#quick_reply_form {
  margin-top:              20px;
  backdrop-filter:         blur(22px) brightness(38%) saturate(1.1);
  -webkit-backdrop-filter: blur(22px) brightness(38%) saturate(1.1);
  background:              rgba(14, 9, 4, 0.55);
  border:                  1px solid rgba(250, 240, 207, 0.13);
  padding:                 28px 32px;
  box-sizing:              border-box;
}

/* flatten all MyBB table structure inside quick reply */
#quick_reply table,
#quick_reply tbody,
#quick_reply tr,
#quick_reply td,
#quick_reply .tborder,
#quick_reply .thead,
#quick_reply .trow1,
#quick_reply .trow2,
#quick_reply .tfoot {
  display:    block !important;
  width:      100% !important;
  border:     none !important;
  background: none !important;
  padding:    0 !important;
  margin:     0 !important;
}

/* header label */
#quick_reply .thead {
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      11px !important;
  letter-spacing: 4px !important;
  text-transform: uppercase !important;
  color:          var(--designmaincolor) !important;
  opacity:        0.8;
  padding-bottom: 14px !important;
  margin-bottom:  16px !important;
  border-bottom:  1px solid rgba(250, 240, 207, 0.12) !important;
}

/* textarea */
#quick_reply textarea {
  width:       100% !important;
  min-height:  200px !important;
  background:  rgba(250, 240, 207, 0.06) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   13px !important;
  line-height: 1.7 !important;
  padding:     14px 16px !important;
  box-sizing:  border-box !important;
  resize:      vertical;
  outline:     none !important;
}

#quick_reply textarea:focus {
  border-color: rgba(250, 240, 207, 0.35) !important;
  background:   rgba(250, 240, 207, 0.09) !important;
}

/* checkboxes row */
#quick_reply .trow2 {
  display:        flex !important;
  flex-wrap:      wrap;
  gap:            16px;
  padding:        14px 0 !important;
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.45);
}

/* submit buttons row */
#quick_reply .tfoot {
  display:         flex !important;
  justify-content: flex-end !important;
  gap:             10px;
  padding:         16px 0 0 !important;
  border-top:      1px solid rgba(250, 240, 207, 0.10) !important;
  margin-top:      14px !important;
}

#quick_reply input.button {
  padding:        8px 24px !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  background:     rgba(250, 240, 207, 0.07) !important;
  border:         1px solid rgba(250, 240, 207, 0.25) !important;
  color:          rgba(250, 240, 207, 0.70) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s, background .25s !important;
  border-radius:  0 !important;
}

#quick_reply input.button:hover {
  background:   rgba(217, 185, 106, 0.12) !important;
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}

/* poll, mod dropdowns etc */
.thread_tools_row,
#thread_tools,
.threadtools {
  margin-top:  8px;
  padding:     8px 16px;
  backdrop-filter:         blur(12px) brightness(35%);
  -webkit-backdrop-filter: blur(12px) brightness(35%);
  background:  rgba(14, 9, 4, 0.50);
  border:      1px solid rgba(250, 240, 207, 0.08);
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         12px;
  font-family: "EB Garamond", serif;
  font-size:   9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:       rgba(250, 240, 207, 0.35);
  opacity:     0.6;
  transition:  opacity .3s;
}

.thread_tools_row:hover,
#thread_tools:hover,
.threadtools:hover { opacity: 1; }

.thread_tools_row a,
#thread_tools a,
.threadtools a {
  color:           rgba(250, 240, 207, 0.45);
  text-decoration: none;
  transition:      color .25s;
}

.thread_tools_row a:hover,
#thread_tools a:hover,
.threadtools a:hover { color: var(--designmaincolor); }

/* style the select dropdowns in the tools row */
.thread_tools_row select,
#thread_tools select,
.threadtools select {
  background:  rgba(250, 240, 207, 0.07) !important;
  border:      1px solid rgba(250, 240, 207, 0.18) !important;
  color:       rgba(250, 240, 207, 0.55) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   9px !important;
  letter-spacing: 2px !important;
  padding:     3px 8px !important;
  outline:     none !important;
}

/* the Go buttons next to dropdowns */
.thread_tools_row input.button,
#thread_tools input.button,
.threadtools input.button {
  padding:     3px 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.18) !important;
  color:       rgba(250, 240, 207, 0.50) !important;
  cursor:      pointer !important;
  transition:  color .25s, border-color .25s !important;
}

.thread_tools_row input.button:hover,
#thread_tools input.button:hover,
.threadtools input.button:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}


/* new reply button */
.new_reply_button,
a.new_reply_button {
  display:                 inline-block !important;
  padding:                 10px 28px !important;
  font-family:             "Cormorant Unicase", serif !important;
  font-size:               11px !important;
  letter-spacing:          4px !important;
  text-transform:          uppercase !important;
  backdrop-filter:         blur(10px) brightness(45%);
  -webkit-backdrop-filter: blur(10px) brightness(45%);
  background:              rgba(250, 240, 207, 0.08) !important;
  border:                  1px solid rgba(250, 240, 207, 0.28) !important;
  color:                   rgba(250, 240, 207, 0.75) !important;
  float:                   none !important;
  margin:                  0 !important;
  transition:              color .25s, border-color .25s, background .25s;
}

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


/* thread header bar */
.thread-header-bar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  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;
}

.thread-header-title {
  font-family:    "Cormorant Unicase", serif;
  font-size:      clamp(13px, 1.5vw, 18px);
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          var(--designtextcolor);
  filter:         blur(0.3px);
}

.thread-header-right {
  display:     flex;
  align-items: center;
  gap:         12px;
}

.thread-toggle-link,
.thread-toggle-link:visited {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.40);
  text-decoration: none;
  transition:     color .25s;
}
.thread-toggle-link:hover { color: var(--designmaincolor); }


/* pagination */
.thread-pagination-bar {
  padding:        6px 20px;
  backdrop-filter:         blur(12px) brightness(35%);
  -webkit-backdrop-filter: blur(12px) brightness(35%);
  background:     rgba(14, 9, 4, 0.45);
  border:         1px solid rgba(250, 240, 207, 0.08);
  margin-bottom:  4px;
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 2px;
  color:          rgba(250, 240, 207, 0.40);
}


/* thread footer */
.thread-footer-bar {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  padding:                 10px 20px;
  backdrop-filter:         blur(22px) brightness(36%);
  -webkit-backdrop-filter: blur(22px) brightness(36%);
  background:              rgba(14, 9, 4, 0.55);
  border:                  1px solid rgba(250, 240, 207, 0.10);
  margin-top:              4px;
  box-sizing:              border-box;
  font-family:             "EB Garamond", serif;
  font-size:               10px;
  letter-spacing:          2px;
  text-transform:          uppercase;
}

.thread-nav-links,
.thread-footer-right { color: rgba(250, 240, 207, 0.40); }

.thread-nav-links a,
.thread-nav-links a:visited,
.thread-footer-right a,
.thread-footer-right a:visited {
  color:           rgba(250, 240, 207, 0.40);
  text-decoration: none;
  transition:      color .25s;
}

.thread-nav-links a:hover,
.thread-footer-right a:hover { color: var(--designmaincolor); }


/* quick reply */
#quick_reply_form { margin-top: 20px; }

.quickreply-box {
  backdrop-filter:         blur(22px) brightness(38%) saturate(1.1);
  -webkit-backdrop-filter: blur(22px) brightness(38%) saturate(1.1);
  background:              rgba(14, 9, 4, 0.55);
  border:                  1px solid rgba(250, 240, 207, 0.13);
  padding:                 0;
  box-sizing:              border-box;
}

.quickreply-header {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         10px 24px;
  border-bottom:   1px solid rgba(250, 240, 207, 0.10);
  font-family:     "Cormorant Unicase", serif;
  font-size:       11px;
  letter-spacing:  4px;
  text-transform:  uppercase;
  color:           var(--designmaincolor);
  opacity:         0.85;
}

.quickreply-textarea {
  width:       100% !important;
  min-height:  200px !important;
  background:  rgba(250, 240, 207, 0.05) !important;
  border:      none !important;
  border-bottom: 1px solid rgba(250, 240, 207, 0.10) !important;
  color:       var(--designtextcolor) !important;
  font-family: "EB Garamond", serif !important;
  font-size:   13px !important;
  line-height: 1.8 !important;
  padding:     20px 24px !important;
  box-sizing:  border-box !important;
  resize:      vertical;
  outline:     none !important;
  display:     block;
}

.quickreply-textarea:focus {
  background: rgba(250, 240, 207, 0.08) !important;
}

.quickreply-multiquote {
  padding:     8px 24px;
  font-family: "EB Garamond", serif;
  font-size:   10px;
  color:       rgba(250, 240, 207, 0.45);
  border-bottom: 1px solid rgba(250, 240, 207, 0.08);
}

.quickreply-multiquote a { color: var(--designmaincolor); }

/* options + submit row */
.quickreply-footer {
  display:         flex;
  align-items:     center;
  justify-content: space-between;
  padding:         12px 24px;
  flex-wrap:       wrap;
  gap:             12px;
}

.quickreply-options {
  display:        flex;
  flex-wrap:      wrap;
  gap:            14px;
  align-items:    center;
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.40);
}

.quickreply-submit {
  display: flex;
  gap:     10px;
}

.quickreply-submit input.button,
#quick_reply input.button {
  padding:        8px 24px !important;
  font-family:    "Cormorant Unicase", serif !important;
  font-size:      10px !important;
  letter-spacing: 3px !important;
  text-transform: uppercase !important;
  background:     rgba(250, 240, 207, 0.07) !important;
  border:         1px solid rgba(250, 240, 207, 0.22) !important;
  color:          rgba(250, 240, 207, 0.65) !important;
  cursor:         pointer !important;
  transition:     color .25s, border-color .25s, background .25s !important;
  border-radius:  0 !important;
}

.quickreply-submit input.button:hover,
#quick_reply input.button:hover {
  background:   rgba(217, 185, 106, 0.12) !important;
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}


/* thread tools */
.thread-tools-row {
  display:                 flex;
  align-items:             center;
  justify-content:         space-between;
  flex-wrap:               wrap;
  gap:                     12px;
  margin-top:              8px;
  padding:                 10px 20px;
  backdrop-filter:         blur(12px) brightness(35%);
  -webkit-backdrop-filter: blur(12px) brightness(35%);
  background:              rgba(14, 9, 4, 0.48);
  border:                  1px solid rgba(250, 240, 207, 0.08);
  box-sizing:              border-box;
}

.thread-tools-left,
.thread-tools-right {
  display:     flex;
  align-items: center;
  gap:         12px;
  flex-wrap:   wrap;
}

/* thread_tools ul */
ul.thread_tools {
  list-style:  none;
  margin:      0;
  padding:     0;
  display:     flex;
  gap:         12px;
  flex-wrap:   wrap;
}

ul.thread_tools li a,
ul.thread_tools li a:visited {
  font-family:    "EB Garamond", serif;
  font-size:      9px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.40);
  text-decoration: none;
  padding:        3px 10px;
  border:         1px solid rgba(250, 240, 207, 0.10);
  background:     rgba(250, 240, 207, 0.03);
  transition:     color .25s, border-color .25s;
}

ul.thread_tools li a:hover {
  color:        var(--designmaincolor);
  border-color: rgba(217, 185, 106, 0.40);
}

/* moderation options select */
.thread-tools-right 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:     4px 8px !important;
  outline:     none !important;
}

.thread-tools-right input.button {
  padding:     4px 14px !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;
}

.thread-tools-right input.button:hover {
  border-color: var(--designmaincolor) !important;
  color:        var(--designmaincolor) !important;
}


/* users browsing */
.thread-users-browsing {
  margin-top:     8px;
  padding:        8px 20px;
  backdrop-filter:         blur(10px) brightness(33%);
  -webkit-backdrop-filter: blur(10px) brightness(33%);
  background:     rgba(14, 9, 4, 0.42);
  border:         1px solid rgba(250, 240, 207, 0.07);
  font-family:    "EB Garamond", serif;
  font-size:      10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color:          rgba(250, 240, 207, 0.35);
}

.thread-users-browsing a,
.thread-users-browsing a:visited { color: var(--designmaincolor); }
.thread-users-browsing a:hover   { color: #f7efdf; }