/*
 Theme Name:   Twenty Twenty Child
 Theme URI:    http://example.com/twentytwenty-child/
 Description:  Twenty Twenty Child Theme
 Author:       Notordinaryblogger
 Author URI:   http://example.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentytwentychild
*/

/* === CUSTOM CSS FOR CLS & LCP FIXES === */

/* 1. Prevent image layout shifts */
img {
    display: block; /* prevents extra space below images */
    height: auto;
    max-width: 100%;
}

/* 2. Reserve space for ads/embeds */
.ad-container, .iframe-wrapper {
    min-height: 250px;
    width: 100%;
}

/* 3. Placeholder for dynamically loaded content */
.related-posts-placeholder,
.comments-placeholder,
.widget-placeholder {
    min-height: 300px;
}

/* 4. Optional: small above-the-fold styles (already inlined via functions.php) */
header, h1.entry-title {
    font-family: 'Inter', sans-serif;
    color: #111;
}

/* 5. Additional layout fixes if needed */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 6. Responsive adjustments */
@media (max-width: 768px) {
    .entry-content, .ad-container, .iframe-wrapper {
        width: 100%;
    }
}