/*
Theme Name: Khulkar Baatein
Theme URI: https://www.youtube.com/@KhulkarBaateinWithAnjali03
Author: Khulkar Baatein
Description: One-page astrology, tarot, numerology & vastu consultation theme. Customizer-driven texts, photos and contact details; Services, Testimonials, FAQs and YouTube videos as editable content; built-in enquiry form that saves leads in the dashboard and emails them.
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: khulkar-baatein
*/

/* Main design CSS lives in css/styles.css (compiled). Only WordPress-specific additions below. */

html { scroll-behavior: smooth; }
section[id] { scroll-margin-top: 4.5rem; }

/* Fixed header must sit below the WP admin bar */
.admin-bar #site-header { top: 32px; }
@media (max-width: 782px) { .admin-bar #site-header { top: 46px; } }

/* ---------- Inner pages (page.php, single.php, index.php, legal) ---------- */
.kb-page { min-height: 60vh; padding: 8rem max(1.25rem, calc((100% - 56rem) / 2)) 4rem; background: #fdf8f0; }
.kb-page--tight { padding-bottom: 0; min-height: 0; }
@media (min-width: 640px) { .kb-page { padding-left: max(2rem, calc((100% - 56rem) / 2)); padding-right: max(2rem, calc((100% - 56rem) / 2)); } }
.kb-title { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 2.25rem; font-weight: 600; line-height: 1.1; color: #2d1a0e; }
@media (min-width: 640px) { .kb-title { font-size: 3rem; } }
.kb-meta { margin-top: .75rem; font-size: .85rem; color: #8a6e5a; }
.kb-prose { margin-top: 2rem; color: #5a3e2b; font-size: .95rem; line-height: 1.8; }
.kb-prose h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.4rem; font-weight: 600; color: #2d1a0e; margin: 2rem 0 .75rem; }
.kb-prose h3 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.2rem; font-weight: 600; color: #2d1a0e; margin: 1.5rem 0 .5rem; }
.kb-prose p { margin: .9rem 0; }
.kb-prose a { color: #8f3e19; text-decoration: underline; }
.kb-prose ul { list-style: disc; padding-left: 1.4rem; margin: .9rem 0; }
.kb-prose ol { list-style: decimal; padding-left: 1.4rem; margin: .9rem 0; }
.kb-prose img { max-width: 100%; height: auto; border-radius: 12px; }
.kb-prose strong { color: #2d1a0e; }
.kb-posts { display: grid; gap: 1.5rem; margin-top: 2rem; }
.kb-post-card { background: #fff; border: 1px solid #e8d5b0; border-radius: 1rem; padding: 1.5rem; }
.kb-post-card h2 { font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; font-weight: 600; }
.kb-post-card h2 a { color: #2d1a0e; }
.kb-post-card .kb-prose { margin-top: .5rem; }
.kb-pagination { margin-top: 2rem; }
.kb-pagination .nav-links { display: flex; gap: .75rem; flex-wrap: wrap; }
.kb-pagination a, .kb-pagination span { padding: .4rem .9rem; border: 1px solid #e8d5b0; border-radius: 999px; font-size: .85rem; color: #8f3e19; background: #fff; }
.kb-fullwidth { padding-top: 0; }

/* WordPress core alignment helpers for page content */
.alignleft { float: left; margin: 0 1.5rem 1rem 0; }
.alignright { float: right; margin: 0 0 1rem 1.5rem; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }