/*
Theme Name: MomBabyCare
Theme URI: https://www.mombabycaretips.com
Author: MomBabyCare Team
Author URI: https://www.mombabycaretips.com
Description: A premium baby care blog theme with dark mode, glassmorphism header, post cards, hero section, and mobile drawer. Pixel-perfect replica of the MomBabyCare Blogger theme.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mombabycare
Tags: blog, two-columns, right-sidebar, custom-menu, dark-mode, responsive-layout
*/

/* ============================================================
   MOMBABYCARE WORDPRESS THEME — PURE CSS
   Exact replica of Blogger theme.xml
   Colors: Primary #5dade2, Accent #e91e63, BG #f2f7fb
   Fonts: Merriweather (headings), Inter (body)
   ============================================================ */

/* §1 — CSS Variables (Light Mode) */
:root {
  --c-primary: #5dade2;
  --c-primary-dark: #2e86c1;
  --c-primary-light: #eaf6fd;
  --c-accent: #e91e63;
  --c-accent-dark: #c2185b;
  --c-accent-light: #fce4ec;
  --c-bg: #f2f7fb;
  --c-card: #ffffff;
  --c-text: #1a202c;
  --c-text-muted: #475569;
  --c-text-invert: #ffffff;
  --c-border: #e2e8f0;
  --c-border-strong: #cbd5e1;
  --font-heading: 'Merriweather', Georgia, serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 15px;
  --radius-lg: 20px;
  --radius-xl: 30px;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --shadow-md: 0 4px 16px rgba(0,0,0,.08);
  --shadow-lg: 0 8px 32px rgba(0,0,0,.1);
  --shadow-card: 0 2px 12px rgba(93,173,226,.1), 0 1px 3px rgba(0,0,0,.05);
  --shadow-card-hover: 0 12px 36px rgba(93,173,226,.18), 0 4px 12px rgba(0,0,0,.08);
  --header-h: 64px;
  --container: 1200px;
  --t-fast: 150ms;
  --t-base: 250ms;
}

/* §2 — Dark Mode */
.dark {
  --c-bg: #0f172a;
  --c-card: #1e293b;
  --c-text: #f1f5f9;
  --c-text-muted: #94a3b8;
  --c-border: #334155;
  --c-border-strong: #475569;
  --c-primary-light: rgba(93,173,226,.15);
  --c-accent-light: rgba(233,30,99,.15);
  --shadow-card: 0 2px 12px rgba(0,0,0,.3);
  --shadow-card-hover: 0 12px 36px rgba(0,0,0,.4);
}

/* §3 — Reset & Base */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--font-body);line-height:1.7;background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background var(--t-base) ease,color var(--t-base) ease}
img,video,svg{display:block;max-width:100%}
a{color:var(--c-primary);text-decoration:none;transition:color var(--t-fast) ease}
a:hover{color:var(--c-primary-dark)}
::selection{background:rgba(233,30,99,.15);color:var(--c-text)}
:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}

/* §4 — Typography — Exact match from XML */
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.3;color:var(--c-text)}
h1{font-size:clamp(1.8rem,4vw,2.8rem);letter-spacing:-.02em}
h2{font-size:clamp(1.4rem,3vw,2rem)}
h3{font-size:clamp(1.1rem,2.5vw,1.5rem)}
h4{font-size:1.15rem}
p{margin-bottom:1em}
p:last-child{margin-bottom:0}

/* §5 — Container */
.container-main{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px}
@media(min-width:640px){.container-main{padding:0 24px}}
@media(min-width:1024px){.container-main{padding:0 32px}}

/* §6 — Layout Grid */
.layout-grid{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:1024px){.layout-grid{grid-template-columns:1fr 340px}}
.main-area{min-width:0}
.sidebar-area{width:100%}
@media(min-width:1024px){.sidebar-area{position:sticky;top:calc(var(--header-h) + 20px)}}

/* §7 — Header — Exact match from XML */
.site-header{position:sticky;top:0;z-index:100;width:100%;height:var(--header-h);display:flex;align-items:center;background:rgba(255,255,255,.88);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) ease,background var(--t-base) ease}
.dark .site-header{background:rgba(15,23,42,.9)}
.site-header.scrolled{box-shadow:var(--shadow-md);border-color:transparent}
.header-inner{width:100%;max-width:var(--container);margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}

/* Logo — Exact from XML: font-heading, 1.4rem, font-weight:900 */
.site-logo{font-family:var(--font-heading);font-size:1.4rem;font-weight:900;white-space:nowrap;line-height:1;text-decoration:none}
.site-logo .pink{color:var(--c-accent)}
.site-logo .blue{color:var(--c-primary)}

/* Desktop Nav — Exact from XML: font-size:.78rem, font-weight:700, letter-spacing:.08em, uppercase */
.nav-desktop{display:none;align-items:center;gap:4px}
@media(min-width:1024px){.nav-desktop{display:flex}}
.nav-desktop ul{list-style:none;display:flex;align-items:center;gap:4px;margin:0;padding:0}
.nav-desktop li{display:inline-flex}
.nav-desktop a,
.nav-desktop .menu-item > a,
.nav-link{
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--c-text-muted);
  padding:6px 12px;
  border-radius:var(--radius-sm);
  transition:color var(--t-fast) ease,background var(--t-fast) ease;
  white-space:nowrap;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
}
.nav-desktop a:hover,
.nav-desktop .menu-item > a:hover,
.nav-link:hover{color:var(--c-accent);background:var(--c-accent-light)}

/* Current menu item */
.nav-desktop .current-menu-item > a,
.nav-desktop .current_page_item > a{color:var(--c-accent)}

.header-actions{display:flex;align-items:center;gap:8px}
.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast) ease}
.icon-btn:hover{background:var(--c-accent-light);color:var(--c-accent);border-color:var(--c-accent)}

