/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/
:root {
  --forum-bg: #1a1a1a;
  --forum-red: #ff0000;
  --forum-light-red: #ff4d4d;
  --forum-text: #e3e3e3;
  --forum-hover-shadow: #ff0000cc;
}
/*UM für bbpress Styling des Profils*/
.um-bbpress-topics ul, .um-bbpress-replies ul {
    list-style: disc;
    padding-left: 1.5em;
}
.um-bbpress-topics li, .um-bbpress-replies li {
    margin-bottom: 1em;
}
.um-bbpress-user-stats {
    font-style: italic;
}
/*====================TimcMCE Tabelle Ausrichtung=========================*/
/* Tabelle innerhalb TinyMCE Editor oder Inhalt */
/* Responsive Tabellen nur im Frontend */
/* Sanfte responsive Tabelle – kein Zwang zum Scrollen */
.responsive-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5em;
}

/* Tabelle soll sich anpassen und umbrechen */
.responsive-table-wrapper table {
  width: 100% !important;
  max-width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}

/* Tabellenzellen mit mehr Umbruch & Lesbarkeit */
.responsive-table-wrapper th,
.responsive-table-wrapper td {
  padding: 0.75em;
  text-align: left;
  white-space: normal;     /* Umbruch erlauben */
  word-break: break-word;  /* Notfalls mitten im Wort */
  hyphens: auto;           /* Silbentrennung aktivieren (wenn möglich) */
  border: 1px solid #444;
  background-color: #1a1a1a;
  color: #fff;
}

/* Optional: bei sehr kleinen Bildschirmen Schrift verkleinern */
@media (max-width: 480px) {
  .responsive-table-wrapper table {
    font-size: 0.95em;
  }
}
/* Avatar im Menü für UMM-Mitgliederliste°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
.um-online-wrapper ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.um-online-wrapper li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.um-online-wrapper li img {
    border-radius: 50%;
    margin-right: 8px;
}

.um-online-wrapper h4 {
    margin-top: 15px;
}
.um-online-users li span { font-weight:bold; color:green; }
.um-offline-users li { color:#888; font-style:italic; }
/*==========================================================================+/
/*================serch Highlights Suchfeld===========*/
/* Suchwort-Hervorhebung */
/* Grundmarkierung */
.search-highlight {
    background-color: yellow;
    color: black;
    font-weight: bold;
    cursor: pointer;
}

/* Animation der ersten Treffer */
.first-match {
    animation: pulse 2s ease-in-out 1;
}

@keyframes pulse {
    0% { background-color: yellow; }
    50% { background-color: orange; }
    100% { background-color: yellow; }
}

/* Tooltip */
.search-tooltip {
    position: absolute;
    background-color: black;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    z-index: 9999;
    pointer-events: none;
}
/*============================Hoover Button News Ticker======================*/