/*
Theme Name: KSV Ajax Berlin
Template: generatepress
Author: Oliver Wegener
Version: 1.0.1776259036
Updated: 2026-04-15 15:17:16
*/

/* ============================================================
   1. FOOTER ANPASSUNGEN (Copyright & Links)
   ============================================================ */

/* Den äußeren Behälter von GP befreien */
.site-info .footer-bar {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    text-align: left !important;
}

/* Deine Box auf volle Inhaltsbreite zwingen */
.ksv-footer-content {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1200px;
    margin: 0 auto !important;
    padding: 10px 20px !important;
    box-sizing: border-box !important;
}

/* Links im Footer nebeneinander */
.ksv-links {
    display: flex !important;
    gap: 20px !important;
}

.ksv-links a {
    text-decoration: none;
    color: inherit;
}

/* Mobil-Ansicht Footer */
@media (max-width: 600px) {
    .ksv-footer-content {
        flex-direction: column !important;
        gap: 10px;
        text-align: center;
    }
}

/* ============================================================
   2. BEITRAGS-META (Datum & Kategorie einheitlich)
   ============================================================ */

/* Autor global verstecken */
.byline, 
.vcard,
.author {
    display: none !important;
}

/* Gemeinsamer Stil für Datum und Kategorie oben */
.entry-meta {
    font-size: 0.85em;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
}

/* Spezifische Link-Farben im Header neutralisieren */
.entry-header .posted-on a,
.entry-header .cat-links,
.entry-header .cat-links a {
    color: #666 !important;
    text-decoration: none !important;
    cursor: default;
    pointer-events: none; /* Kategorie-Link deaktivieren */
}

/* Der Trenner zwischen Datum und Kategorie */
.entry-header .cat-links:before {
    content: "|";
    margin: 0 10px;
    color: #ccc;
    font-weight: normal;
}

/* Kategorien UNTEN (im Beitrags-Footer) komplett ELIMINIEREN */
footer.entry-meta,
.entry-footer,
.cat-links:not(.entry-header .cat-links),
span.gp-icon.icon-categories {
    display: none !important;
}

article.post footer.entry-meta {
    display: none !important;
    border: none !important;
}

/* 1. GLOBALE REGEL: Alle Links auf der Website in FETT und ohne Unterstreichung */
a, a:visited {
    font-weight: bold !important;
    text-decoration: none !important;
}

/* 2. LINKS IM TEXTBEREICH: Vereinsblau */
.entry-content a, 
.entry-content a:visited {
    color: #1e73be !important;
    border-bottom: none !important;
}

/* Hover-Effekt im Textbereich (Wechsel auf Rot) */
.entry-content a:hover {
    color: #ff0000 !important;
}

/* 3. HEADER: Links auf WEISS und FETT zwingen */
.main-navigation a, 
.main-navigation a:visited {
    color: #ffffff !important; /* Hier wieder Weiß für das Menü */
    font-weight: bold !important;
}

/* 4. FOOTER: Links ebenfalls FETT (Farbe wie gehabt) */
.ksv-links a, 
.ksv-links a:visited {
    color: inherit !important; 
    font-weight: bold !important;
}

/* Hover-Effekt für Header (z.B. leichtes Grau beim Drüberfahren) */
.main-navigation a:hover {
    color: #eeeeee !important;
}

/* 1. Den weißen Inhaltsbereich des Themes vor dem Aufblähen schützen */
.site-content, 
.entry-content {
    max-width: 100% !important;
    overflow-x: hidden !important; /* Verhindert, dass die ganze Seite nach rechts wackelt */
}

/* 2. Den Scroll-Container für die Tabelle exakt begrenzen */
.wp-block-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important; /* Darf nicht breiter als der Text sein */
    overflow-x: auto !important; /* Hier wird das Scrollen erlaubt */
    overflow-y: hidden;
    background-color: #ffffff;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}

/* 3. Die Tabelle im Inneren darf sich nun ausdehnen */
.wp-block-table table {
    width: auto !important;
    min-width: 700px !important; /* Erzwingt die Breite, die dann gescrollt wird */
    table-layout: auto !important;
}