/* Reset & Base */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: #f4f7fc; color: #333; line-height: 1.6; }
a { text-decoration: none; color: #006064; }
a:hover { color: #004d40; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header */
.site-header { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); padding: 15px 0; }
.header-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.site-title { font-size: 28px; font-weight: 800; }
.site-title a { color: #006064; }
.site-description { font-size: 14px; color: #666; }

/* Navigation */
.primary-menu { display: flex; list-style: none; gap: 30px; }
.primary-menu li a { color: #1a1a2e; font-weight: 500; }
.primary-menu li a:hover { color: #006064; }
.menu-toggle { display: none; background: none; border: none; cursor: pointer; }
.hamburger { display: block; width: 25px; height: 2px; background: #333; position: relative; }
.hamburger::before, .hamburger::after { content: ''; position: absolute; width: 100%; height: 2px; background: #333; }
.hamburger::before { top: -8px; }
.hamburger::after { bottom: -8px; }

/* Posts Grid */
.posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; margin: 30px 0; }
.posts-grid article { background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 15px rgba(0,0,0,0.06); padding: 20px; }

/* Footer */
.site-footer { background: #1a1a2e; color: rgba(255,255,255,0.8); padding: 40px 0 20px; margin-top: 40px; }
.footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); }

/* Pagination */
.pagination { display: flex; justify-content: center; gap: 5px; margin: 30px 0; }
.pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; background: #fff; border: 1px solid #e0e0e0; border-radius: 4px; color: #333; }
.pagination .page-numbers.current { background: #006064; color: #fff; border-color: #006064; }



/* Hide homepage title */
.home .entry-title,
.home .page-title,
.home .post-header .post-title {
    display: none !important;
}

/* Show other page titles */
.page .entry-title,
.single .entry-title {
    display: block !important;
}


.category-image-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 20px;
}

.category-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    text-align: center;
}

.category-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.category-card h3 {
    padding: 10px 0 5px;
    font-size: 16px;
}

.category-card span {
    display: block;
    padding-bottom: 10px;
    color: #64748b;
    font-size: 12px;
}