/* Fact Badge */
.fact-badge{display:none;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;background:#f0fdf4;padding:3px 8px;border-radius:var(--radius-pill)}
@media(min-width:640px){.fact-badge{display:inline-flex}}
.dark .fact-badge{background:rgba(22,163,74,.15);color:#4ade80}

/* Hamburger Button — Proper 3-line hamburger icon */
.hamburger{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:6px;padding:6px;background:transparent;color:var(--c-text);cursor:pointer;transition:all var(--t-fast) ease}
.hamburger:hover{background:var(--c-accent-light);color:var(--c-accent);border-color:var(--c-accent)}
@media(min-width:1024px){.hamburger{display:none}}

/* §8 — Side Drawer */
.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:150;opacity:0;pointer-events:none;transition:opacity var(--t-base) ease;backdrop-filter:blur(2px)}
.drawer-overlay.open{opacity:1;pointer-events:auto}
.side-drawer{position:fixed;top:0;right:0;width:min(310px,85vw);height:100dvh;background:var(--c-card);box-shadow:-8px 0 40px rgba(0,0,0,.15);z-index:200;display:flex;flex-direction:column;padding:20px;gap:12px;overflow-y:auto;transform:translateX(100%);transition:transform var(--t-base) cubic-bezier(.16,1,.3,1)}
.dark .side-drawer{box-shadow:-8px 0 40px rgba(0,0,0,.5)}
.side-drawer.open{transform:translateX(0)}
.drawer-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--c-border)}
.drawer-close{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast) ease}
.drawer-close:hover{background:var(--c-accent-light);color:var(--c-accent)}
.drawer-nav{display:flex;flex-direction:column;gap:4px;padding:12px 0;flex:1}
.drawer-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-md);font-size:.95rem;font-weight:500;color:var(--c-text);transition:background var(--t-fast) ease,color var(--t-fast) ease;text-decoration:none}
.drawer-link:hover{background:var(--c-primary-light);color:var(--c-primary)}
.drawer-link-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* §9 — Hero Section */
.hero-section{background:linear-gradient(135deg,#fff1f2 0%,#eaf6fd 100%);position:relative;overflow:hidden;padding:64px 0 80px;border-bottom:1px solid var(--c-border)}
.dark .hero-section{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 100%);border-color:var(--c-border)}
.hero-section::before,.hero-section::after{content:'';position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}
.hero-section::before{width:420px;height:420px;background:radial-gradient(circle,var(--c-accent) 0%,transparent 70%);top:-140px;right:-100px}
.hero-section::after{width:360px;height:360px;background:radial-gradient(circle,var(--c-primary) 0%,transparent 70%);bottom:-90px;left:-70px}
.dark .hero-section::before{opacity:.2}
.dark .hero-section::after{opacity:.15}
.hero-inner{position:relative;z-index:1;max-width:var(--container);margin:0 auto;padding:0 16px;text-align:center}
.hero-inner h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;margin-bottom:20px}
.hero-inner h1 .highlight{color:var(--c-primary)}
.dark .hero-inner h1 .highlight{color:#93c5fd}
.hero-inner p{color:var(--c-text-muted);font-size:1.1rem;font-weight:300;max-width:600px;margin:0 auto 32px;line-height:1.7}
.btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(--c-primary);color:#fff;padding:14px 36px;border-radius:var(--radius-pill);font-weight:700;font-size:1rem;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(93,173,226,.3);transition:all var(--t-fast) ease;text-decoration:none}
.btn-cta:hover{background:var(--c-primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 32px rgba(93,173,226,.4)}

/* Hero Tool Cards */
#hero-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;max-width:820px;margin-left:auto;margin-right:auto;text-align:left}
@media(max-width:640px){#hero-tool-grid{grid-template-columns:1fr}}
.hero-tool-card{background:rgba(255,255,255,0.85);backdrop-filter:blur(12px);border:1px solid rgba(233,30,99,0.15);border-radius:20px;padding:24px 22px;box-shadow:0 8px 32px rgba(233,30,99,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease}
.hero-tool-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(233,30,99,0.15)}
.hero-tool-card.blue{border-color:rgba(93,173,226,0.2);box-shadow:0 8px 32px rgba(93,173,226,0.12)}
.hero-tool-emoji{font-size:2.2rem;margin-bottom:10px}
.hero-tool-card h3{font-family:var(--font-heading);font-size:1.1rem;font-weight:900;color:var(--c-text);margin-bottom:8px;line-height:1.3}
.hero-tool-card p{font-size:.83rem;color:var(--c-text-muted);margin-bottom:16px;line-height:1.6}
.hero-tool-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;padding:10px 20px;border-radius:999px;font-weight:700;font-size:.82rem;text-decoration:none}
.hero-tool-btn.pink{background:linear-gradient(135deg,var(--c-accent),#c2185b);box-shadow:0 4px 16px rgba(233,30,99,0.3)}
.hero-tool-btn.blue{background:linear-gradient(135deg,var(--c-primary),#2e86c1);box-shadow:0 4px 16px rgba(93,173,226,0.3)}

/* §10 — Category Slider */
.category-section{padding:48px 0;background:var(--c-card);border-bottom:1px solid var(--c-border)}
.dark .category-section{background:var(--c-bg)}
.section-label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--c-text-muted);margin-bottom:20px}
.category-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;-ms-overflow-style:none;scrollbar-width:none}
.category-scroll::-webkit-scrollbar{display:none}
.category-card{min-width:260px;background:var(--c-bg);padding:28px;border-radius:var(--radius-xl);border:1px solid transparent;transition:all var(--t-base) ease;cursor:pointer;flex-shrink:0;text-decoration:none;color:inherit;display:block}
.dark .category-card{background:var(--c-card)}
.category-card:hover{border-color:var(--c-accent);box-shadow:var(--shadow-md);color:inherit}
.category-card h4{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:6px}
.category-card p{font-size:.85rem;color:var(--c-text-muted);margin-bottom:16px;line-height:1.6}

/* §11 — Post Grid */
.post-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.post-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr)}}
.section-heading{display:flex;align-items:center;gap:12px;font-family:var(--font-heading);font-size:1.4rem;font-weight:900;color:var(--c-text);margin-bottom:28px}
.section-heading::before{content:'';display:block;width:36px;height:2px;background:var(--c-accent);flex-shrink:0}

