/* ==========================================================
   DUST IN THE WIND 2.0
   Forumdisplay – Threadkarten
   ========================================================== */

.smoke-threadcell{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
}

.smoke-threadcard,
.smoke-threadcard *{
  box-sizing:border-box;
}

.smoke-threadcard{
  position:relative;
  isolation:isolate;

  display:grid;
  grid-template-columns:58px minmax(0,1fr) 170px 122px 38px;
  gap:14px;
  align-items:stretch;

  width:100%;
  min-width:0;

  margin:10px 0;
  padding:14px;

  color:#ead0a1;

  background:
    linear-gradient(
      105deg,
      rgba(197,139,69,.045),
      transparent 38%
    ),
    linear-gradient(
      135deg,
      #120906 0%,
      #24140c 56%,
      #190c08 100%
    );

  border:1px solid rgba(197,139,69,.38);
  border-left:5px solid #75411f;

  box-shadow:
    0 12px 26px rgba(0,0,0,.26),
    inset 0 1px rgba(255,255,255,.025);

  overflow:hidden;
}

.smoke-threadcard:before{
  content:"THREAD RECORD";

  position:absolute;
  right:14px;
  bottom:5px;
  z-index:-1;

  color:rgba(234,208,161,.025);

  font-family:Antonio, Arial, sans-serif;
  font-size:22px;
  font-weight:700;
  line-height:1;

  letter-spacing:4px;

  pointer-events:none;
}

/* Neue Beiträge hervorheben */
.smoke-threadcard:has(.thread_status[class*="new"]),
.smoke-threadcard:has(.thread_status[class*="dot"]),
.smoke-threadcard:has(.thread_status[class*="hot"]){
  border-left-color:#c58b45;

  box-shadow:
    0 0 0 1px rgba(197,139,69,.12),
    0 14px 30px rgba(0,0,0,.30);
}

/* Statusbereich links */
.smoke-thread-status{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  padding-right:10px;
  border-right:1px solid rgba(197,139,69,.20);
}

.smoke-thread-status .thread_status{
  display:block;
  width:24px;
  height:24px;
  margin:0;
  padding:0;
  background-repeat:no-repeat;
  background-size:auto !important;
}

.smoke-thread-icon{
  min-height:14px;

  color:#c58b45;

  font-size:12px;
  line-height:1;

  text-align:center;
}

.smoke-thread-icon img{
  max-width:18px;
  max-height:18px;
}

/* Hauptbereich */
.smoke-thread-main{
  min-width:0;
}

.smoke-thread-topline{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:8px;

  margin:0 0 8px;
}

/* Präfixe */
.smoke-thread-prefix{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  font-family:Antonio;
  flex:0 0 auto;
}

.smoke-thread-prefix:empty{
  display:none;
}

.smoke-thread-prefix > span,
.smoke-thread-prefix > a,
.smoke-thread-prefix strong{
  display:inline-flex;
  align-items:center;

  min-height:22px;

  padding:4px 7px;

  color:#160d08 !important;
  background:#c56a10;

  border:0;

  font-family:Antonio,  sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1;

  letter-spacing:1px;
  text-decoration:none;
  text-transform:uppercase;
}

/* Threadtitel */
.smoke-thread-title{
  min-width:0;
  flex:1 1 300px;
  color:#ead0a1;
  font-family:Antonio,  serif;
  font-size:23px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:.1px;
}

.smoke-thread-title a:link,
.smoke-thread-title a:visited{
  color:#ead0a1;
  text-decoration:none;
}

.smoke-thread-title a:hover,
.smoke-thread-title a:active{
  color:#e0b36a;
  text-decoration:none;
}

/* Seitenzahlen, Wanted-Infos usw. */
.smoke-thread-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 12px;

  min-height:16px;
  margin:0 0 9px;

  color:#c8a878;

  font-family:Antonio, Arial, sans-serif;
  font-size:9px;
  font-weight:700;
  line-height:1.4;

  letter-spacing:.8px;
  text-transform:uppercase;
}

.smoke-thread-meta:empty{
  display:none;
}

.smoke-thread-meta a{
  color:#c58b45;
  text-decoration:none;
}

/* Szeneninformationen */
.smoke-thread-scene{
  max-height:126px;
  overflow:auto;

  padding:10px 12px;

  color:#e4cba6;
  background:rgba(8,4,3,.42);

  border-left:2px solid rgba(197,139,69,.32);

  font-family:Spectral, Georgia, serif;
  font-size:12px;
  line-height:1.55;

  text-align:left;
}

