/*
Theme Name: DIQ
Theme URI: 
Author: 
Author URI: 
Description: A custom theme for DIQ
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: diq
*/

/* 
This theme uses modular CSS files that are enqueued in functions.php
Files are organized in the /assets/css/ directory as follows:
- base.css: Base styles, typography, utilities
- header.css: Header and navigation styles
- footer.css: Footer styles
- homepage.css: Home page specific styles
- single.css: Single post styles
- category.css: Category and archive page styles
*/

/* Add padding to body to account for header layout */
body {
    padding-top: 0; /* Removed padding since header is now relative position */
}

/* Responsive adjustment */
@media (max-width: 768px) {
    body {
        padding-top: 0; /* Removed padding since header is now relative position */
    }
}

/* Remove AMP-specific styles */
/* // Example:
// .amp-custom { ... } */

/* Ensure proper font-weight for headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; /* Reset font-weight to normal */
}

/* Style for search results */
.search-results {
    padding: 20px;
}

.posts-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.post-item {
    padding: 15px;
    width: calc(33.333% - 20px); 
    box-sizing: border-box;
    margin-bottom: 20px;
}

.post-thumbnail {
    margin-bottom: 10px;
    text-align: center;
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    object-fit: cover; 
}

.post-item h2 {
    font-size: 1.5em;
    font-weight: bold; /* Explicitly set bold for this heading */
    margin-bottom: 10px;
}

.post-meta {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 10px;
}

.post-excerpt {
    font-size: 1em;
    line-height: 1.5;
}

/* Responsive styles for search results */
@media (max-width: 1024px) {
    .post-item {
        width: calc(50% - 20px); /* Two columns for tablets */
    }
}

@media (max-width: 768px) {
    .post-item {
        width: 100%; /* Single column for mobile devices */
    }

    .post-item h2 {
        font-size: 1.2em; /* Adjust font size for smaller screens */
    }

    .post-meta {
        font-size: 0.8em; /* Adjust meta font size */
    }

    .post-excerpt {
        font-size: 0.9em; /* Adjust excerpt font size */
    }
}

@media (max-width: 480px) {
    .search-results {
        padding: 10px; /* Reduce padding for very small screens */
    }

    .post-item {
        padding: 10px; /* Reduce padding inside post items */
    }
}