/* §12 — Post Card */
.post-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform var(--t-base) ease,box-shadow var(--t-base) ease,border-color var(--t-base) ease}
.post-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-card-hover);border-color:var(--c-primary)}
.post-thumb{position:relative;overflow:hidden;aspect-ratio:16/9}
.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.post-card:hover .post-thumb img{transform:scale(1.05)}
.post-label-badge{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-accent);background:rgba(255,255,255,.92);padding:4px 10px;border-radius:var(--radius-pill);backdrop-filter:blur(4px);text-decoration:none}
.dark .post-label-badge{background:rgba(30,41,59,.9);color:#f472b6}
.post-body-card{padding:16px 20px 20px;flex:1;display:flex;flex-direction:column;gap:8px}
.post-meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--c-text-muted)}
.fact-tag{display:inline-flex;align-items:center;gap:3px;color:#16a34a;font-weight:600}
.dark .fact-tag{color:#4ade80}
.read-time{display:inline-flex;align-items:center;gap:3px}

/* Post Card Title — Exact from XML: font-heading, 1.05rem, font-weight:700, line-clamp:2 */
.post-title-link{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--c-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--t-fast) ease}
.post-card:hover .post-title-link{color:var(--c-primary)}
.post-snippet{font-size:.85rem;color:var(--c-text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post-date-author{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--c-text-muted);flex-wrap:wrap}
.dot-sep{width:3px;height:3px;border-radius:50%;background:var(--c-text-muted);display:inline-block}
.post-footer-row{display:flex;align-items:center;justify-content:space-between;padding-top:12px;margin-top:auto;border-top:1px solid var(--c-border);gap:8px}
.read-more{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--c-primary);transition:color var(--t-fast) ease,gap var(--t-fast) ease;text-decoration:none}
.read-more:hover{color:var(--c-accent);gap:8px}
.share-icons{display:flex;align-items:center;gap:4px}
.share-icon-btn{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);background:transparent;border:none;cursor:pointer;transition:all var(--t-fast) ease;text-decoration:none}
.share-icon-btn:hover{color:#fff;background:var(--c-primary)}

/* §13 — Pagination */
.pager-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:40px;padding:16px 0}
.pager-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-pill);border:2px solid var(--c-primary);color:var(--c-primary);font-weight:600;font-size:.85rem;transition:all var(--t-fast) ease;text-decoration:none}
.pager-link:hover{background:var(--c-primary);color:#fff}
.pager-link.accent{border-color:var(--c-accent);color:var(--c-accent)}
.pager-link.accent:hover{background:var(--c-accent);color:#fff}
.pager-home{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--c-accent),var(--c-primary));color:#fff;box-shadow:0 4px 16px rgba(233,30,99,.25);text-decoration:none}

/* §14 — Sidebar Widgets */
.sidebar-widget{background:var(--c-card);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base) ease}
.sidebar-widget:hover{box-shadow:var(--shadow-md)}
.widget-title{font-family:var(--font-heading);font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-text);padding-bottom:10px;margin-bottom:14px;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--c-accent),var(--c-primary)) 1;display:flex;align-items:center;gap:8px}
.subscribe-box{background:linear-gradient(135deg,var(--c-accent-light),var(--c-primary-light));border:1px solid rgba(233,30,99,.2);border-radius:var(--radius-xl);padding:28px 20px;text-align:center}
.dark .subscribe-box{background:linear-gradient(135deg,rgba(233,30,99,.12),rgba(93,173,226,.1));border-color:rgba(233,30,99,.25)}
.subscribe-box h3{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;margin-bottom:6px}
.subscribe-box p{font-size:.82rem;color:var(--c-text-muted);margin-bottom:14px}
.sub-input{width:100%;padding:10px 14px;font-size:.85rem;background:var(--c-card);border:1.5px solid var(--c-border);border-radius:var(--radius-pill);color:var(--c-text);outline:none;margin-bottom:10px;transition:border-color var(--t-fast) ease}
.sub-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(233,30,99,.12)}
.sub-btn{width:100%;padding:10px;font-size:.85rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--c-accent),var(--c-primary));border:none;border-radius:var(--radius-pill);cursor:pointer;transition:opacity var(--t-fast) ease}
.sub-btn:hover{opacity:.9}
.popular-list{list-style:none;display:flex;flex-direction:column;gap:14px;counter-reset:pop-post}
.popular-item{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--c-border);counter-increment:pop-post}
.popular-item:last-child{border-bottom:none;padding-bottom:0}
.popular-item::before{content:counter(pop-post, decimal-leading-zero);font-family:var(--font-heading);font-size:2rem;font-weight:900;line-height:1;background:linear-gradient(135deg,var(--c-accent),var(--c-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:2.2ch;flex-shrink:0}
.popular-item a{font-size:.85rem;font-weight:600;color:var(--c-text);line-height:1.4;transition:color var(--t-fast) ease}
.popular-item a:hover{color:var(--c-primary)}
.label-cloud{display:flex;flex-wrap:wrap;gap:8px}
.label-tag{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;font-weight:600;padding:5px 12px;border-radius:var(--radius-pill);background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text-muted);transition:all var(--t-fast) ease;text-decoration:none}
.label-tag:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}
.ad-slot{background:var(--c-bg);border:2px dashed var(--c-border);border-radius:var(--radius-md);padding:20px;text-align:center;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text-muted);min-height:250px;display:flex;align-items:center;justify-content:center}

/* §15 — Single Post View — Exact from XML */
.post-full{max-width:780px;margin:0 auto}
.post-full h1{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.3}
.post-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--c-text-muted);margin-bottom:16px;flex-wrap:wrap}
.post-breadcrumb a{color:var(--c-text-muted);transition:color var(--t-fast) ease}
.post-breadcrumb a:hover{color:var(--c-accent)}

/* Featured Image — Exact match from XML */
.post-hero-img{width:100%;max-width:100%;margin:0 0 24px 0;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.1);background:var(--c-bg)}
.post-hero-img img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block;transition:transform 0.3s ease}
@media(max-width:768px){.post-hero-img img{max-height:300px}}

/* Post Content — Exact from XML: 1.05rem, line-height:1.8 */
.post-content{font-size:1.05rem;line-height:1.8;color:var(--c-text)}
.post-content h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:40px 0 16px;color:var(--c-text)}
.post-content h3{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;margin:32px 0 12px;color:var(--c-text)}
.post-content h4{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;margin:24px 0 10px}
.post-content p{margin-bottom:1.2em;color:var(--c-text);line-height:1.8}
.dark .post-content p{color:#cbd5e1}
.post-content img{border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin:20px 0;max-width:100%}
.post-content blockquote{border-left:4px solid var(--c-accent);background:var(--c-accent-light);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:20px 0;font-style:normal}
.dark .post-content blockquote{background:rgba(233,30,99,.08)}
.post-content a{color:var(--c-primary);font-weight:600}
.post-content a:hover{color:var(--c-accent)}
.post-content ul,.post-content ol{padding-left:1.5em;margin-bottom:1.2em}
.post-content li{margin-bottom:0.4em;line-height:1.7}
.post-content strong,.post-content b{font-weight:700;color:var(--c-text)}
.post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;padding-top:20px;border-top:1px solid var(--c-border)}

