/* ==========================================================
   DUST IN THE WIND 2.0 – PHASE 1
   Kategorien und Forumbits
   ========================================================== */

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

.smoke-category{
  width:100%;
  margin:22px 0 34px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.18)),
    #1a100c;
  border:1px solid #5a341d;
  box-shadow:0 20px 45px rgba(0,0,0,.32);
  overflow:hidden;
}

.smoke-category-banner{
  position:relative;
  width:100%;
  overflow:hidden;
  border-bottom:3px solid #9d682f;
  background:#100805;
}

.smoke-category-banner:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 -28px 40px rgba(12,6,4,.28);
}

.smoke-category-banner img{
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  margin:0;
  border:0;
}

.smoke-category-description{
  padding:11px 18px;
  color:#c8a878;
  background:
    linear-gradient(90deg,rgba(197,139,69,.055),transparent 40%),
    #160d08;
  border-bottom:1px solid rgba(197,139,69,.20);
  font:13px/1.65 "Oxygen",Arial,sans-serif;
  text-align:justify;
}

.smoke-category-description:empty{
  display:none;
}

.smoke-category-forums{
  padding:9px 12px 14px;
}

/* Einzelnes Forum */
.smoke-forumbit{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:84px minmax(0,1fr) 122px 238px;
  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 55%,#1b0e09 100%);
  border:1px solid rgba(197,139,69,.38);
  border-left:5px solid #70401f;
  box-shadow:
    0 12px 24px rgba(0,0,0,.24),
    inset 0 1px rgba(255,255,255,.025);
  overflow:hidden;
}

.smoke-forumbit:before{
  content:"MINISTRY RECORD";
  position:absolute;
  right:12px;
  bottom:4px;
  z-index:-1;
  color:rgba(234,208,161,.026);
  font:700 24px/1 "Antonio",Arial,sans-serif;
  letter-spacing:4px;
  transform:rotate(-2deg);
  pointer-events:none;
}

.smoke-forumbit-on{
  border-left-color:#c58b45;
  box-shadow:
    0 0 0 1px rgba(197,139,69,.14),
    0 14px 30px rgba(0,0,0,.31);
}

.smoke-forumbit-on .smoke-forumbit-title:before{
  content:"NEU";
  display:inline-block;
  margin:0 8px 0 0;
  padding:3px 5px;
  color:#160d08;
  background:#c58b45;
  font:700 8px/1 "Antonio",Arial,sans-serif;
  letter-spacing:1.4px;
  vertical-align:middle;
}

/* Originale On-/Off-Grafiken */
.smoke-forumbit-status{
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  padding:4px 10px 4px 0;
  border-right:1px solid rgba(197,139,69,.20);
}

.smoke-forumbit-status .forum_status{
  display:block;
  width:60px;
  height:100px;
  min-width:60px;
  min-height:100px;
  margin:0;
  padding:0;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:60px 100px;
  cursor:pointer;
}