.smoke-thread-scene:empty{
  display:none;
}

.smoke-thread-scene b,
.smoke-thread-scene strong{
  color:#e0b36a;

  font-family:Cinzel, Georgia, serif;
  font-size:10px;
  letter-spacing:.5px;
  text-transform:uppercase;
}

.smoke-thread-scene a{
  color:#a58ac5;
  text-decoration:none;
}

/* Autor */
.smoke-thread-author{
  margin-top:10px;
  color:#e0b36a;
  font-family:Antonio, Arial, sans-serif;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
  letter-spacing:.8px;
  text-transform:uppercase;
}

.smoke-thread-author a{
  color:#e0b36a;
  font-size:12px;
  text-decoration:none;
}

.smoke-thread-author a:hover{
  color:#dcc8eb;
}

/* Letzter Beitrag */
.smoke-thread-lastpost{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  min-width:0;
  max-height:160px;
  overflow:auto;

  padding:12px 14px;

  color:#d8bd98;
  background:rgba(10,5,3,.56);

  border-left:3px solid #8a4e22;

  font-family:Antonio, Arial, sans-serif;
  font-size:13px;
  line-height:1.55;

  text-align:center;
}

.smoke-thread-label{
  width:100%;
  margin:0 0 9px;
  padding:0 0 7px;

  color:#c8a878;
  border-bottom:1px solid rgba(197,139,69,.25);

  font-family:Antonio, Arial, sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1;

  letter-spacing:1.4px;
  text-transform:uppercase;
}

.smoke-thread-lastdate{
  margin-bottom:6px;
  color:#ead0a1;
  font-size:12px;
}

.smoke-thread-lastuser{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-size:12px;
}

.smoke-thread-lastuser a{
  color:#e0b36a;
  font-size:12px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.8px;
}

/* Beiträge und Ansichten */
.smoke-thread-stats{
  display:grid;
  grid-template-rows:1fr 1fr;

  min-width:0;

  background:rgba(8,4,3,.28);

  border:1px solid rgba(197,139,69,.20);
}

.smoke-thread-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  min-height:58px;

  padding:8px;

  text-align:center;
}

.smoke-thread-stat + .smoke-thread-stat{
  border-top:1px solid rgba(197,139,69,.16);
}

.smoke-thread-stat span{
  display:block;

  color:#ead0a1;

  font-family:Antonio, Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  line-height:1;

  letter-spacing:1px;
}

.smoke-thread-stat small{
  display:block;

  margin-top:5px;

  color:#a98761;

  font-family:Antonio, Arial, sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;

  letter-spacing:1.3px;
  text-transform:uppercase;
}

/* Moderationskästchen */
.smoke-thread-mod{
  display:flex;
  align-items:center;
  justify-content:center;

  min-width:0;
}

.smoke-thread-mod:empty{
  display:none;
}

.smoke-thread-mod input[type="checkbox"]{
  width:15px;
  height:15px;

  accent-color:#c58b45;
}

/* Scrollbars */
.smoke-thread-scene::-webkit-scrollbar,
.smoke-thread-lastpost::-webkit-scrollbar{
  width:5px;
}

.smoke-thread-scene::-webkit-scrollbar-track,
.smoke-thread-lastpost::-webkit-scrollbar-track{
  background:#160d08;
}

.smoke-thread-scene::-webkit-scrollbar-thumb,
.smoke-thread-lastpost::-webkit-scrollbar-thumb{
  background:#8a5a31;
}

/* Tablet */
@media screen and (max-width:900px){

  .smoke-threadcard{
    grid-template-columns:50px minmax(0,1fr) 122px;
  }

  .smoke-thread-lastpost{
    grid-column:1 / -1;

    max-height:none;

    border-left:0;
    border-top:1px solid rgba(197,139,69,.20);
  }

  .smoke-thread-stats{
    grid-column:3;
    grid-row:1;
  }

  .smoke-thread-mod{
    position:absolute;
    top:8px;
    right:8px;
  }
}

/* Smartphone */
@media screen and (max-width:620px){

  .smoke-threadcard{
    grid-template-columns:42px minmax(0,1fr);
    gap:10px;

    padding:11px;
  }

  .smoke-thread-title{
    font-size:17px;
  }

  .smoke-thread-stats,
  .smoke-thread-lastpost{
    grid-column:1 / -1;
  }

  .smoke-thread-stats{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .smoke-thread-stat + .smoke-thread-stat{
    border-top:0;
    border-left:1px solid rgba(197,139,69,.16);
  }

  .smoke-thread-lastpost{
    max-height:none;
  }
}