/*
Theme Name: JPD Green (জনপ্রতিনিধি ডিরেক্টরি থিম)
Description: "জনপ্রতিনিধি প্রোফাইল ডিরেক্টরি" প্লাগইনের জন্য কম্প্যানিয়ন থিম — টপবার, হেডার, ফুটার সহ সবুজ ডিজাইন।
Version: 1.0.0
Text Domain: jpd-green
*/
:root { --g:#0b7a43; --g-d:#064e2b; --gold:#f5b301; }
* { box-sizing: border-box; }
body { margin: 0; background: #f5f8f6; color: #1b2a22; font-family: 'Hind Siliguri','Noto Sans Bengali',system-ui,sans-serif; line-height: 1.65; }
a { color: var(--g); }
img { max-width: 100%; height: auto; }
.jpd-wrap { width: min(1180px, 100% - 32px); margin: 0 auto; }
.jpd-main { padding: 26px 0 60px; min-height: 60vh; }
.jpd-page-title { font-size: 1.7rem; color: var(--g-d); margin: 0 0 18px; }

.jpd-topbar { background: var(--g-d); color: #e8f6ee; font-size: .9rem; }
.jpd-topbar .jpd-wrap { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; flex-wrap: wrap; }
.jpd-topbar a { color: #fff; text-decoration: none; font-weight: 600; }

.jpd-header { background: #fff; border-bottom: 1px solid #dfe8e2; position: sticky; top: 0; z-index: 50; }
.jpd-header .jpd-wrap { display: flex; align-items: center; gap: 22px; padding: 10px 0; }
.jpd-logo { font-size: 1.35rem; font-weight: 700; color: var(--g-d); text-decoration: none; display: flex; align-items: center; gap: 8px; }
.jpd-logo img { max-height: 46px; width: auto; }
.jpd-nav { margin-left: auto; }
.jpd-nav ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 6px; flex-wrap: wrap; }
.jpd-nav a { display: block; padding: 8px 14px; border-radius: 999px; color: #1b2a22; text-decoration: none; font-weight: 600; }
.jpd-nav a:hover, .jpd-nav .current-menu-item > a, .jpd-nav .current_page_item > a { background: #e8f6ee; color: var(--g); }
.jpd-cta { background: var(--g); color: #fff !important; padding: 9px 18px; border-radius: 999px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.jpd-cta:hover { background: var(--g-d); }
.jpd-burger { display: none; background: none; border: 1.5px solid #dfe8e2; border-radius: 8px; padding: 6px 10px; font-size: 1.2rem; cursor: pointer; }

.jpd-footer { background: #0b2a1b; color: #cfe3d7; padding: 40px 0 20px; }
.jpd-footer a { color: #fff; text-decoration: none; }
.jpd-footer__grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 30px; }
.jpd-footer h4 { color: #fff; margin: 0 0 10px; }
.jpd-footer ul { list-style: none; margin: 0; padding: 0; }
.jpd-footer li { padding: 3px 0; }
.jpd-footer__copy { border-top: 1px solid #1f4a33; margin-top: 26px; padding-top: 14px; font-size: .88rem; text-align: center; }

@media (max-width: 860px) {
  .jpd-burger { display: block; margin-left: auto; }
  .jpd-nav { display: none; position: absolute; left: 0; right: 0; top: 100%; background: #fff; border-bottom: 1px solid #dfe8e2; padding: 10px 16px; margin: 0; }
  .jpd-nav.is-open { display: block; }
  .jpd-nav ul { flex-direction: column; }
  .jpd-header .jpd-cta { display: none; }
  .jpd-footer__grid { grid-template-columns: 1fr; }
}