/* =====================================================
PaisaPehle.in – FINAL SITE CSS (GeneratePress)
Blue: #0b3d91 | Green: #16a34a | Dark: #0f172a
===================================================== */

/* ———- 1. Basics ———- */
html { scroll-behavior: smooth; }
::selection { background: #16a34a; color: #ffffff; }
body {
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}

/* ———- 2. Header aur Menu ———- */
.site-header { border-bottom: 3px solid #16a34a; }

.main-title a,
.main-title a:hover { font-weight: 700; letter-spacing: 0.3px; }

.main-navigation .main-nav ul li a {
font-weight: 500;
letter-spacing: 0.3px;
transition: background 0.2s, color 0.2s;
}

/* Menu hover aur current page (text gayab hone ka fix) /
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:not([class=”current-menu-“]):hover > a,
.main-navigation .main-nav ul li[class*=”current-menu-“] > a {
background: #16a34a !important;
color: #ffffff !important;
}

/* ———- 3. Cards (post, sidebar, comments) ———- */
.inside-article,
.sidebar .widget,
.comments-area {
border-radius: 12px;
box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header {
border: 1px solid #e2e8f0;
}

/* ———- 4. Post titles aur headings ———- */
.entry-title a { color: #0b3d91; }
.entry-title a:hover { color: #16a34a; }

.entry-content h2 {
margin-top: 2em;
padding-bottom: 8px;
border-bottom: 2px solid #e2e8f0;
}
.entry-content h3 { margin-top: 1.6em; }

.entry-content p,
.entry-content li { line-height: 1.75; }
.entry-content ul,
.entry-content ol { margin-bottom: 1.4em; }

.entry-meta,
.entry-meta a { font-size: 14px; color: #64748b; }

/* ———- 5. Images aur links ———- */
.entry-content img,
.post-image img {
border-radius: 10px;
height: auto;
max-width: 100%;
}
.entry-content a {
text-decoration: underline;
text-underline-offset: 3px;
}

/* ———- 6. Quote / Tip box ———- */
blockquote {
margin: 1.5em 0;
padding: 16px 20px;
background: #f0fdf4;
border-left: 4px solid #16a34a;
border-radius: 0 8px 8px 0;
font-style: normal;
color: #1f2937;
}

/* ———- 7. Tables ———- */
.entry-content table {
width: 100%;
border-collapse: collapse;
margin: 1.5em 0;
font-size: 16px;
}
.entry-content table th {
background: #0b3d91;
color: #ffffff;
text-align: left;
padding: 12px;
}
.entry-content table td {
padding: 12px;
border-bottom: 1px solid #e2e8f0;
}
.entry-content table tr:nth-child(even) td { background: #f5f7fa; }
.entry-content figure.wp-block-table { overflow-x: auto; }

/* ———- 8. Buttons ———- */
.button,
a.button,
.read-more.button,
button,
input[type=”submit”] {
border-radius: 8px;
font-weight: 600;
transition: background 0.2s, transform 0.1s;
}
.button:hover,
a.button:hover { transform: translateY(-1px); }

/* ———- 9. Sidebar ———- */
.sidebar .widget { padding: 20px; margin-bottom: 24px; }

.sidebar .widget h2,
.sidebar .widget .wp-block-heading,
.sidebar .widget-title,
.sidebar .wp-block-search__label {
font-size: 20px !important;
font-weight: 600;
line-height: 1.3;
margin: 0 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid #16a34a;
color: #0b3d91;
}

.search-field,
.wp-block-search__input {
border-radius: 8px;
padding: 10px 14px;
}

/* ———- 10. Footer ———- */
.site-footer,
.site-info,
.footer-widgets {
background: #0f172a !important;
}
.site-footer { border-top: 3px solid #16a34a; }
.site-info,
.site-info a,
.footer-widgets,
.footer-widgets a {
color: #cbd5e1 !important;
font-size: 14px;
}
.site-info a:hover,
.footer-widgets a:hover { color: #16a34a !important; }

/* ———- 11. Contact Form 7 ———- */
.wpcf7 { max-width: 640px; margin: 30px auto; }

.wpcf7-form {
padding: 28px;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
box-shadow: 0 4px 16px rgba(11, 61, 145, 0.08);
}
.wpcf7-form p { margin-bottom: 16px; }
.wpcf7-form label { display: block; font-weight: 600; color: #0b3d91; }
.wpcf7-form-control-wrap { display: block; margin-top: 6px; }

.wpcf7-form input[type=”text”],
.wpcf7-form input[type=”email”],
.wpcf7-form input[type=”tel”],
.wpcf7-form input[type=”url”],
.wpcf7-form textarea,
.wpcf7-form select {
width: 100%;
max-width: 100%;
padding: 12px 14px;
font-size: 16px;
color: #1f2937;
background: #f5f7fa;
border: 1px solid #cbd5e1;
border-radius: 8px;
box-sizing: border-box;
}
.wpcf7-form textarea { height: 150px; resize: vertical; }

.wpcf7-form input:focus,
.wpcf7-form textarea:focus,
.wpcf7-form select:focus {
outline: none;
background: #ffffff;
border-color: #16a34a;
box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.2);
}

.wpcf7-form input[type=”submit”] {
padding: 12px 32px;
font-size: 16px;
color: #ffffff;
background: #16a34a;
border: none;
cursor: pointer;
}
.wpcf7-form input[type=”submit”]:hover { background: #12823b; }

.wpcf7-not-valid-tip { margin-top: 4px; font-size: 14px; color: #dc2626; }
.wpcf7 form .wpcf7-response-output {
margin: 16px 0 0;
padding: 12px 16px;
border-radius: 8px;
}
.wpcf7-spinner { display: block; margin: 10px 0 0; }

/* ———- 12. Disclaimer box ———- */
.pp-disclaimer {
margin: 32px 0 20px;
padding: 16px 20px;
background: #f0fdf4;
border-left: 4px solid #16a34a;
border-radius: 0 8px 8px 0;
font-size: 15px;
line-height: 1.6;
color: #1f2937;
}

/* ———- 13. Author box ———- */
.pp-author-box {
display: flex;
gap: 18px;
align-items: center;
margin: 20px 0 0;
padding: 20px;
background: #f5f7fa;
border: 1px solid #e2e8f0;
border-radius: 12px;
}
.pp-author-avatar img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
}
.pp-author-name {
margin: 0 0 6px;
font-weight: 700;
font-size: 18px;
color: #0b3d91;
}
.pp-author-bio {
margin: 0 0 8px;
font-size: 15px;
line-height: 1.6;
}

/* ———- 14. Mobile ———- */
@media (max-width: 768px) {
.inside-article { padding: 20px 16px; }
.entry-content h2 { font-size: 24px; }
.entry-content h3 { font-size: 20px; }
.entry-content table { font-size: 14px; }
.wpcf7-form { padding: 18px; }
}

@media (max-width: 600px) {
.pp-author-box { flex-direction: column; text-align: center; }
}