/*
Theme Name: Theme9-like News
Theme URI:  https://example.com/
Author:      Generated by ChatGPT
Description: Theme9 जैसा सरल न्यूज़ वर्डप्रेस थीम (Hindi demo)
Version:     1.0
Text Domain: theme9-like-news
*/

/* ---- Theme CSS (based on demo) ---- */
:root{
  --primary:#e91e63;
  --bg:#f4f4f4;
  --surface:#ffffff;
  --text:#222;
  --muted:#6b7280;
  --header-bg:#111827;
  --max-width:1100px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family: Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.5;
}
a{color:var(--primary); text-decoration:none}
.container{width:90%; max-width:var(--max-width); margin:0 auto;}

/* Top Bar */
.top-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:var(--header-bg);
  color:#fff;
  padding:6px 0;
  font-size:14px;
}
.ticker{padding-left:10px; width:70%;}
.top-social{padding-right:10px;}

/* Header */
.site-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#fff;
  padding:14px 0;
  box-shadow:0 2px 5px rgba(0,0,0,0.06);
}
.site-logo{font-size:24px; color:var(--primary); font-weight:700; margin-left:4px;}
.main-nav ul{display:flex; gap:14px; list-style:none; margin:0; padding:0;}
.main-nav a{color:#333; font-weight:600;}

/* Featured */
.featured{display:flex; gap:20px; margin:20px 0;}
.featured .big{flex:2; background:var(--surface); padding:12px; border-radius:6px;}
.featured .small{flex:1; display:flex; flex-direction:column; gap:12px;}
.featured img{width:100%; border-radius:6px; display:block}

/* Category */
.category{margin:24px 0;}
.grid{display:flex; gap:18px;}
.grid article{flex:1; background:var(--surface); padding:12px; border-radius:6px; box-shadow:0 4px 12px rgba(0,0,0,0.04);}

/* Content area */
.content-area{display:flex; gap:20px; margin:20px 0;}
.content-area main{flex:2;}
.content-area aside{flex:1;}
.widget{background:var(--surface); padding:12px; border-radius:6px; margin-bottom:16px;}

/* Footer */
.site-footer{background:var(--header-bg); color:#fff; padding:24px 0; margin-top:30px;}
.footer-col{display:inline-block; vertical-align:top; width:30%; padding:0 12px;}
.site-footer a{color:#cbd5e1}

/* Responsive */
@media(max-width:900px){
  .featured{flex-direction:column;}
  .grid{flex-direction:column;}
  .content-area{flex-direction:column;}
  .footer-col{display:block; width:100%; margin-bottom:12px;}
  .main-nav ul{flex-wrap:wrap;}
}