/* ================================================================\n   Visit To Me — Full Theme Colour System Override\n   White header | Navy #0d1a2e dark sections | Green #0a9e00 accents\n   ================================================================ */\n\n/* 1. CSS VARIABLES */\n:root {\n    --tp-dark-bg:        #0d1a2e;\n    --tp-secondary:      #0d1a2e;\n    --tp-dark-text:      #ffffff;\n    --tp-background:     #ffffff;\n    --tp-background-alt: #f8f9fc;\n    --tp-border:         #e8eaed;\n    --tp-text:           #1a1a2e;\n    --tp-text-light:     #4b5563;\n    --tp-text-muted:     #9ca3af;\n    --tp-primary:        #0a9e00;\n    --tp-primary-hover:  #078a00;\n}\n\n/* 2. HEADER — white */\n.site-header {\n    background: #ffffff !important;\n    border-bottom: 1px solid #e8eaed !important;\n    box-shadow: 0 1px 8px rgba(0,0,0,.06) !important;\n}\n.site-logo .logo-text,\n.site-logo a,\n.site-title a { color: #0d1a2e !important; }\n.site-logo .logo-text span,\n.site-logo a span { color: #0a9e00 !important; }\n\n/* Nav links */\n.main-navigation .nav-menu > li > a,\n.main-navigation .menu > li > a {\n    color: #374151 !important;\n    font-weight: 500 !important;\n}\n.main-navigation .nav-menu > li > a:hover,\n.main-navigation .nav-menu > li:hover > a {\n    color: #0a9e00 !important;\n}\n/* Active — bold + green underline, different from hover */\n.main-navigation .nav-menu > li.current-menu-item > a,\n.main-navigation .nav-menu > li.current-menu-ancestor > a {\n    color: #0d1a2e !important;\n    font-weight: 700 !important;\n    border-bottom: 2px solid #0a9e00 !important;\n    padding-bottom: 2px !important;\n}\n.site-header .menu-toggle,\n.site-header .search-toggle { color: #374151 !important; }\n.site-header .menu-toggle:hover,\n.site-header .search-toggle:hover { color: #0a9e00 !important; }\n.header-cta a, .header-button a {\n    background: #0a9e00 !important;\n    color: #fff !important;\n    border-radius: 7px !important;\n    padding: 9px 20px !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n}\n\n/* 3. FOOTER — navy (not black) */\n.site-footer {\n    background: #0d1a2e !important;\n    color: rgba(255,255,255,.7) !important;\n    border-top: 2px solid #0a9e00 !important;\n}\n.site-footer .logo-text { color: #fff !important; }\n.site-footer .logo-text span { color: #0a9e00 !important; }\n.site-footer h3,\n.site-footer .widget-title,\n.site-footer .footer-heading { color: #ffffff !important; border-color: #0a9e00 !important; }\n.site-footer a { color: rgba(255,255,255,.6) !important; text-decoration: none !important; }\n.site-footer a:hover { color: #4ade80 !important; }\n.site-footer p,\n.site-footer li { color: rgba(255,255,255,.55) !important; }\n.site-footer .footer-bottom,\n.footer-bottom-bar {\n    border-top: 1px solid rgba(255,255,255,.08) !important;\n    color: rgba(255,255,255,.3) !important;\n}\n.site-footer .footer-bottom a { color: rgba(255,255,255,.4) !important; }\n.site-footer .footer-bottom a:hover { color: #4ade80 !important; }\n\n/* 4. MOBILE NAV — navy */\n.mobile-nav {\n    background: #0d1a2e !important;\n}\n.mobile-nav ul li { border-bottom: 1px solid rgba(255,255,255,.07) !important; }\n.mobile-nav ul a { color: rgba(255,255,255,.8) !important; }\n.mobile-nav ul a:hover { color: #4ade80 !important; }\n.mobile-nav-close { color: rgba(255,255,255,.6) !important; }\n\n/* 5. BODY */\nbody { background: #ffffff !important; color: #1a1a2e !important; }\n\n/* 6. SIDEBAR */\n.sidebar-widget {\n    background: #f8f9fc !important;\n    border: 1px solid #e8eaed !important;\n    border-radius: 10px !important;\n}\n.widget-title { color: #0d1a2e !important; }\n\n/* 7. POPULAR NUMBERS */\n.popular-list .popular-number,\n.trending-number {\n    background: #0a9e00 !important;\n    color: #fff !important;\n}\n\n/* 8. ARTICLE CARDS */\n.article-card, .post-card {\n    background: #fff !important;\n    border: 1px solid #e8eaed !important;\n    border-radius: 10px !important;\n    box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;\n    transition: box-shadow .2s, transform .2s !important;\n}\n.article-card:hover, .post-card:hover {\n    box-shadow: 0 8px 24px rgba(0,0,0,.09) !important;\n    transform: translateY(-2px) !important;\n}\n.article-card .category a,\n.post-card .category a { color: #0a9e00 !important; font-weight: 600 !important; }\n.article-card h2 a, .article-card h3 a,\n.post-card h2 a, .post-card h3 a { color: #0d1a2e !important; }\n.article-card h2 a:hover, .post-card h2 a:hover { color: #0a9e00 !important; }\n\n/* 9. BUTTONS */\n.btn-primary, button[type="submit"], input[type="submit"] {\n    background: #0a9e00 !important;\n    color: #fff !important;\n    border: none !important;\n    border-radius: 7px !important;\n    font-weight: 700 !important;\n}\n.btn-primary:hover { background: #078a00 !important; }\n\n/* 10. PAGINATION */\n.pagination .page-numbers {\n    border: 1px solid #e8eaed !important;\n    color: #374151 !important;\n    border-radius: 6px !important;\n}\n.pagination .page-numbers.current,\n.pagination .page-numbers:hover {\n    background: #0a9e00 !important;\n    color: #fff !important;\n    border-color: #0a9e00 !important;\n}\n\n/* 11. CATEGORY BADGES */\n.category-badge, .post-category, .category-tag {\n    background: #f0fdf4 !important;\n    color: #0a9e00 !important;\n    border: 1px solid #bbf7d0 !important;\n    border-radius: 4px !important;\n    font-weight: 600 !important;\n}\n\n/* 12. NEWSLETTER */\n.newsletter-section, .subscribe-section {\n    background: #0d1a2e !important;\n}\n.newsletter-section h2,\n.subscribe-section h2 { color: #fff !important; }\n.newsletter-section p,\n.subscribe-section p { color: rgba(255,255,255,.6) !important; }\n\n/* 13. HEADINGS & LINKS */\nh1, h2, h3, h4, h5, h6 { color: #0d1a2e; }\na { color: #0a9e00; }\na:hover { color: #078a00; }\n\n/* 14. MEGA MENU DROPDOWN — stays dark */\n.nav-menu > li.menu-item-has-children > .sub-menu {\n    background: #0d1a2e !important;\n    border-top: 2px solid #0a9e00 !important;\n}\n