/* ============================================
   Clean Modern Auto-Blog Theme – v11
   ============================================ */

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height:1.6; color:#333; background:#f8f9fa; }

:root {
    --primary-color: #11998e;
    --secondary-color: #38ef7d;
}

.container { max-width:1200px; margin:0 auto; padding:0 20px; }
.content-wrapper { display:grid; grid-template-columns:1fr 300px; gap:40px; margin:40px 0; }
@media (max-width:968px) { .content-wrapper { grid-template-columns:1fr; } }

/* Hero */
.site-hero { position:relative; height:300px; overflow:hidden; display:flex; align-items:center; justify-content:center; text-align:center; color:white; }
.hero-bg { position:absolute; inset:0; width:100%; height:100%; }
.site-hero-content { position:relative; z-index:2; background:rgba(0,0,0,0.3); padding:30px; border-radius:12px; backdrop-filter:blur(8px); }
.hero-title a { color:white; text-decoration:none; font-size:2.8rem; font-weight:700; }
.hero-description { font-size:1.3rem; opacity:0.95; }
.gradient-start { stop-color: var(--primary-color); }
.gradient-end   { stop-color: var(--secondary-color); }

/* Ads */
.ad-container { margin:20px 0; text-align:center; }
.inline-ad-container { margin:30px 0; padding:20px; background:#f0f8ff; border-left:5px solid var(--primary-color); border-radius:8px; }

/* Posts */
.post-summary { background:white; padding:30px; margin-bottom:30px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.post-summary h2 { margin:0 0 10px; font-size:1.8rem; }
.post-summary a { color:#222; text-decoration:none; }
.post-summary a:hover { color:var(--primary-color); }
.post-meta { color:#666; font-size:0.9rem; margin:10px 0; }
.read-more { display:inline-block; margin-top:15px; color:var(--primary-color); font-weight:600; text-decoration:none; }

/* Single post */
#post-title { font-size:2.5rem; margin:20px 0; }
#post-content p { margin:20px 0; line-height:1.8; }
.home-link { color:var(--primary-color); text-decoration:none; font-weight:600; }

/* Sidebar */
.sidebar .widget { background:white; padding:25px; border-radius:12px; margin-bottom:30px; box-shadow:0 2px 10px rgba(0,0,0,0.05); }
.sidebar h3 { margin-bottom:15px; color:#222; }

/* Footer */
footer { background:#222; color:#aaa; padding:40px 0; text-align:center; margin-top:80px; }
footer a { color:#aaa; }

/* Loading */
.loading { text-align:center; padding:60px; color:#666; font-style:italic; }