/*
Theme Name: Write Your Content
Theme URI: https://democraticbharatlive.com
Author: Write Your Content
Author URI: https://democraticbharatlive.com
Description: Write Your Content ke liye custom WordPress theme. Isme AI se news, article, social caption, ad copy, YouTube description, rajnitik bhashan, press release aur voiceover script likhne wala tool shamil hai, saath hi About Us, Contact Us aur DNPA/AdSense ke liye zaroori sabhi neeti panne (Privacy Policy, Terms, Disclaimer, Editorial Policy, Corrections Policy, Ownership and Funding) bhi shamil hain.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: write-your-content
*/

:root{
  --ink:#0B1E3F;
  --ink-2:#071527;
  --paper:#F7F3E9;
  --paper-card:#FFFFFF;
  --paper-line:#E4DCC5;
  --text:#1E1B15;
  --text-muted:#6B6255;
  --gold:#D4AF37;
  --gold-dark:#B8912B;
  --red:#B5392C;
  --teal:#2E6B5B;
  --navy:#3E5C76;
  --plum:#6B4C6E;
  --danger-bg:#F7E7E3;
  --font-display:Georgia,'Noto Serif Devanagari','Times New Roman',serif;
  --font-body:Georgia,'Noto Serif Devanagari','Times New Roman',serif;
  --font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans Devanagari',Roboto,sans-serif;
  --font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--paper);
  color:var(--text);
  font-family:var(--font-ui);
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{max-width:100%;height:auto;}
a{color:var(--navy);text-decoration:none;}
a:hover{text-decoration:underline;}
::selection{background:var(--ink);color:var(--paper-card);}
.container{max-width:1140px;margin:0 auto;padding:0 1.5rem;}

/* ---------- Site header ---------- */
.site-header{
  background:var(--ink);
  color:var(--paper);
  padding:1rem 0;
  position:sticky;
  top:0;
  z-index:50;
}
.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;}
.site-branding{display:flex;align-items:center;gap:0.7rem;}
.site-branding .custom-logo-link{display:flex;align-items:center;}
.site-branding img.custom-logo{height:44px;width:auto;max-height:44px;object-fit:contain;display:block;}
.site-branding .site-title-link{
  color:var(--paper);
  font-family:var(--font-display);
  font-size:1.5rem;
  font-weight:700;
  text-decoration:none;
}
.site-branding .tagline{
  display:block;
  font-family:var(--font-ui);
  font-size:0.72rem;
  color:var(--gold);
  font-weight:400;
  margin-top:0.1rem;
}
.nav-toggle{
  display:none;
  background:transparent;
  border:1px solid rgba(237,230,212,0.35);
  color:var(--paper);
  padding:0.4rem 0.6rem;
  border-radius:2px;
  cursor:pointer;
}
.primary-nav ul{list-style:none;display:flex;gap:1.75rem;margin:0;padding:0;}
.primary-nav a{
  color:#D8D1BF;
  font-size:0.92rem;
  font-weight:600;
  padding:0.3rem 0;
  border-bottom:2px solid transparent;
}
.primary-nav a:hover{color:var(--paper);text-decoration:none;border-bottom-color:var(--gold);}

/* ---------- Hero ---------- */
.hero{
  padding:4.5rem 0 3.5rem;
  border-bottom:1px solid var(--paper-line);
}
.hero .container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:2.5rem;align-items:center;}
.hero h1{
  font-family:var(--font-display);
  font-size:2.6rem;
  line-height:1.2;
  margin:0 0 1rem;
  color:var(--ink);
}
.hero p.lead{font-size:1.08rem;color:var(--text-muted);margin:0 0 1.75rem;max-width:52ch;}
.hero-panel{
  background:var(--paper-card);
  border:1px solid var(--paper-line);
  border-left:4px solid var(--gold);
  border-radius:2px;
  padding:1.75rem;
}
.hero-panel h3{margin:0 0 0.75rem;font-size:0.95rem;color:var(--ink);}
.hero-panel ul{margin:0;padding-left:1.2rem;color:var(--text);font-size:0.92rem;}
.hero-panel li{margin-bottom:0.4rem;}

.btn{
  display:inline-block;
  padding:0.75rem 1.5rem;
  border-radius:2px;
  font-weight:600;
  font-size:0.95rem;
  cursor:pointer;
  border:none;
}
.btn-primary{background:var(--ink);color:var(--paper);}
.btn-primary:hover{background:var(--ink-2);color:var(--paper);text-decoration:none;}
.btn-outline{background:transparent;border:1px solid var(--ink);color:var(--ink);}
.btn-outline:hover{background:rgba(30,42,56,0.06);text-decoration:none;}

