/* form-style.css */

/*============CSS-für dezenten Rahmen Beitra/Seiten Antwortausgabe==*/
.bbp-last-reply {
    border: 1px solid #666;
    padding: 15px;
    margin: 20px 0;
    border-radius: 10px;
    background-color: #0a0a0a;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/*===================================================================================================*/
/*>>>>>>>>>>>>>>>>>>>>>>FORMULAR STYLE Beitragssete und Forum viermal<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* ============================================================================
   Einheitliches Layout für bbPress-Formulare: Thema & Antwort
============================================================================ */

/* =============== Einheitliches Formular‑Design =============== */

/* ======================================
   Quicktags Toolbar – Responsives Layout
   ====================================== */

/*============Zusatz für ForumsToolbar==*/
/*============Zusatz für ForumsToolbar==*/
.quicktags-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0.5rem;
  background: #1f1f1f;
  border: 1px solid #444;
  max-width: 100%;
  box-sizing: border-box;
}
/* Responsive Anpassungen */
.quicktags-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  padding: 0.5rem;
  background: #1f1f1f;
  border: 1px solid #444;
  max-width: 100%;
  box-sizing: border-box;
}
/* Responsive Anpassungen */
@media (max-width: 400px) {
  .quicktags-toolbar input.ed_button {
    flex: 1 1 45%; /* Zwei Buttons pro Zeile */
  }
}
@media (max-width: 300px) {
  .quicktags-toolbar input.ed_button {
    flex: 1 1 100%; /* Ein Button pro Zeile */
  }
}
.quicktags-toolbar input.ed_button {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
.quicktags-toolbar input.ed_button:hover {
  background: #FF0000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
/*======================================================================================*/
/*============= Bild upload Formularbild Style============================================*/
/* 💡 Gesamtes Modal-Formular dunkel gestalten */
.media-frame-content,
.media-frame-content .image-details,
.media-frame-content .media-embed,
.media-frame-content .embed-media-settings,
.media-frame-content .column-settings,
.media-frame-content .column-image {
  background-color: #111 !important;
  color: #eee !important;
}

/* Eingabefelder: Inputs, Textareas, Selects */
.media-frame-content input[type="text"],
.media-frame-content textarea,
.media-frame-content select {
  background-color: #1a1a1a !important;
  color: #fff !important;
  border: 1px solid #444 !important;
  border-radius: 4px;
  padding: 6px;
}

/* Labels, Beschriftungen */
.media-frame-content label,
.media-frame-content .name,
.media-frame-content .legend-inline {
  color: #fff !important;
  font-weight: bold;
}

/* Buttons in der Ausrichtungsgruppe */
.media-frame-content .button-group .button {
  background-color: #000 !important;
  color: #f00 !important;
  border: 1px solid #f00 !important;
  border-radius: 4px !important;
}
.media-frame-content .button-group .button:hover,
.media-frame-content .button-group .button.active {
  background-color: #f00 !important;
  color: #fff !important;
  border-color: #fff !important;
}

/* Erweiterte Optionen Toggle */
.media-frame-content .button-link.advanced-toggle {
  color: #f00 !important;
}
.media-frame-content .button-link.advanced-toggle:hover {
  color: #fff !important;
  background-color: #f00 !important;
}

/* Beschreibungstext und Links */
.media-frame-content .description,
.media-frame-content a {
  color: #f88 !important;
}
.media-frame-content a:hover {
  color: #fff !important;
  text-decoration: underline;
}

/* Bildvorschau-Bereich */
.media-frame-content .image-details .image {
  background-color: #000 !important;
  padding: 10px;
  border-radius: 4px;
}

/* Aktualisieren-Button */
.media-frame-content .media-button.media-button-select {
  background-color: #000 !important;
  color: #f00 !important;
  border: 1px solid #f00 !important;
  border-radius: 4px !important;
}
.media-frame-content .media-button.media-button-select:hover {
  background-color: #f00 !important;
  color: #fff !important;
  border-color: #fff !important;
}/* Verbesserte Scroll-Anzeige für das Bildbearbeitungsformular */
.media-frame-content,
.media-frame-content .image-details {
  max-height: none !important;
  height: auto !important;
  overflow-y: auto !important;
}

/* Optional: Begrenzung auf ein anpassbares Maß mit mehr sichtbarem Inhalt */
.media-frame-content {
  max-height: 80vh !important;
  overflow-y: auto !important;
  padding-right: 10px; /* Platz für Scrollbar */
}

/* Scrollbar immer sichtbar machen (optional, für Desktop) */
.media-frame-content::-webkit-scrollbar {
  width: 10px;
}
.media-frame-content::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 5px;
}
.media-frame-content::-webkit-scrollbar-track {
  background-color: #eee;
}


.media-frame {
  background-color: #2c2c2c !important; /* gleiches Grau wie außen */
  color: #fff !important;
}

/* Sicherstellen, dass alle inneren Felder weiße Schrift haben */
.media-frame * {
  color: #fff !important;
}

/* Optional: Formularfelder anpassen */
.media-frame textarea,
.media-frame input[type="text"],
.media-frame select {
  background-color: #1c1c1c !important;
  color: #fff !important;
  border: 1px solid #555 !important;
}

/* Optional: Menübutton (Menü ▼) */
.media-frame-menu-toggle {
  background-color: transparent !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}

/* Titel "Bild-Details" */
.media-frame-title {
  background-color: #000 !important;
  color: #fff !important;
}
/* Button "Aktualisieren" */
.media-button-select {
  background-color: #000 !important;
  color: #f00 !important;
  border: 1px solid #f00 !important;
  border-radius: 4px !important;
}

.media-button-select:hover {
  background-color: #f00 !important;
  color: #fff !important;
  border-color: #fff !important;
}
body.modal-open { overflow: hidden !important; height: 100vh; }
   /* Titel sichtbar und fest positioniert */
  .media-frame-title {
        position: sticky !important;
        top: 0;
        z-index: 1000;
        background-color: #1d1d1d;
        padding: 1em;
        color: white;
        border-bottom: 1px solid #444;
    }

    .media-frame-title h1 {
        margin: 0;
        font-size: 1.2em;
        font-weight: 600;
    }

    /* Optional: Scrollbar sichtbar verbessern (Desktop) */
    .media-modal-content::-webkit-scrollbar {
        width: 10px;
    }
    .media-modal-content::-webkit-scrollbar-thumb {
        background-color: #888;
        border-radius: 5px;
    }
    .media-modal-content::-webkit-scrollbar-track {
        background-color: #eee;
    }

    @media (min-width: 768px) {
        .embed-media-settings {
            flex-direction: row !important;
        }
        .column-settings {
            width: 60% !important;
        }
        .column-image {
            width: 40% !important;
        }
};
/*===Forum Überschrift Thema Größer===*/
.bbp-topic-permalink {
  font-size: 1.5em; /* oder z. B. 24px */
  font-weight: bold;
  line-height: 1.4;
  display: inline-block;
  margin-bottom: 0.3em;
}
li.bbp-topic-title a.bbp-topic-permalink {
  font-size: 1.6em !important;
}