/*
Theme Name:   Kraftstoff im Blut
Theme URI:    https://kraftstoffimblut.de
Description:  Eigenes Theme für kraftstoffimblut.de — Community, Forum, Tools. Kein Parent-Theme nötig.
Author:       Kraftstoff im Blut
Version:      1.0.1
Text Domain:  kraftstoffimblut
Tags:         dark, motorsport, community, buddypress, bbpress
*/

/* ================================================================
   RESET & TOKENS
   ================================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --ink:    #16130f;
  --ink2:   #1e1a15;
  --ink3:   #28231c;
  --ink4:   #332d24;
  --smoke:  #3c3528;
  --fire:   #c8542a;
  --fire2:  #e06030;
  --fire-d: rgba(200,84,42,0.35);
  --olive:  #7a9e5f;
  --olive2: #9dbf7a;
  --creme:  #e8dfc8;
  --creme2: #d4c9b2;
  --creme3: #a09278;
  --creme4: #5e5446;
  --ok:     #6aaa45;
  --warn:   #c8922a;
  --ff-h:   'Barlow Condensed',sans-serif;
  --ff-b:   'Crimson Pro',Georgia,serif;
  --ff-m:   'Orbitron',monospace;
}

html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--creme);font-family:var(--ff-b);font-size:16px;line-height:1.6}
::selection{background:var(--fire);color:var(--ink)}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--ink2)}
::-webkit-scrollbar-thumb{background:var(--fire-d)}
::-webkit-scrollbar-thumb:hover{background:var(--fire)}

a{color:var(--olive2);text-decoration:none;transition:color .15s}
a:hover{color:var(--creme)}
img{max-width:100%;height:auto}

h1,h2,h3,h4,h5,h6{
  font-family:var(--ff-h);color:var(--creme);
  font-weight:900;font-style:italic;
  text-transform:uppercase;letter-spacing:-.01em;line-height:1
}
p{color:var(--creme2);line-height:1.75;font-family:var(--ff-b)}
hr{border:none;border-top:1px solid var(--smoke);margin:24px 0}

/* ================================================================
   NAV
   ================================================================ */
#kib-header{
  position:fixed;top:0;left:0;right:0;z-index:200;
  background:rgba(10,9,8,0.94);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--fire-d);
  padding:0 5vw;
  display:flex;align-items:center;justify-content:space-between;
  height:56px;
}
.kib-logo{
  font-family:var(--ff-m);font-size:11px;
  letter-spacing:.28em;color:var(--creme);text-transform:uppercase
}
.kib-logo span{color:var(--fire)}
.nav-menu{
  display:flex;align-items:center;gap:4px;list-style:none
}
.nav-menu a{
  font-family:var(--ff-h);font-size:11px;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;
  color:var(--creme3);padding:6px 12px;transition:color .15s
}
.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--creme)}
.nav-menu .current-menu-item>a{border-bottom:2px solid var(--fire);color:var(--fire)}
.nav-menu .sub-menu{
  position:absolute;top:56px;
  background:var(--ink3);border:1px solid var(--smoke);
  border-top:2px solid var(--fire);min-width:180px;
  display:none;flex-direction:column;list-style:none
}
.nav-menu li:hover>.sub-menu{display:flex}
.nav-menu .sub-menu a{padding:10px 16px;display:block}
.kib-nav-cta{
  font-family:var(--ff-h);font-size:10px;font-weight:700;
  letter-spacing:.25em;text-transform:uppercase;
  color:var(--ink)!important;background:var(--fire);
  padding:8px 18px;
  clip-path:polygon(5px 0%,100% 0%,calc(100% - 5px) 100%,0% 100%);
  transition:background .15s
}
.kib-nav-cta:hover{background:var(--fire2)!important}
.nav-toggle{
  display:none;background:none;border:1px solid var(--smoke);
  color:var(--creme);padding:6px 10px;cursor:pointer;font-size:18px
}

/* ================================================================
   PAGE WRAPPER
   ================================================================ */
#kib-page{padding-top:56px;min-height:100vh}

/* ================================================================
   FOOTER
   ================================================================ */