.forum_on{
  background-image:url(https://smoke-rpg.de/images/dustinthewind/on.png);
}

.forum_off{
  background-image:url(https://smoke-rpg.de/images/dustinthewind/on.png);
  opacity:.42;
  filter:grayscale(.25);
}

.forum_offclose,
.forum_offlink{
  background-image:url(https://smoke-rpg.de/images/dustinthewind/off.png);
  opacity:.46;
  filter:grayscale(.35);
}

.smoke-forumbit-main{
  min-width:0;
  padding:1px 0;
}

.smoke-forumbit-title{
  margin:0 0 8px;
  padding:0 0 8px;
  border-bottom:1px solid rgba(197,139,69,.48);
  color:#c58b45;
  font:normal 28px/1.12 "Saltwater","Cinzel",Georgia,serif;
  letter-spacing:.6px;
}

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

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

.smoke-forumbit-description{
  height:auto;
  max-height:68px;
  overflow:auto;
  padding:0 8px 0 0;
  color:#e5ccaa;
  font:12px/1.62 "Oxygen",Arial,sans-serif;
  letter-spacing:.25px;
  text-align:justify;
}

.smoke-forumbit-description:empty{
  display:none;
}

.smoke-forumbit-subforums{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:8px;

  width:100%;
  max-width:100%;
  min-width:0;
  height:62px;
  margin:10px 0 0;
  padding:7px 8px 13px;

  overflow-x:auto;
  overflow-y:hidden;

  background:rgba(8,4,3,.24);
  border-left:2px solid rgba(197,139,69,.24);
  box-sizing:border-box;

  scrollbar-width:thin;
  scrollbar-color:#9b6734 #160d08;
}

.smoke-forumbit-subforums:empty{
  display:none;
}

.smoke-forumbit-subforums a{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;

  width:auto;
  min-width:max-content;
  height:34px;
  padding:0 12px;

  color:#c88b42;
  background:rgba(11,5,3,.62);
  border:1px solid rgba(197,139,69,.28);

  font:700 9px/1 "Antonio",Arial,sans-serif;
  letter-spacing:.6px;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
}

.smoke-forumbit-subforums a:hover{
  color:#ead0a1;
  background:#3a2416;
  border-color:rgba(197,139,69,.55);
}

/* Chrome und Edge */
.smoke-forumbit-subforums::-webkit-scrollbar{
  height:8px;
}

.smoke-forumbit-subforums::-webkit-scrollbar-track{
  background:#160d08;
  border-top:1px solid rgba(197,139,69,.12);
}

.smoke-forumbit-subforums::-webkit-scrollbar-thumb{
  min-width:40px;
  background:#9b6734;
  border:2px solid #160d08;
}

.smoke-forumbit-subforums::-webkit-scrollbar-thumb:hover{
  background:#c58b45;
}

/* Alte Pfeil-Schaltflächen ausblenden */
.smoke-forumbit-subforums::-webkit-scrollbar-button{
  display:none;
  width:0;
  height:0;
}

/* Horizontale Scrollbar */
.smoke-forumbit-subforums::-webkit-scrollbar,
.smoke-subforum-list::-webkit-scrollbar{
  height:5px;
}

.smoke-forumbit-subforums::-webkit-scrollbar-track,
.smoke-subforum-list::-webkit-scrollbar-track{
  background:#160d08;
}

.smoke-forumbit-subforums::-webkit-scrollbar-thumb,
.smoke-subforum-list::-webkit-scrollbar-thumb{
  background:#8a5a31;
}
/* Scrollbar der Unterforen */
.smoke-forumbit-subforums::-webkit-scrollbar,
.smoke-subforum-list::-webkit-scrollbar{
  height:7px;
}

.smoke-forumbit-subforums::-webkit-scrollbar-track,
.smoke-subforum-list::-webkit-scrollbar-track{
  background:#160d08;
}

.smoke-forumbit-subforums::-webkit-scrollbar-thumb,
.smoke-subforum-list::-webkit-scrollbar-thumb{
  background:#8a5a31;
  border:1px solid #160d08;
}
.smoke-forumbit-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-stat{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:8px;
  text-align:center;
}

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

.smoke-stat span{
  display:block;
  color:#ead0a1;
  font:700 19px/1 "Antonio",Arial,sans-serif;
  letter-spacing:1px;
}

.smoke-stat small{
  display:block;
  margin-top:5px;
  color:#a98761;
  font:700 8px/1 "Antonio",Arial,sans-serif;
  letter-spacing:1.3px;
  text-transform:uppercase;
}

.smoke-forumbit-lastpost{
  min-width:0;
  max-height:122px;
  overflow:auto;
  padding:11px 12px;
  color:#d8bd98;
  background:
    linear-gradient(180deg,rgba(197,139,69,.035),transparent),
    rgba(10,5,3,.58);
  border-left:3px solid #8a4e22;
  font:11px/1.5 "Antonio",Arial,sans-serif;
  letter-spacing:.25px;
  text-align:left;
}

.smoke-lastpost-label{
  margin:0 0 8px;
  padding:0 0 6px;
  color:#a98761;
  border-bottom:1px solid rgba(197,139,69,.20);
  font:700 8px/1 "Antonio",Arial,sans-serif;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.smoke-forumbit-lastpost a:link,
.smoke-forumbit-lastpost a:visited{
  color:#e0b36a;
  text-decoration:none;
}

.smoke-forumbit-lastpost a:hover,
.smoke-forumbit-lastpost a:active{
  color:#ead0a1;
}

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

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

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

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

/* Tablet */
@media screen and (max-width:900px){
  .smoke-forumbit{
    grid-template-columns:84px minmax(0,1fr) 118px;
  }

  .smoke-forumbit-subforums,
  .smoke-subforum-list{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }

  .smoke-forumbit-lastpost{
    grid-column:1 / -1;
    max-height:none;
    border-left:0;
    border-top:1px solid rgba(197,139,69,.20);
  }
}

/* Smartphone */
@media screen and (max-width:640px){
  .smoke-category-forums{
    padding:6px;
  }

  .smoke-forumbit{
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    padding:11px;
  }

  .smoke-forumbit-status .forum_status{
    width:50px;
    height:84px;
    min-width:50px;
    min-height:84px;
    background-size:50px 84px;
  }

  .smoke-forumbit-subforums,
  .smoke-subforum-list{
    grid-template-columns:repeat(2, minmax(0,1fr));
    max-height:72px;
  }

  .smoke-forumbit-title{
    font-size:22px;
  }

  .smoke-forumbit-stats{
    grid-column:1 / -1;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

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

  .smoke-forumbit-lastpost{
    grid-column:1 / -1;
  }
}