/*
Theme Name: TermIndia
Theme URI: https://termindia.com
Author: TermIndia
Description: Hindi-friendly term explanation website. Tech, Law, Finance, Education, Health.
Version: 1.0
Text Domain: termindia
Tags: responsive, translation-ready, custom-logo
*/

:root{
  --brand:#0b74de;
  --muted:#666;
  --bg:#fff;
  --card:#fafafa;
}

*{box-sizing:border-box}
body{font-family: 'Noto Sans', Roboto, system-ui, -apple-system, Arial; color:#111; margin:0; background:#f6f7f9;}
img{max-width:100%; height:auto}
a{color:var(--brand); text-decoration:none}

.container{max-width:1100px; margin:0 auto; padding:24px}

header.site-header{display:flex; align-items:center; justify-content:space-between; gap:16px}
.site-brand{display:flex; gap:12px; align-items:center}
.site-brand img{width:72px; height:72px; object-fit:contain}
.site-title{margin:0; font-size:22px}
.site-tagline{margin:0; font-size:13px; color:var(--muted)}

.search-form input[type="search"]{width:100%; padding:10px; border:1px solid #ddd; border-radius:4px 0 0 4px}
.search-form button{padding:10px 14px; border:1px solid #ddd; border-left:0; background:var(--brand); color:#fff; border-radius:0 4px 4px 0}

main.site-main{display:grid; grid-template-columns:1fr 320px; gap:18px; align-items:start}
.card{background:var(--bg); padding:14px; border-radius:8px; border:1px solid var(--card)}
.post-title{margin:0 0 8px 0}
.post-meta{color:var(--muted); font-size:13px}
.sidebar-widget h4{margin:0 0 8px 0}
.footer{padding:12px 0; text-align:center; color:#777; font-size:13px}

/* Responsive */
@media (max-width:880px){
  main.site-main{grid-template-columns:1fr}
  header.site-header{flex-direction:column; align-items:stretch}
  .search-form{margin-top:6px}
}
@media (max-width: 768px) {
  .post-list article {
    flex-direction: column;
  }
  .post-thumb {
    flex: 0 0 auto;
    width: 100%;
  }
}