/*
Theme Name: Twenty Twenty-Five Child
Template: twentytwentyfive
*/

/*body pre[class*="language-"],
body code[class*="language-"] {
    font-size: 0.8em !important;
    line-height: 1.6 !important;
} */

body {
    background-color: #f5f5f0 !important;
    color: #1a1a2e !important;
}

.entry-content pre {
    font-size: 0.65em !important;
}

/* --- Finaler Fix für ungeschnittene Featured Images --- */

/* 1. Den Container zwingen, keine feste Höhe zu erzwingen */
.single-post .wp-block-post-featured-image {
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    margin-bottom: 2rem;
}

/* 2. Das Bild selbst auf 'contain' setzen und Proportionen schützen */
.single-post .wp-block-post-featured-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important; /* Erlaubt volle Höhe */
    object-fit: contain !important; /* Verhindert jeglichen Beschnitt */
    display: block;
    margin: 0 auto;
    border: 1px solid #333;
    border-radius: 4px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
}

/* Falls das Theme das Bild in eine 'figure' packt */
.single-post figure.wp-block-post-featured-image {
    padding: 0;
    overflow: visible;
}

.wp-block-post-featured-image {
    margin-top: 1.8rem;
}

.wp-block-group.has-small-font-size {
    margin-bottom: 1.5rem !important;
}

.wp-block-template-part + * {
    margin-top: 0 !important;
}

.wp-block-group.alignfull.has-global-padding {
    padding-bottom: 2rem !important;
}

.entry-content h3,
.wp-block-post-content h3 {
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    margin-top: 1.8rem !important;
}

/* ============================================= */
/* DM Sans (Body) + Inter (Headings)             */
/* ============================================= */

/* Body / Fließtext */
body, p, li, a, blockquote, .entry-content {
    font-family: "DM Sans", system-ui, sans-serif;
    font-weight: 430;
    line-height: 1.7;
    font-size: 1.35rem;
}

/* Überschriften - Inter */
h1, h2, h3, h4, .wp-block-post-title {
    font-family: "Inter", system-ui, sans-serif;
    font-weight: 650;
    letter-spacing: 0.0em;
}

h1 {
    font-weight: 720;
    font-size: 2.55rem;
    line-height: 1.15;
}

h2 {
    font-weight: 680;
    font-size: 1.95rem;
    line-height:1.35;
}

/* Leichte Verbesserungen */
strong, b {
    font-weight: 600;
}

.wp-block-post-excerpt__excerpt {
    font-size: 1.08rem;
    line-height: 1.75;
}

/* Etwas mehr Ruhe im Hero-Bereich */
.hero p {
    font-size: 1.12rem;
    line-height: 1.65;
}

/* ============================================= */
/* Mobile Title Optimierung                      */
/* ============================================= */

@media (max-width: 782px) {
    
    /* Haupt-Artikel-Titel auf Mobile kleiner */
    h1.wp-block-post-title,
    .wp-block-post-title {
        font-size: 2.1rem !important;
        line-height: 1.15 !important;
    }

    /* Hero Titel noch etwas kleiner */
    .hero h1 {
        font-size: 2.1rem !important;
    }

    /* Allgemeine Überschriften etwas reduzieren */
    h2 {
        font-size: 1.65rem !important;
    }
}

/* Noch kleinere Variante bei sehr schmalen Handys */
@media (max-width: 480px) {
    h1.wp-block-post-title,
    .wp-block-post-title {
        font-size: 1.65rem !important;
    }
}