/* §16 — Medical Disclaimer — Exact from XML */
/* Box style: background:#fff5f5, border-left:4px solid #e53e3e, border-radius:15px */
.disclaimer-box{
  background:#fff5f5;
  border:1px solid #fed7d7;
  border-left:4px solid #e53e3e;
  border-radius:var(--radius-md);
  padding:16px 20px;
  font-size:.82rem;
  line-height:1.6;
  color:#742a2a;
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-bottom:24px;
}
.dark .disclaimer-box{background:rgba(229,62,62,.08);border-color:rgba(229,62,62,.2);border-left-color:#e53e3e;color:#fca5a5}
.disclaimer-box strong{display:block;margin-bottom:4px;color:#c53030;font-size:.85rem;font-weight:700}
.dark .disclaimer-box strong{color:#fca5a5}

/* §17 — Footer */
.site-footer{background:#0f172a;color:#94a3b8}
.dark .site-footer{background:#020617}
.footer-heading{font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:#f1f5f9;margin-bottom:16px;letter-spacing:.04em;text-transform:uppercase}
.footer-link{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#94a3b8;padding:4px 0;transition:color var(--t-fast) ease;text-decoration:none}
.footer-link:hover{color:var(--c-accent)}
.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;padding:48px 0}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}
.footer-bottom{border-top:1px solid #1e293b;padding:16px 0;font-size:.75rem;color:#475569;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.social-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e293b;color:#94a3b8;transition:all var(--t-fast) ease;text-decoration:none}
.social-icon:hover{color:#fff}

/* §18 — Back to Top */
#back-to-top{position:fixed;bottom:20px;right:20px;z-index:50;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--c-accent),var(--c-primary));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(233,30,99,.3);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity var(--t-base) ease,transform var(--t-base) ease}
#back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
#back-to-top:hover{transform:translateY(-3px) scale(1.08)}

/* §19 — Utilities */
.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}
.hide-scrollbar::-webkit-scrollbar{display:none}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.gradient-text{background:linear-gradient(135deg,var(--c-accent),var(--c-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* §20 — Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--c-accent),var(--c-primary));border-radius:var(--radius-pill)}

/* §21 — Print */
@media print{.site-header,.side-drawer,.drawer-overlay,#back-to-top,.sidebar-area{display:none!important}body{background:#fff!important;color:#000!important}}

/* §22 — WordPress Block Editor Overrides */
.wp-block-image img{border-radius:var(--radius-md);box-shadow:var(--shadow-md)}
.wp-block-quote{border-left:4px solid var(--c-accent);background:var(--c-accent-light);padding:16px 20px;border-radius:0 var(--radius-md) var(--radius-md) 0}
.dark .wp-block-quote{background:rgba(233,30,99,.08)}
.alignwide{max-width:calc(var(--container) - 64px)}
.alignfull{max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}

/* §23 — GENERATEPRESS KILL OVERRIDES */
.grid-container,
.site-content .grid-container,
.inside-article,
.separate-containers .inside-article,
.one-container .site-content,
body .site-content {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
body .site-content { display: block !important; }
body .content-area,
body #primary {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}
body #secondary, body .widget-area { width: 100% !important; max-width: none !important; float: none !important; }
body .site-header .inside-header { padding: 0 !important; }
body .main-navigation, body .main-navigation .main-nav { background: transparent !important; border: none !important; }
body .entry-title, body h2.entry-title, body .entry-header .entry-title { font-family: var(--font-heading) !important; font-size: inherit !important; margin: 0 !important; padding: 0 !important; }
body .entry-summary, body .entry-content { padding: 0 !important; margin: 0 !important; }
body .sidebar .widget, body #secondary .widget { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; }
body .site-footer .footer-widgets, body .site-info { background: transparent !important; }
body .separate-containers .inside-article, body .separate-containers .comments-area, body .separate-containers .page-header, body .separate-containers .paging-navigation { margin-bottom: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; }
body .post-image, body .featured-image { margin: 0 !important; padding: 0 !important; }
body .nav-float-right .main-navigation, body .nav-float-left .main-navigation { float: none !important; }
body article, body article.post, body .hentry { margin-bottom: 0 !important; padding: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; }
body .entry-content .read-more, body a.read-more.button, body .entry-summary a.read-more { display: none !important; }
body .dynamic-content-wrapper, body .generate-columns-container { display: block !important; }

/* §24 — Force Core Layout (override any plugin interference) */
body { background: var(--c-bg) !important; font-family: var(--font-body) !important; }
.post-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; }
@media(min-width:640px) { .post-grid { grid-template-columns: repeat(2, 1fr) !important; } }
@media(min-width:1024px) { .post-grid { grid-template-columns: repeat(3, 1fr) !important; } }
.post-card { display: flex !important; flex-direction: column !important; background: var(--c-card) !important; border: 1px solid var(--c-border) !important; border-radius: var(--radius-lg) !important; overflow: hidden !important; box-shadow: var(--shadow-card) !important; }
.layout-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 32px !important; }
@media(min-width:1024px) { .layout-grid { grid-template-columns: 1fr 340px !important; } }
/* ... baki ka purana code upar rahega ... */

.layout-grid { display: grid !important; grid-template-columns: 1fr !important; gap: 32px !important; }
@media(min-width:1024px) { .layout-grid { grid-template-columns: 1fr 340px !important; } }

/* ============================================================
   §25 — SIDEBAR WIDGET FONT SIZE FIXES (Naya Code Yahan Aayega)
   ============================================================ */
/* Sidebar Widget Headings ko ekdum chota karne ke liye strict code */
.sidebar-area h2, 
#secondary h2,
.sidebar-widget h2,
.widget-title,
.widgettitle,
.wp-block-group h2,
body #secondary .widget h2 {
    font-size: 16px !important; /* Size 16px kar di hai */
    font-weight: 700 !important; /* Stand out karne ke liye heavy bold */
    font-family: var(--font-heading) !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin-bottom: 8px !important;
}

/* Bullets ke dots hatane aur links ka size aur chota karne ke liye */
.sidebar-area ul, #secondary ul, .widget ul {
    list-style: none !important; /* Bullets hatane ke liye */
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.sidebar-area ul li a, 
#secondary ul li a, 
.widget ul li a,
.wp-block-group ul li a {
    font-size: 13px !important; /* Links ka size 13px kar diya hai */
    font-weight: 500 !important;
}