#kib-footer{
  background:var(--ink2);border-top:1px solid var(--smoke);
  padding:48px 5vw 24px
}
.footer-inner{
  max-width:1200px;margin:0 auto;
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;
  padding-bottom:28px;border-bottom:1px solid var(--smoke)
}
.footer-brand{
  font-family:var(--ff-m);font-size:12px;
  letter-spacing:.22em;color:var(--creme);
  text-transform:uppercase;margin-bottom:10px
}
.footer-brand span{color:var(--fire)}
.footer-desc{font-family:var(--ff-b);font-size:14px;font-style:italic;color:var(--creme3);line-height:1.65}
.footer-col-title{font-family:var(--ff-m);font-size:8px;letter-spacing:.35em;color:var(--creme4);text-transform:uppercase;margin-bottom:12px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:8px}
.footer-links a{font-family:var(--ff-h);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--creme3);transition:color .15s}
.footer-links a:hover{color:var(--creme)}
.footer-bottom{max-width:1200px;margin:18px auto 0;display:flex;justify-content:space-between;font-family:var(--ff-m);font-size:8px;letter-spacing:.18em;color:var(--creme4);text-transform:uppercase}

/* ================================================================
   GENERIC CONTENT PAGES (Forum, Mitglieder etc.)
   ================================================================ */
.kib-content-wrap{
  max-width:1100px;margin:0 auto;padding:40px 5vw 60px
}
.kib-page-title{
  font-family:var(--ff-h);font-size:clamp(28px,4vw,52px);
  font-weight:900;font-style:italic;text-transform:uppercase;
  color:var(--creme);margin-bottom:24px;
  padding-bottom:16px;border-bottom:2px solid var(--fire-d)
}
.kib-page-title span{color:var(--fire)}

/* ================================================================
   BUTTONS
   ================================================================ */
.kib-btn,.button,button,input[type="submit"]{
  background:var(--fire)!important;color:var(--ink)!important;
  font-family:var(--ff-h)!important;font-size:11px!important;
  font-weight:700!important;letter-spacing:.25em!important;
  text-transform:uppercase!important;border:none!important;
  border-radius:0!important;padding:11px 24px!important;
  clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)!important;
  cursor:pointer!important;transition:background .15s!important;
  display:inline-block
}
.kib-btn:hover,.button:hover,button:hover,input[type="submit"]:hover{
  background:var(--fire2)!important
}

/* ================================================================
   FORMS
   ================================================================ */
input[type="text"],input[type="email"],input[type="password"],
input[type="number"],input[type="search"],input[type="url"],
textarea,select{
  background:var(--ink3)!important;
  border:1px solid var(--smoke)!important;
  border-bottom:2px solid var(--fire-d)!important;
  color:var(--creme)!important;
  font-family:var(--ff-h)!important;font-size:15px!important;
  padding:10px 12px!important;border-radius:0!important;width:100%
}
input:focus,textarea:focus{
  outline:none!important;
  border-bottom-color:var(--fire)!important;
  background:var(--ink2)!important
}
label{
  font-family:var(--ff-m)!important;font-size:8px!important;
  letter-spacing:.3em!important;text-transform:uppercase!important;
  color:var(--fire)!important;display:block;margin-bottom:5px
}

/* ================================================================
   BUDDYPRESS
   ================================================================ */
#buddypress *{font-family:var(--ff-h)!important}
#buddypress #item-header{background:var(--ink2)!important;border-bottom:1px solid var(--smoke)!important;padding:24px!important}
#buddypress div.item-list-tabs ul,#buddypress div#subnav ul{background:var(--ink2)!important;border-bottom:2px solid var(--fire-d)!important}
#buddypress div.item-list-tabs ul li a{color:var(--creme3)!important;font-size:11px!important;font-weight:700!important;letter-spacing:.15em!important;text-transform:uppercase!important}
#buddypress div.item-list-tabs ul li.current a,#buddypress div.item-list-tabs ul li.selected a{background:var(--fire)!important;color:var(--ink)!important}
#buddypress ul.item-list li{background:var(--ink2)!important;border:1px solid var(--smoke)!important;margin-bottom:3px!important;padding:14px!important;transition:border-color .15s!important}
#buddypress ul.item-list li:hover{border-color:var(--fire-d)!important}
#buddypress ul.activity-list .activity-item{background:var(--ink2)!important;border:1px solid var(--smoke)!important;margin-bottom:3px!important;padding:16px!important}
#buddypress .bp-feedback,#buddypress div.updated{border-left:3px solid var(--fire)!important;background:var(--ink3)!important;color:var(--creme)!important}
#buddypress #item-nav .item-list-tabs ul{background:var(--ink2)!important}

