/*
Theme Name: Surplus Concert Child
Theme URI: electrowichtel.de
Description: Child Theme fuer surplus-concert
Author: Electrowichtel
Template: surplus-concert
Version: 1.0.0
*/

b,
strong {
	font-weight: bold;
	color: #ffffff;
}

.tag {
    word-spacing: 0.3em;
    font-size: 13px;
}

.entry-content {
	text-align: justify;
	margin-left: 0.0cm;
	margin-right: 0.0cm;
}

.pt-cv-readmore {
    color: #ffffff !important;
    background-color: #FF0078 !important;
    border: none !important;
}

/* ==========================================================================
   NAVIGATIONS-MENÜ REPARATUR (KAT 3)
   ========================================================================== */

/* Zwingt das Hauptmenü auf Desktop-Geräten in eine horizontale Flex-Reihe */
@media screen and (min-width: 992px) {
    .site-navigation-row .main-navigation {
        display: block !important;
        float: none !important;
    }

    .site-navigation-row ul.nav-menu {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: flex-end !important;
        list-style: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .site-navigation-row ul.nav-menu > li {
        display: inline-block !important;
        float: none !important;
        position: relative !important;
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .site-navigation-row ul.nav-menu > li > a {
        padding: 15px 5px !important; /* Verhindert das riesige vertikale Padding des Parent-Themes */
        color: #ffffff !important;
        display: block !important;
    }

    .site-navigation-row ul.nav-menu > li > a:hover {
        color: #FF0078 !important;
    }

    /* Blendet den mobilen Hamburger-Button auf Desktops aus */
    .site-navigation-row .menu-toggle,
    .site-navigation-row button.menu-toggle {
        display: none !important;
    }
}

/* ==========================================================================
   UNZERSTÖRBARES KATALOG-GRID (KAT 3)
   ========================================================================== */

/* Verwandelt den Inhaltsbereich in ein modernes, stabiles 3-Spalten-CSS-Grid */
body.home .archive-blog-wrapper.col-2,
body.archive .archive-blog-wrapper.col-2 {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 25px !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Zwingt den ersten ECHTEN Beitrag (article), die erste Spalte einzunehmen und ignoriert Skript-Lücken */
body.home .archive-blog-wrapper.col-2 article:first-of-type,
body.archive .archive-blog-wrapper.col-2 article:first-of-type {
    grid-column-start: 1 !important;
}

/* Bereinigt alle störenden floats und Breiten des Hauptthemes auf den Boxen */
body.home .archive-blog-wrapper.col-2 article.hentry,
body.archive .archive-blog-wrapper.col-2 article.hentry {
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
}

/* Zwingt die inneren Boxen zu einer absolut identischen, knackig-kompakten Höhe */
body.home .archive-blog-wrapper.col-2 .post-wrapper,
body.archive .archive-blog-wrapper.col-2 .post-wrapper {
    background: #111111 !important;
    padding: 20px !important;
    border: 1px solid #222222 !important;
    height: auto !important;
    max-height: 480px !important; /* Begrenzt die maximale Boxen-Länge radikal auf ein schönes Maß */
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    overflow: hidden !important;
}

/* Schneidet zu lange Text-Auszüge sauber ab, um die Boxen kompakt zu halten */
body.home .archive-blog-wrapper.col-2 .entry-content,
body.archive .archive-blog-wrapper.col-2 .entry-content {
    max-height: 90px !important;
    overflow: hidden !important;
    margin-bottom: 12px !important;
}

/* Löst das Spaltenlayout der Seitenleiste sauber auf */
#primary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* Verhindert das doppelte Einrücken der Seitenleisten-Elemente */
body.home #secondary,
body.archive #secondary {
    display: none !important;
}

/* ==========================================================================
   FIX ARCHIV-HEADERBILD (TO-DO 2)
   ========================================================================== */

/* Erzwingt das korrekte Child-Headerbild direkt auf dem echten Header-Container der Archivseite */
body.archive header.site-header,
body.archive .site-header,
body.archive #slider-banner-wrapper {
    background-image: url('images/cropped-slide00.jpg') !important;
    background-size: cover !important;
    background-position: center !important;
}

/* Blendet eventuell darüberliegende Original-Grafiken oder Banner-Bilder des Hauptthemes auf Archiven aus */
body.archive .site-header img,
body.archive #slider-banner-wrapper img,
body.archive .header-image img {
    display: none !important;
}






/* KAT 3 – FINALES FEEDING & UNERBITTLICHER HOEHEN-STRETCH */
.archive-blog-wrapper .post-article {
    padding: 15px;
}

.archive-blog-wrapper .featured-image img {
    max-height: 180px !important;
    object-fit: cover;
    width: 100%;
}

/* ERZWINGT ZWEIZEILIGE UEBERSCHRIFTEN FUER IDENTISCHE BOXENHOEHE */
.archive-blog-wrapper .entry-title,
.archive-blog-wrapper .entry-title a,
.archive-blog-wrapper .post-article h2 {
    line-height: 1.4em !important;
    min-height: 2.8em !important; /* Exakt 2 Zeilen (1.4 * 2) */
    max-height: 2.8em !important;
    overflow: hidden;
    display: block !important;
}

.archive-blog-wrapper .entry-summary,
.archive-blog-wrapper .entry-content {
    height: 70px;
    overflow: hidden;
}