/* ---------- Feature grid ---------- */
.section{padding:3.5rem 0;}
.section h2.section-title{
  font-family:var(--font-display);
  font-size:1.9rem;
  color:var(--ink);
  margin:0 0 0.5rem;
}
.section p.section-sub{color:var(--text-muted);margin:0 0 2.25rem;max-width:65ch;}
.feature-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1.25rem;
}
.feature-card{
  background:var(--paper-card);
  border:1px solid var(--paper-line);
  border-radius:2px;
  padding:1.4rem 1.5rem;
  border-top:3px solid var(--accent,var(--gold));
}
.feature-card h3{margin:0 0 0.5rem;font-size:1.05rem;color:var(--ink);}
.feature-card p{margin:0;font-size:0.9rem;color:var(--text-muted);}

.cta-banner{
  background:var(--ink);
  color:var(--paper);
  padding:3rem 0;
  text-align:center;
}
.cta-banner h2{font-family:var(--font-display);font-size:1.8rem;margin:0 0 0.75rem;}
.cta-banner p{color:#C9C0AA;margin:0 0 1.5rem;}
.cta-banner .btn-primary{background:var(--gold);color:var(--ink);}
.cta-banner .btn-primary:hover{background:var(--gold-dark);}

/* ---------- Standard content pages ---------- */
.page-content-wrap{padding:3rem 0 4rem;}
.page-content-wrap .container{max-width:820px;}
.page-content-wrap h1.page-title{
  font-family:var(--font-display);
  font-size:2.1rem;
  color:var(--ink);
  margin:0 0 1.75rem;
  padding-bottom:1rem;
  border-bottom:1px solid var(--paper-line);
}
.page-content h2{font-family:var(--font-display);font-size:1.4rem;color:var(--ink);margin:2rem 0 0.75rem;}
.page-content h3{font-size:1.05rem;color:var(--ink);margin:1.5rem 0 0.5rem;}
.page-content p{font-size:1rem;line-height:1.75;margin:0 0 1rem;}
.page-content ul{margin:0 0 1rem;padding-left:1.4rem;}
.page-content li{margin-bottom:0.4rem;}

/* ---------- Contact form ---------- */
.wyc-contact-form{max-width:520px;margin-top:1.5rem;}
.wyc-form-row{margin-bottom:1.1rem;}
.wyc-form-row label{display:block;font-size:0.85rem;font-weight:600;color:var(--ink);margin-bottom:0.3rem;}
.wyc-form-row input,
.wyc-form-row textarea{
  width:100%;
  background:#fff;
  border:1px solid var(--paper-line);
  border-radius:2px;
  padding:0.6rem 0.7rem;
  font-size:0.95rem;
  font-family:inherit;
}
.wyc-form-row input:focus,
.wyc-form-row textarea:focus{outline:2px solid var(--navy);outline-offset:1px;}
.wyc-form-status{font-size:0.88rem;margin-top:0.75rem;min-height:1.2em;}
.wyc-form-status.ok{color:var(--teal);}
.wyc-form-status.err{color:var(--red);}

/* ---------- Blog / index fallback ---------- */
.post-list{max-width:760px;margin:0 auto;padding:3rem 1.5rem;}
.post-list article{border-bottom:1px solid var(--paper-line);padding:1.75rem 0;}
.post-list h2{font-family:var(--font-display);font-size:1.4rem;margin:0 0 0.5rem;}
.post-list .post-meta{font-size:0.8rem;color:var(--text-muted);margin-bottom:0.6rem;}

/* ---------- Site footer ---------- */
.site-footer{background:var(--ink-2);color:#C9C0AA;padding:3rem 0 1.5rem;margin-top:2rem;}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem;margin-bottom:2rem;}
.footer-col h4{color:var(--paper);font-size:0.95rem;margin:0 0 0.9rem;font-family:var(--font-ui);}
.footer-col p{font-size:0.88rem;line-height:1.7;margin:0 0 0.5rem;}
.footer-col ul{list-style:none;margin:0;padding:0;}
.footer-col li{margin-bottom:0.55rem;}
.footer-col a{color:#B0A88F;font-size:0.88rem;}
.footer-col a:hover{color:var(--paper);}
.footer-bottom{
  border-top:1px solid rgba(237,230,212,0.15);
  padding-top:1.25rem;
  text-align:center;
  font-size:0.8rem;
  color:#8A8271;
}

@media (max-width:900px){
  .hero .container{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:1.75rem;}
  .nav-toggle{display:inline-block;}
  .primary-nav{
    display:none;
    position:absolute;
    top:100%;left:0;right:0;
    background:var(--ink);
    padding:1rem 1.5rem 1.5rem;
  }
  .primary-nav.is-open{display:block;}
  .primary-nav ul{flex-direction:column;gap:0.9rem;}
}

:focus-visible{outline:2px solid var(--navy);outline-offset:2px;}