/* ================================================================
   BBPRESS
   ================================================================ */
#bbpress-forums *{font-family:var(--ff-h)!important}
#bbpress-forums li.bbp-forum-info,#bbpress-forums li.bbp-topic-title{background:var(--ink2)!important;border:1px solid var(--smoke)!important;border-left:3px solid var(--fire-d)!important;margin-bottom:3px!important;padding:14px 16px!important;transition:border-left-color .15s!important}
#bbpress-forums li.bbp-forum-info:hover,#bbpress-forums li.bbp-topic-title:hover{border-left-color:var(--fire)!important;background:var(--ink3)!important}
#bbpress-forums .bbp-forum-title,#bbpress-forums .bbp-topic-permalink{font-weight:700!important;font-size:16px!important;color:var(--creme)!important;text-transform:uppercase!important;letter-spacing:.04em!important}
#bbpress-forums .bbp-forum-title:hover,#bbpress-forums .bbp-topic-permalink:hover{color:var(--fire2)!important}
#bbpress-forums .bbp-forum-content,#bbpress-forums .bbp-topic-content{color:var(--creme3)!important;font-size:14px!important}
#bbpress-forums .bbp-forum-reply-count,#bbpress-forums .bbp-topic-reply-count,#bbpress-forums .bbp-topic-voice-count{font-family:var(--ff-m)!important;font-size:10px!important;color:var(--fire)!important}
#bbpress-forums #new-post{background:var(--ink2)!important;border:1px solid var(--smoke)!important;padding:20px!important}
#bbpress-forums .bbp-breadcrumb{font-size:11px!important;color:var(--creme4)!important;margin-bottom:16px!important}
#bbpress-forums .bbp-pagination-links a,#bbpress-forums .bbp-pagination-links span{background:var(--ink3)!important;border:1px solid var(--smoke)!important;color:var(--creme3)!important;padding:5px 10px!important;font-size:11px!important;font-weight:700!important}
#bbpress-forums .bbp-pagination-links .current,#bbpress-forums .bbp-pagination-links a:hover{background:var(--fire)!important;color:var(--ink)!important}

/* ── bbPress Tabelle & Wrapper Hintergrund ── */
#bbpress-forums,
#bbpress-forums table,
#bbpress-forums thead,
#bbpress-forums tbody,
#bbpress-forums tr,
#bbpress-forums td,
#bbpress-forums th,
#bbpress-forums .bbp-table,
#bbpress-forums .bbp-forums-list,
div#bbpress-forums div.bbp-forum-header,
div#bbpress-forums ul.bbp-forums,
div#bbpress-forums ul.bbp-topics,
div#bbpress-forums div.bbp-topic-header,
.bbpress-wrapper,
.entry-content .bbpress-wrapper{
  background:var(--ink)!important;
  background-color:var(--ink)!important;
  color:var(--creme2)!important;
  border-color:var(--smoke)!important;
}
#bbpress-forums thead tr,
#bbpress-forums .bbp-header{
  background:var(--ink3)!important;
}
#bbpress-forums tbody tr:nth-child(even){
  background:var(--ink2)!important;
}
#bbpress-forums tbody tr:hover{
  background:var(--ink3)!important;
}
/* Suchfeld */
#bbpress-forums #bbp-search-form input[type="text"]{
  background:var(--ink3)!important;
  border:1px solid var(--smoke)!important;
  border-bottom:2px solid var(--fire-d)!important;
  color:var(--creme)!important;
}
/* Breadcrumb */
#bbpress-forums .bbp-breadcrumb,
#bbpress-forums .bbp-breadcrumb a{
  color:var(--creme4)!important;
  font-size:11px!important;
}
/* "Keine Themen" etc. */
#bbpress-forums .bbp-forum-freshness,
#bbpress-forums .bbp-topic-freshness,
#bbpress-forums .bbp-topic-count,
#bbpress-forums .bbp-reply-count{
  color:var(--creme4)!important;
  font-family:var(--ff-m)!important;
  font-size:10px!important;
}

