/*
Theme Name: Eco Global Insights
Theme URI: https://eco.ciptadesa.com
Author: Cipta Desa
Description: Tema kustom untuk portal B2B Insights yang SEO Friendly, sangat ringan, dan dioptimalkan untuk penempatan iklan High-CPM.
Version: 1.0
Text Domain: eco-insights
*/

/* Reset & Variabel Warna (Korporat Hijau & Dark Slate) */
:root {
    --primary-color: #276749; /* Hijau Eco Profesional */
    --text-main: #2D3748;
    --text-light: #718096;
    --bg-light: #F7FAFC;
    --white: #FFFFFF;
    --border-color: #E2E8F0;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Merriweather', serif; color: var(--text-main); background: var(--bg-light); line-height: 1.8; }
h1, h2, h3, h4, h5, h6 { font-family: 'Inter', sans-serif; font-weight: 700; color: #1A202C; margin-bottom: 15px; line-height: 1.3; }
a { color: var(--primary-color); text-decoration: none; transition: 0.3s; }
a:hover { color: #1A202C; }

/* Layout Dasar */
.container { max-width: 1140px; margin: 0 auto; padding: 0 20px; }
.site-header { background: var(--white); border-bottom: 1px solid var(--border-color); padding: 20px 0; }
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.site-branding h1 { font-size: 24px; margin: 0; font-weight: 800; letter-spacing: -0.5px; }
.main-navigation ul { list-style: none; display: flex; gap: 25px; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 15px; }

/* Grid Konten (Artikel + Sidebar) */
.site-content { display: grid; grid-template-columns: 2.5fr 1fr; gap: 40px; padding: 50px 0; }
.main-area { background: var(--white); padding: 40px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }

/* Loop Index (Beranda) */
.post-loop { margin-bottom: 40px; border-bottom: 1px solid var(--border-color); padding-bottom: 30px; }
.post-loop h2 { font-size: 22px; }
.post-meta { font-family: 'Inter', sans-serif; font-size: 13px; color: var(--text-light); margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; }

/* Single Post (Artikel Dalam) */
.single-post-title { font-size: 36px; margin-bottom: 20px; }
.entry-content { font-size: 18px; margin-top: 30px; }
.entry-content p { margin-bottom: 25px; }
.post-thumbnail img { max-width: 100%; height: auto; border-radius: 8px; margin-bottom: 30px; }

/* Sidebar & Footer */
.widget-area .widget { background: var(--white); padding: 30px; border-radius: 8px; margin-bottom: 30px; box-shadow: 0 4px 6px rgba(0,0,0,0.02); }
.widget-title { font-size: 16px; border-bottom: 2px solid var(--primary-color); padding-bottom: 10px; margin-bottom: 20px; text-transform: uppercase; }
.site-footer { background: #1A202C; color: var(--white); text-align: center; padding: 30px 0; font-family: 'Inter', sans-serif; font-size: 14px; margin-top: 50px; }

/* Responsive (HP) */
@media (max-width: 768px) {
    .site-content { grid-template-columns: 1fr; }
    .header-inner { flex-direction: column; text-align: center; gap: 15px; }
    .main-area { padding: 20px; }
}