/*!
Theme Name: UiCore Pro Child
Theme URI: https://uicore.co
Description: One framework for all your website needs.
Author: UiCore
Author URI: https://uicore.co
Template: uicore-pro
Version: 1.0.0
Text Domain: uicore-pro
*/

/* ------------------------------------------------------ */
/* 1) GRUNDSTIL: TABELLE SCHICK UND ÜBERSICHTLICH GESTALTEN */
/* ------------------------------------------------------ */

table {
  /* Verhindert, dass die Tabelle am Rand klebt */
  margin: 1em 0;
  /* Nimmt immer so viel Breite wie möglich ein */
  width: 100%;
  /* Entfernt Doppellinien zwischen Zellen */
  border-collapse: collapse;
  /* Einheitliche Schrift */
  font-family: Arial, sans-serif;
  font-size: 16px;
  /* Für sehr schmale Bildschirme machen wir sie scrollbar (weiter unten via Media Query) */
}

/* Kopfzeile hervorheben */
thead th {
  background-color: #f2f2f2;
  font-weight: bold;
  cursor: pointer; /* Signalisiert, dass die Spalte anklickbar ist (Sortierung) */
}

/* Zellen-Layout */
th, td {
  border: 1px solid #ccc;
  padding: 0.75em;
  text-align: left;
  box-sizing: border-box;
}

/* Abwechselnde Zeilenfarben für bessere Lesbarkeit */
tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* Hover-Effekt auf Tabellenzeilen */
tbody tr:hover {
  background-color: #f5f5f5;
}

/* ------------------------------------------------------ */
/* 2) RESPONSIVE DESIGN: SCROLLEN AUF KLEINEN BILDSCHIRMEN */
/* ------------------------------------------------------ */
@media (max-width: 600px) {
  table {
    display: block;         /* Ermöglicht das Scrollen */
    overflow-x: auto;       /* Horizontal scrollbar */
    -webkit-overflow-scrolling: touch; /* Flüssigeres Scrollen auf iOS */
  }

  /* Schrift auf sehr kleinem Screen etwas reduzieren */
  th, td {
    font-size: 14px;
    white-space: nowrap;    /* Verhindert Zeilenumbrüche, damit nichts „verrutscht“ */
  }
}

/* ------------------------------------------------------ */
/* 3) OPTIONALE STYLES FÜR SORTIER-INFORMATIONEN           */
/* ------------------------------------------------------ */
/* Pfeil nach oben/unten neben dem Header anzeigen, wenn sortiert */
th.sort-asc::after {
  content: " ▲";
  font-size: 0.75em;
  color: #666;
}

th.sort-desc::after {
  content: " ▼";
  font-size: 0.75em;
  color: #666;
}


.ui-author-box {
   display: none !important;
}

.author-social a {
    display: inline-block;
    background: #eee;
    padding: 6px 10px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    transition: background 0.3s;
}
.author-social a:hover {
    background: #ccc;
}
.custom-author-box {
    display: flex;
    gap: 15px;
    padding: 20px;
    border: 1px solid #ddd;
    margin-top: 40px;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.custom-author-box .author-avatar img {
    border-radius: 50%;
}

.custom-author-box .author-info {
    max-width: 600px;
}

.custom-author-box .author-info h4 {
    margin-top: 0;
    font-size: 18px;
}

.custom-author-box .author-info p {
    margin: 0 0 10px;
}