/*
Theme Name: CoverNews Child
Description: Child-Theme von CoverNews für Kurvenräuber
Author: Kurvenräuber
Template: covernews
Version: 1.0.0
Text Domain: covernews-child
*/

/*
Eigene CSS-Anpassungen ab hier einfügen
*/

/* Kurvenräuber: Auf der Startseite Kategorien sowie Autor/Datum
   in den Beitrags-Teasern ausblenden. */
body.home .figure-categories,
body.home .cat-links,
body.home .entry-meta,
body.home .post-item-metadata,
body.home .post-item-metadata.entry-meta,
body.home .author-links,
body.home .author-link,
body.home .posted-on,
body.home .byline {
    display: none !important;
}

/* Joli TOC wird nach dem ersten Absatz eingefügt. CoverNews rückt normale
   Textblöcke auf Single-Posts ein; das automatisch eingefügte TOC übernimmt
   diesen Block-Abstand nicht. Deshalb denselben Inhaltsbereich erzwingen. */
/* Joli Table of Contents: exakt an die CoverNews-Textspalte anpassen. */
body.single-post .entry-content > #wpj-jtoc {
    float: none !important;
    box-sizing: border-box !important;
}

@media (min-width: 768px) {
    body.single-post .entry-content > #wpj-jtoc {
        width: 70% !important;
        max-width: 70% !important;
        margin-left: 15% !important;
        margin-right: 15% !important;
    }
}

@media (max-width: 767px) {
    body.single-post .entry-content > #wpj-jtoc {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Einzelartikel ohne Seitenspalte:
   Nur die äußere Artikelspalte wird auf volle verfügbare Breite gesetzt.
   Die bestehende Typografie im Artikel bleibt unverändert:
   schmale Textblöcke, breite Bilder/alignwide. */
body.single-post #secondary {
    display: none !important;
}

body.single-post .content-area {
    width: 100% !important;
    max-width: 1200px !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Einzelartikel: feste schmale Lesespalte von 350 px.
   Breite Bilder bleiben davon unberührt und können die Artikelbreite nutzen. */
@media (min-width: 768px) {
    body.single-post .entry-content > p,
    body.single-post .entry-content > h2,
    body.single-post .entry-content > h3,
    body.single-post .entry-content > h4,
    body.single-post .entry-content > h5,
    body.single-post .entry-content > h6,
    body.single-post .entry-content > ul,
    body.single-post .entry-content > ol,
    body.single-post .entry-content > blockquote,
    body.single-post .entry-content > #wpj-jtoc {
        width: 550px !important;
        max-width: 550px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Joli bringt eigene Innenabstände mit. Diese entfernen, damit
       Titel und Einträge links exakt mit der Textspalte beginnen. */
    body.single-post #wpj-jtoc .wpj-jtoc--toc,
    body.single-post #wpj-jtoc .wpj-jtoc--header,
    body.single-post #wpj-jtoc .wpj-jtoc--header-main,
    body.single-post #wpj-jtoc .wpj-jtoc--title,
    body.single-post #wpj-jtoc .wpj-jtoc--title-label,
    body.single-post #wpj-jtoc .wpj-jtoc--body,
    body.single-post #wpj-jtoc .wpj-jtoc--nav,
    body.single-post #wpj-jtoc .wpj-jtoc--items {
        margin-left: 0 !important;
        padding-left: 0 !important;
        text-indent: 0 !important;
    }

    /* Joli setzt den Inhalt des Kastens zusätzlich ein. Diesen Versatz
       nur für den TOC-Titel aufheben, damit „Inhalt" exakt an der
       linken Kante der 550-px-Textspalte beginnt. */
    body.single-post #wpj-jtoc .wpj-jtoc--title {
        transform: translateX(0) !important;
        left: 0 !important;
    }

    /* Breadcrumbs auf Einzelartikeln an der 1200-px-Artikelbreite ausrichten. */
    body.single-post .covernews-breadcrumbs {
        width: 100% !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.single-post .covernews-breadcrumbs > .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* Kurvenräuber: kompakter Magazin-Header mit Logo direkt in der Menüleiste. */
@media (min-width: 992px) {
    #masthead .masthead-banner {
        display: none !important;
    }

    #site-navigation.main-navigation {
        background: #1d2125 !important;
        border-bottom: 3px solid #e5e5e5;
    }

    #site-navigation > .container {
        max-width: 1200px;
        margin: 0 auto;
    }

    #site-navigation .bottom-bar-flex,
    #site-navigation .bottom-bar-center,
    #site-navigation .navigation-container,
    #site-navigation .main-navigation {
        min-height: 68px;
        display: flex;
        align-items: center;
    }

    #site-navigation .bottom-bar-center {
        flex: 1 1 auto;
    }

    #site-navigation .menu.main-menu,
    #site-navigation #primary-menu {
        width: 100%;
    }

    #site-navigation #primary-menu {
        display: flex;
        align-items: center;
        min-height: 68px;
        margin: 0;
    }

    #site-navigation #primary-menu > li:not(.kr-nav-logo) > a {
        color: #fff !important;
        font-weight: 700;
        font-size: 15px;
        line-height: 68px;
        padding: 0 12px;
        text-transform: uppercase;
    }

    #site-navigation #primary-menu > li:not(.kr-nav-logo) > a:hover,
    #site-navigation #primary-menu > li.current-menu-item:not(.kr-nav-logo) > a {
        color: #e33a2e !important;
    }

    #site-navigation .kr-nav-logo {
        display: flex;
        align-items: center;
        align-self: stretch;
        margin-right: 12px;
        padding: 0;
    }

    #site-navigation .kr-nav-logo .kr-header-logo {
        width: 220px;
        height: 58px;
        padding: 4px 8px;
        margin: 5px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;
        background: #1d2125;
    }

    #site-navigation .kr-nav-logo .kr-header-logo img {
        display: block;
        width: 100%;
        height: auto;
        max-height: 50px;
        object-fit: contain;
    }

    #site-navigation .bottom-bar-left {
        display: none;
    }

    #site-navigation .bottom-bar-right {
        margin-left: auto;
    }
}

