/* Custom CSS für das Wuerfelreich Theme */

/* Links ausgerichteter Container-Titel im Stil von gh-article-title is-title */
.gh-container-title-left-aligned {
    /* Positionierung wie zuvor */
    grid-column: 3 / span 12; /* Gleiche Ausrichtung wie Liste ohne Sidebar */
    width: 100%; /* Volle Breite in seiner Grid-Zelle */
    
    /* Styling wie gh-article-title */
    font-size: calc(clamp(3.4rem, 1.36vw + 2.85rem, 4.6rem) * var(--factor, 1));
    line-height: 1.1;
    letter-spacing: -0.022em;
    margin-bottom: 1.5rem;
    
    /* Entfernung der ursprünglichen Container-Titel-Formate */
    padding-bottom: 0;
    text-transform: none;
    border-bottom: none;
    font-weight: 700;
}

/* Für schmalere Bildschirme anpassen */
@media (max-width: 1199px) {
    .gh-container-title-left-aligned {
        width: 100%;
        padding-left: var(--container-gap);
        padding-right: var(--container-gap);
    }
}

/* Für mobile Ansicht anpassen */
@media (max-width: 767px) {
    .gh-container-title-left-aligned {
        grid-column: 1 / -1;
        font-size: calc(clamp(2.6rem, 1.36vw + 2.05rem, 3.8rem) * var(--factor, 1));
    }
}

/* Cusdis: volle Breite, kein Rahmen, Footer ausblenden */
#cusdis_thread iframe {
    width: 100% !important;
    border: 0 !important;
    /* blendet den "Powered by"-Footer im iframe unten aus */
    clip-path: inset(0 0 var(--cusdis-hide-footer, 28px) 0);
}

/* Standard-Höhe für ausgeblendeten Footer und Positionierung */
#cusdis_thread {
    --cusdis-hide-footer: 28px;
    position: relative;
}

/* Features list: gleiches Layout wie "Alle Beiträge", aber ohne Datum */
.gh-container.is-features .gh-card-date {
    display: none;
}

/* Features-Titel wie News/Reviews Section-Titel gestalten */
.gh-container.is-features .gh-container-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--color-border);
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -.01em;
    margin-bottom: calc(var(--grid-gap)/2);
    padding-bottom: 16px;
    text-transform: uppercase;
    color: var(--ghost-accent-color);
}