/*
 Theme Name:   Astra Child Full
 Theme URI:    https://wpastra.com/
 Description:  Custom Child Theme for Astra with basic templates
 Author:       Your Name
 Template:     astra
 Version:      1.0.0
*/

/* Test CSS */
body { background: red !important; }

/* Blog Listing & Single Post Styles */
.home-listing, .blog-listing {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}
.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.blog-card {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    transition: all 0.3s ease;
}
.blog-card:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}
.blog-card img {
    width: 100%;
    height: auto;
}
.single-blog {
    max-width: 800px;
    margin: auto;
    padding: 40px 20px;
}
.blog-meta {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}

.custom-header, .custom-footer {
    background: #222;
    color: #fff;
    padding: 20px;
}
.custom-header a, .custom-footer a { color: #fff; text-decoration: none; }


.custom-home .hero-section {
    padding: 80px 20px;
    text-align: center;
    background: #f4f4f4;
}
.custom-home .hero-section h1 { font-size: 2.5rem; margin-bottom: 10px; }
.custom-home .hero-section p { font-size: 1.2rem; color: #555; }

.custom-home .latest-posts {
    max-width: 1200px;
    margin: auto;
    padding: 40px 20px;
}
.custom-home .blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}
.custom-home .blog-card {
    border: 1px solid #eee;
    padding: 20px;
    background: #fff;
    transition: all 0.3s ease;
}
.custom-home .blog-card:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}