/* ================================================================
   KOMMENTARE
   ================================================================ */
.comment-list .comment{background:var(--ink2)!important;border:1px solid var(--smoke)!important;border-left:3px solid var(--fire-d)!important;padding:16px!important;margin-bottom:3px!important}
.comment-author .fn{color:var(--creme)!important;font-weight:700!important}
.reply a{font-family:var(--ff-m)!important;font-size:9px!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--fire)!important}

/* ================================================================
   RESPONSIVE
   ================================================================ */
@media(max-width:780px){
  .nav-menu{display:none;position:absolute;top:56px;left:0;right:0;background:var(--ink2);flex-direction:column;border-bottom:2px solid var(--fire-d);padding:12px 0}
  .nav-menu.open{display:flex}
  .nav-toggle{display:block}
  .footer-inner{grid-template-columns:1fr;gap:24px}
  .footer-bottom{flex-direction:column;gap:6px}
}

/* ================================================================
   V1.0.1 — SKALIERUNG, FORUM-BREITE, DIVERSES
   ================================================================ */

/* Breitere Content-Container */
.kib-content-wrap,
#bbpress-forums,
.buddypress #buddypress {
  max-width: 1400px !important;
  width: 95vw !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Forum volle Breite nutzen */
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-topics,
#bbpress-forums .bbp-forum-header,
#bbpress-forums .bbp-topic-header {
  width: 100% !important;
}

/* Bessere Schriftgröße-Basis für große Screens */
@media(min-width: 1400px) {
  body { font-size: 17px; }
  .kib-page-title { font-size: 60px; }
  #bbpress-forums .bbp-forum-title,
  #bbpress-forums .bbp-topic-permalink { font-size: 18px !important; }
}

/* Spaltenbreiten Forum-Tabelle */
#bbpress-forums .bbp-header li.bbp-forum-info,
#bbpress-forums .bbp-body li.bbp-forum-info {
  width: 60% !important;
}

/* WP Admin Bar entfernen — Fallback für alle Fälle */
#wpadminbar { display: none !important; }
html { margin-top: 0 !important; }
* html body { margin-top: 0 !important; }

/* ── Tools Disclaimer Box ── */
.kib-disclaimer {
  background: var(--ink3);
  border: 1px solid var(--smoke);
  border-left: 3px solid var(--warn);
  padding: 14px 18px;
  margin-bottom: 20px;
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.kib-disclaimer-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
.kib-disclaimer-text {
  font-family: var(--ff-b);
  font-size: 13px;
  font-style: italic;
  color: var(--creme3);
  line-height: 1.6;
}
.kib-disclaimer-text strong { color: var(--creme2); font-style: normal; }

/* ── Rechtliche Seiten ── */
.legal-wrap { max-width: 860px; margin: 0 auto; padding: 40px 5vw 60px; }
.legal-wrap h1 { font-size: clamp(28px,4vw,52px); margin-bottom: 8px; }
.legal-wrap h2 {
  font-family: var(--ff-h); font-size: 20px; font-weight: 900;
  font-style: italic; text-transform: uppercase; color: var(--creme);
  margin: 32px 0 8px; padding-bottom: 8px;
  border-bottom: 1px solid var(--smoke);
}
.legal-wrap h3 {
  font-family: var(--ff-h); font-size: 15px; font-weight: 700;
  text-transform: uppercase; color: var(--creme2); margin: 20px 0 6px;
}
.legal-wrap p { color: var(--creme3); margin-bottom: 12px; line-height: 1.75; }
.legal-wrap a { color: var(--fire); }
.legal-wrap ul { padding-left: 20px; color: var(--creme3); margin-bottom: 12px; }
.legal-wrap ul li { margin-bottom: 6px; line-height: 1.7; }
.legal-sub {
  font-family: var(--ff-b); font-size: 15px; font-style: italic;
  color: var(--creme3); margin-bottom: 32px;
}