@media (max-width: 991px) {
    #site-navigation .kr-nav-logo {
        display: none !important;
    }
}

/* Startseite: „Meistgelesen" entfällt; Neuheiten werden als vier Kacheln
   in einem 2x2-Raster über die komplette rechte Bannerhälfte gezeigt. */
.af-main-banner .kr-trending-replaced {
    display: none !important;
}

/* Sicherheitsregel: unabhängig von Slick/Theme-JavaScript niemals mehr
   als vier Neuheiten-Kacheln anzeigen. */
.af-main-banner .kr-neuheiten-four .featured-posts-grid > :nth-child(n+5),
.af-main-banner .kr-neuheiten-four .kr-neuheit-overflow {
    display: none !important;
}

@media (min-width: 768px) {
    .af-main-banner .af-main-banner-editors-picks.kr-neuheiten-four {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    .af-main-banner .kr-neuheiten-four .featured-posts-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(2, 242px);
        gap: 14px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        align-items: stretch !important;
    }

    .af-main-banner .kr-neuheiten-four .featured-posts-grid::before,
    .af-main-banner .kr-neuheiten-four .featured-posts-grid::after {
        display: none !important;
        content: none !important;
    }

    .af-main-banner .kr-neuheiten-four .featured-posts-grid > .even-grid,
    .af-main-banner .kr-neuheiten-four .featured-posts-grid > .kr-extra-neuheit {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
        min-width: 0;
    }

    .af-main-banner .kr-neuheiten-four .featured-article,
    .af-main-banner .kr-neuheiten-four .featured-article-wrapper,
    .af-main-banner .kr-neuheiten-four .data-bg-featured {
        height: 100% !important;
    }

    .af-main-banner .kr-neuheiten-four .spotlight-post,
    .af-main-banner .kr-neuheiten-four .kr-extra-neuheit > figure.carousel-image,
    .af-main-banner .kr-neuheiten-four .kr-extra-neuheit .no-gutter-col {
        position: relative;
        height: 242px !important;
        margin: 0 !important;
        overflow: hidden;
    }

    .af-main-banner .kr-neuheiten-four img {
        width: 100% !important;
        height: 242px !important;
        object-fit: cover !important;
    }

    .af-main-banner .kr-neuheiten-four .cate-fig,
    .af-main-banner .kr-neuheiten-four .kr-extra-neuheit figcaption {
        position: absolute !important;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 3;
        padding: 42px 14px 14px !important;
        margin: 0 !important;
        background: linear-gradient(to bottom, transparent, rgba(0,0,0,.82));
    }

    .af-main-banner .kr-neuheiten-four .article-title,
    .af-main-banner .kr-neuheiten-four .article-title a {
        color: #fff !important;
    }

    .af-main-banner .kr-neuheiten-four .kr-extra-neuheit .figure-categories,
    .af-main-banner .kr-neuheiten-four .grid-item-metadata {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .af-main-banner .kr-neuheiten-four .featured-posts-grid {
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
/* Kurvenräuber: Top-News nur einen Beitrag anzeigen */
.af-main-banner-slider .slick-slide:not(.slick-active) {
    display: none !important;
}

/* Slider-Pfeile und Punkte ausblenden */
.af-main-banner-slider .slick-arrow,
.af-main-banner-slider .slick-dots {
    display: none !important;
}