/* ============================================================
   DR SANDEEP HOODA — STANDALONE PAGE TEMPLATE SYSTEM
   Navy #123B63 / Orange #F28C28 / Manrope-style typography
   CSS is embedded so every HTML file is fully standalone.
   ============================================================ */
:root{
  --ink:#123B63; --ink-2:#0D3153; --paper:#FFFFFF; --paper-2:#FFF8F2;
  --orange:#F28C28; --orange-soft:#FFF0E1; --muted:#5E7183;
  --line:rgba(18,59,99,.13); --line-dark:rgba(255,255,255,.14);
  --white:#fff; --header-h:88px; --radius:28px; --radius-sm:18px;
  --shadow:0 30px 90px rgba(13,49,83,.12);
  --ease:cubic-bezier(.2,.75,.2,1); --max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;overflow-x:hidden}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{color:inherit}
::selection{background:var(--orange);color:var(--ink)}
.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.section{padding:110px 0}
.section-tight{padding:72px 0}
.section-light{background:var(--paper)}
.section-soft{background:var(--paper-2)}
.section-dark{background:var(--ink);color:var(--white)}
.section-deep{background:var(--ink-2);color:var(--white)}
.section-orange{background:var(--orange);color:var(--ink)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,90px);align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.kicker:before{content:"";width:34px;height:1px;background:currentColor}
.section-dark .kicker,.section-deep .kicker{color:rgba(255,255,255,.58)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.74);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(242,140,40,.1)}
h1,h2,h3,h4{margin:0;line-height:1.02;letter-spacing:-.045em}
h1{font-size:clamp(52px,7.2vw,106px);font-weight:850}
h2{font-size:clamp(38px,5vw,68px);font-weight:840}
h3{font-size:clamp(22px,2.3vw,32px)}
p{margin:0 0 18px}
.lead{font-size:clamp(18px,1.7vw,23px);color:var(--muted);max-width:740px}
.section-dark .lead,.section-deep .lead{color:rgba(255,255,255,.66)}
.muted{color:var(--muted)}
.text-orange{color:var(--orange)}
.text-outline{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}
.btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 24px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.02em;overflow:hidden;transition:transform .28s var(--ease),box-shadow .28s}
.btn:before{content:"";position:absolute;inset:100% 0 auto;height:100%;background:var(--white);z-index:-1;transition:transform .38s var(--ease)}
.btn:hover:before{transform:translateY(-100%)}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--orange);color:var(--ink)}
.btn-primary:hover{box-shadow:0 16px 44px rgba(242,140,40,.22)}
.btn-dark{background:var(--ink);color:var(--white)}
.btn-dark:hover{color:var(--ink)}
.btn-ghost{border-color:rgba(255,255,255,.24);color:var(--white)}
.btn-ghost:before{background:rgba(255,255,255,.1)}
.btn-outline{border-color:rgba(18,59,99,.24);color:var(--ink)}
.btn-outline:before{background:var(--ink)}
.btn-outline:hover{color:var(--white)}
.tag{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.section-dark .tag,.section-deep .tag{border-color:var(--line-dark);color:rgba(255,255,255,.62)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border:1px solid var(--line);border-radius:var(--radius);padding:30px;background:var(--white);transition:transform .35s var(--ease),box-shadow .35s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.card-index{display:flex;align-items:center;justify-content:space-between;margin-bottom:54px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.card h3{margin-bottom:14px}
.card p{color:var(--muted)}
.dark-card{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.12);color:var(--white)}
.dark-card p{color:rgba(255,255,255,.58)}
.icon-badge{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--orange-soft);color:var(--ink);font-weight:900}
.image-shell{position:relative;overflow:hidden;border-radius:var(--radius);background:
 radial-gradient(circle at 70% 25%,rgba(242,140,40,.30),transparent 28%),
 linear-gradient(135deg,var(--ink-2),var(--ink));min-height:520px;box-shadow:var(--shadow)}
.image-shell:before{content:"IMAGE / VIDEO";position:absolute;inset:auto 24px 22px;color:rgba(255,255,255,.62);font-size:10px;font-weight:800;letter-spacing:.15em}
.image-shell:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-90px;top:70px}
.image-shell img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.check-list{display:grid;gap:14px;padding:0;margin:28px 0 0;list-style:none}
.check-list li{display:grid;grid-template-columns:30px 1fr;gap:12px;align-items:start}
.check-list li:before{content:"✓";width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--orange-soft);color:var(--ink);font-size:12px;font-weight:900}
.section-dark .check-list li:before,.section-deep .check-list li:before{background:var(--orange);color:var(--ink)}
.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:28px 22px;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat small{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.stat strong{display:block;margin-top:7px;font-size:clamp(20px,2vw,30px)}
.table-like{border-top:1px solid var(--line)}
.table-row{display:grid;grid-template-columns:90px minmax(190px,.7fr) 1.3fr;gap:28px;padding:24px 0;border-bottom:1px solid var(--line);align-items:start}
.table-row .num{color:var(--orange);font-size:12px;font-weight:900}
.table-row h3{font-size:22px}
.table-row p{margin:0;color:var(--muted)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.17);margin-top:56px}
.step{padding:28px 28px 0 0}
.step .dot{width:10px;height:10px;margin-top:-34px;margin-bottom:28px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 8px rgba(242,140,40,.12)}
.step small{color:var(--orange);font-weight:800;letter-spacing:.12em}
.step h3{margin:12px 0;font-size:24px}
.step p{color:rgba(255,255,255,.58);font-size:14px}
.quote-band{padding:54px 0;background:var(--orange);color:var(--ink)}
.quote-band p{font-size:clamp(30px,4vw,58px);font-weight:850;line-height:1;letter-spacing:-.055em;margin:0}
.faq{border-top:1px solid rgba(255,255,255,.14)}
.faq details{border-bottom:1px solid rgba(255,255,255,.14)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:24px 0;font-size:clamp(17px,1.7vw,23px);font-weight:800}
.faq summary::-webkit-details-marker{display:none}
.faq summary span{color:var(--orange);transition:transform .3s}
.faq details[open] summary span{transform:rotate(45deg)}
.faq details div{padding:0 50px 24px 0;color:rgba(255,255,255,.58)}
.breadcrumbs{display:flex;gap:10px;flex-wrap:wrap;color:rgba(255,255,255,.48);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.breadcrumbs span{color:var(--orange)}
.hero{position:relative;overflow:hidden;padding:calc(var(--header-h) + 92px) 0 92px;background:var(--ink);color:var(--white)}
.hero:before{content:"";position:absolute;inset:0;background-image:
 linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
 linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:92px 92px;mask-image:linear-gradient(#000,transparent 92%)}
.hero:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-100px;top:35px;background:var(--orange);filter:blur(120px);opacity:.11}
.hero .container{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.64fr);gap:60px;align-items:end}
.hero h1{margin:24px 0 28px}
.hero .lead{color:rgba(255,255,255,.66)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hero-side{border-left:1px solid rgba(255,255,255,.15);padding-left:38px}
.hero-side .template-badge{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.hero-side p{margin-top:26px;color:rgba(255,255,255,.56)}
.header-template-name{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--orange);font-size:8px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}


/* CTA */
.appointment{position:relative;overflow:hidden}
.appointment:before{content:"ASSESS · RESTORE · RELOAD · RETURN";position:absolute;white-space:nowrap;left:-2%;top:10px;font-size:clamp(58px,9vw,150px);font-weight:900;letter-spacing:-.06em;color:rgba(18,59,99,.06)}
.appointment-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.appointment-card{padding:32px;border-radius:var(--radius);background:var(--ink);color:white}
.appointment-card p{color:rgba(255,255,255,.62)}
.appointment-links{display:grid;gap:10px;margin-top:24px}
.appointment-links a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.13);font-size:13px}

/* FOOTER */
.site-footer{background:#092A47;color:white;padding:70px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:70px}
.footer-brand .brand{margin-bottom:24px}
.footer-brand p{max-width:430px;color:rgba(255,255,255,.56)}
.footer-title{margin-bottom:20px;color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
.footer-links a,.footer-contact a,.footer-contact p{color:rgba(255,255,255,.67);font-size:13px;margin:0 0 9px}
.footer-links a:hover,.footer-contact a:hover{color:var(--orange)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:52px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font-size:10px}
.whatsapp{position:fixed;z-index:900;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-weight:900;box-shadow:0 14px 40px rgba(0,0,0,.2)}

/* VIDEO */
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-card{border-radius:var(--radius);overflow:hidden;background:var(--ink-2);color:white;border:1px solid rgba(255,255,255,.1)}
.video-placeholder{position:relative;aspect-ratio:16/10;background:
 radial-gradient(circle at 72% 25%,rgba(242,140,40,.28),transparent 25%),
 linear-gradient(135deg,#0D3153,#123B63)}
.video-placeholder:before{content:"▶";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:22px;padding-left:4px}
.video-placeholder:after{content:"REPLACE WITH YOUTUBE / VIMEO EMBED";position:absolute;left:18px;bottom:14px;color:rgba(255,255,255,.5);font-size:8px;font-weight:800;letter-spacing:.1em}
.video-placeholder iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-meta{padding:22px}
.video-meta small{color:var(--orange);font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.video-meta h3{margin-top:8px;font-size:21px}

/* GALLERY */
.gallery-tools{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:34px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filter{border:1px solid var(--line);background:white;border-radius:999px;padding:9px 14px;color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}
.filter.active{background:var(--ink);color:white;border-color:var(--ink)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.gallery-item{position:relative;min-height:300px;border-radius:24px;overflow:hidden;background:
 radial-gradient(circle at 20% 20%,rgba(242,140,40,.24),transparent 26%),
 linear-gradient(145deg,#fff0e1,#f6d4b3);cursor:pointer}
.gallery-item:nth-child(6n+1){grid-column:span 7;min-height:460px}
.gallery-item:nth-child(6n+2){grid-column:span 5;min-height:460px}
.gallery-item:nth-child(6n+3),.gallery-item:nth-child(6n+4),.gallery-item:nth-child(6n+5){grid-column:span 4}
.gallery-item:nth-child(6n+6){grid-column:span 12;min-height:420px}
.gallery-item img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.gallery-item:before{content:"MEDIA IMAGE";position:absolute;left:18px;bottom:16px;z-index:2;padding:7px 10px;border-radius:999px;background:rgba(13,49,83,.8);color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em}
.gallery-item:after{content:"↗";position:absolute;right:18px;top:18px;z-index:2;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-weight:900}
.lightbox{display:none;position:fixed;z-index:2000;inset:0;background:rgba(5,23,39,.92);padding:36px}
.lightbox.open{display:grid;place-items:center}
.lightbox-inner{width:min(1100px,100%);height:min(760px,80vh);border-radius:24px;background:linear-gradient(135deg,#123B63,#0D3153);position:relative}
.lightbox-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:0;border-radius:50%;background:var(--orange);font-size:20px;font-weight:900;cursor:pointer}

/* BLOG */
.blog-hero{padding-bottom:70px}
.blog-hero h1{max-width:1100px;font-size:clamp(48px,6.5vw,92px);line-height:.93}
.blog-meta-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:30px;color:rgba(255,255,255,.55);font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.blog-cover{height:min(68vw,720px);margin-top:-1px;background:
 radial-gradient(circle at 70% 35%,rgba(242,140,40,.28),transparent 25%),
 linear-gradient(135deg,#fff0e1,#f2c99e);position:relative;overflow:hidden}
.blog-cover:after{content:"FEATURED BLOG IMAGE";position:absolute;left:32px;bottom:28px;padding:8px 12px;background:rgba(18,59,99,.85);border-radius:999px;color:white;font-size:9px;font-weight:900;letter-spacing:.13em}
.blog-cover img{width:100%;height:100%;object-fit:cover}
.article-layout{display:grid;grid-template-columns:260px minmax(0,760px) 230px;justify-content:center;gap:52px;align-items:start}
.toc,.article-aside{position:sticky;top:120px}
.toc h4,.article-aside h4{margin-bottom:18px;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.toc a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}
.article-body{font-size:18px;line-height:1.85;color:#284B69}
.article-body h2{margin:58px 0 22px;font-size:clamp(32px,4vw,48px);color:var(--ink)}
.article-body h3{margin:40px 0 16px;color:var(--ink)}
.article-body ul{padding-left:22px}
.article-body blockquote{margin:42px 0;padding:28px 30px;border-left:4px solid var(--orange);background:var(--paper-2);color:var(--ink);font-size:24px;font-weight:750;line-height:1.45}
.author-card{padding:22px;border-radius:22px;background:var(--paper-2)}
.author-avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:white;font-weight:900;margin-bottom:14px}
.author-card p{font-size:12px;color:var(--muted)}
.share-links{display:flex;gap:8px;margin-top:16px}
.share-links a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:10px;font-weight:900}

/* RESPONSIVE */
@media(max-width:1180px){
  .header-contact,.header-template-name{display:none}
  .primary-nav{gap:11px}
  .primary-nav a{font-size:9px}
  .article-layout{grid-template-columns:210px minmax(0,720px)}
  .article-aside{display:none}
}
@media(max-width:980px){
  :root{--header-h:76px}
  .container{width:min(100% - 38px,var(--max))}
  .hero{padding-top:calc(var(--header-h) + 70px)}
  .hero-grid,.grid-2,.appointment-grid{grid-template-columns:1fr}
  .hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:28px 0 0}
  .cards,.grid-3,.video-grid{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr;row-gap:50px}
  .stat-strip{grid-template-columns:1fr 1fr}
  .stat:nth-child(2){border-right:0}
  .stat:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .table-row{grid-template-columns:54px 1fr}
  .table-row p{grid-column:2}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .article-layout{grid-template-columns:1fr}
  .toc{position:relative;top:auto;padding:22px;background:var(--paper-2);border-radius:20px}
  .gallery-item,.gallery-item:nth-child(n){grid-column:span 6;min-height:330px}
}
@media(max-width:650px){
  body{font-size:15px}
  .container{width:calc(100% - 30px)}
  .section{padding:82px 0}
  .section-tight{padding:58px 0}
  .brand-copy small{display:none}
  .hero{padding-bottom:68px}
  .hero h1{font-size:clamp(48px,16vw,72px)}
  h2{font-size:clamp(36px,12vw,52px)}
  .cards,.grid-3,.video-grid{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr;border-top:0;border-left:1px solid rgba(255,255,255,.17);padding-left:20px}
  .step .dot{margin:-2px 0 16px -25px}
  .stat-strip{grid-template-columns:1fr}
  .stat{border-right:0;border-bottom:1px solid var(--line)}
  .stat:last-child{border-bottom:0}
  .image-shell{min-height:400px}
  .footer-grid{grid-template-columns:1fr;gap:40px}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column}
  .gallery-tools{align-items:flex-start;flex-direction:column}
  .gallery-item,.gallery-item:nth-child(n){grid-column:span 12;min-height:320px}
  .article-body{font-size:16px}
  .blog-cover{height:460px}
}


/* WORDPRESS DYNAMIC BLOG */
.blog-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.blog-card{overflow:hidden;padding:0}
.blog-card-image{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,var(--orange-soft),#f2c99e);overflow:hidden}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.blog-card:hover .blog-card-image img{transform:scale(1.035)}
.blog-card-body{padding:28px}
.blog-card-meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.blog-card-body h2{font-size:clamp(25px,2.4vw,34px);margin-bottom:16px}
.blog-card-body p{color:var(--muted)}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin-top:48px}
.pagination .page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}
.pagination .current,.pagination a:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.article-body .wp-block-image,.article-body figure{margin:42px 0}
.article-body img{height:auto;border-radius:22px}
.article-body a{color:var(--ink);font-weight:800;background:linear-gradient(to top,rgba(242,140,40,.22) 42%,transparent 42%)}
.article-body blockquote{border-left:4px solid var(--orange);background:var(--paper-2)}
.article-body h2,.article-body h3{scroll-margin-top:120px}
.no-posts{padding:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2)}
@media(max-width:980px){.blog-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.blog-index-grid{grid-template-columns:1fr}}


/* ============================================================
   FINAL NAVY + ORANGE OVERRIDE
   Keeps Blog archive + Single Post free of inherited teal styles.
   Paste this AFTER any older theme/blog CSS when merging into style.css.
   ============================================================ */
body.blog, body.single-post, body.home.blog {
  --ink:#123B63 !important;
  --ink-2:#0D3153 !important;
  --paper:#FFFFFF !important;
  --paper-2:#FFF8F2 !important;
  --orange:#F28C28 !important;
  --orange-soft:#FFF0E1 !important;
  --muted:#5E7183 !important;
}
body.blog .hero, body.single-post .hero, body.home.blog .hero {
  background:#123B63 !important;
}
body.blog .hero:after, body.single-post .hero:after, body.home.blog .hero:after {
  background:#F28C28 !important;
}
body.blog .eyebrow-dot, body.single-post .eyebrow-dot,
body.blog .btn-primary, body.single-post .btn-primary,
body.blog .section-orange, body.single-post .section-orange,
body.blog .whatsapp, body.single-post .whatsapp {
  background:#F28C28 !important;
}
body.blog .section-soft, body.single-post .section-soft,
body.blog .author-card, body.single-post .author-card,
body.blog .toc, body.single-post .toc,
body.blog .no-posts, body.single-post .no-posts {
  background:#FFF8F2 !important;
}
body.blog .tag, body.single-post .tag {
  border-color:rgba(18,59,99,.13) !important;
}
body.blog .breadcrumbs span, body.single-post .breadcrumbs span,
body.blog .text-orange, body.single-post .text-orange,
body.blog .table-row .num, body.single-post .table-row .num {
  color:#F28C28 !important;
}
body.blog .article-body blockquote, body.single-post .article-body blockquote {
  border-left-color:#F28C28 !important;
  background:#FFF8F2 !important;
}
body.blog .article-body a, body.single-post .article-body a {
  color:#123B63 !important;
  background:linear-gradient(to top,rgba(242,140,40,.22) 42%,transparent 42%) !important;
}
body.blog .blog-card-image, body.single-post .blog-card-image {
  background:linear-gradient(135deg,#FFF0E1,#F2C99E) !important;
}
body.single-post .blog-cover {
  background:radial-gradient(circle at 70% 35%,rgba(242,140,40,.28),transparent 25%),linear-gradient(135deg,#FFF0E1,#F2C99E) !important;
}


/* ============================================================
   SINGLE BLOG PAGE — FINAL PREMIUM OVERRIDE
   Dr. Sandeep Hooda Website
   IMPORTANT: Paste this at the VERY END of style.css
============================================================ */


/* ============================================================
   1. FEATURED BLOG BANNER
   Medium size + left/right spacing
============================================================ */

body.single-post .blog-cover {
    position: relative;

    width: min(1050px, calc(100% - 64px));

    aspect-ratio: 3 / 2;
    height: auto;

    margin: 42px auto 0;

    overflow: hidden;

    border-radius: 26px;

    background: #eef3f7 !important;

    box-shadow: 0 18px 55px rgba(13, 49, 83, 0.10);
}


/* Featured Image */
body.single-post .blog-cover img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;
    object-position: center center;
}


/* Featured Blog Image Label */
body.single-post .blog-cover::after {

    content: "FEATURED BLOG IMAGE";

    position: absolute;

    left: 22px;
    bottom: 20px;

    padding: 7px 12px;

    border-radius: 999px;

    background: rgba(13, 49, 83, 0.92);

    color: #ffffff;

    font-size: 8px;
    line-height: 1;

    font-weight: 800;

    letter-spacing: 0.12em;

    text-transform: uppercase;

}


/* ============================================================
   2. MAIN ARTICLE LAYOUT
   Left TOC | Article | Author
============================================================ */

body.single-post .article-layout {

    width: min(1240px, calc(100% - 64px));

    margin-inline: auto;

    padding-top: 72px;
    padding-bottom: 90px;

    display: grid;

    grid-template-columns:
        220px
        minmax(0, 720px)
        240px;

    justify-content: center;

    gap: 45px;

    align-items: start;
}


/* ============================================================
   3. LEFT — ON THIS PAGE
   Dark premium card
============================================================ */

body.single-post .toc {

    position: sticky;
    top: 115px;

    padding: 24px 20px;

    border-radius: 20px;

    background: #0D3153 !important;

    border: 1px solid rgba(18, 59, 99, 0.12);

    box-shadow:
        0 14px 38px rgba(13, 49, 83, 0.12);

    max-height: calc(100vh - 145px);

    overflow-y: auto;

}


/* TOC Heading */
body.single-post .toc h4 {

    margin: 0 0 18px;

    padding-bottom: 14px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.16);

    color: #F28C28;

    font-size: 10px;

    line-height: 1.3;

    font-weight: 800;

    letter-spacing: 0.11em;

    text-transform: uppercase;

}


/* Remove old left line */
body.single-post .toc-nav {

    display: flex;

    flex-direction: column;

    border-left: 0;

    gap: 0;

}


/* TOC Links */
body.single-post .toc-nav a {

    position: relative;

    display: block;

    padding: 10px 8px;

    border-bottom:
        1px solid rgba(255, 255, 255, 0.10);

    color: rgba(255, 255, 255, 0.72);

    background: transparent !important;

    font-size: 11px;

    line-height: 1.45;

    font-weight: 500;

    text-decoration: none;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        padding-left 0.25s ease;

}


/* Main H2 Links */
body.single-post .toc-nav .toc-main-item {
    font-weight: 600;
}


/* H3 Links */
body.single-post .toc-nav .toc-sub-item {

    padding-left: 18px;

    font-size: 10px;

    color: rgba(255, 255, 255, 0.55);

}


/* Hover */
body.single-post .toc-nav a:hover {

    padding-left: 13px;

    color: #ffffff;

    background:
        rgba(255, 255, 255, 0.07) !important;

}


/* Don't show old indicator */
body.single-post .toc-nav a::before {
    display: none;
}


/* Last Item */
body.single-post .toc-nav a:last-child {
    border-bottom: 0;
}


/* Custom scrollbar */
body.single-post .toc::-webkit-scrollbar {
    width: 4px;
}

body.single-post .toc::-webkit-scrollbar-track {
    background: transparent;
}

body.single-post .toc::-webkit-scrollbar-thumb {

    background: rgba(255, 255, 255, 0.22);

    border-radius: 20px;
}


/* ============================================================
   4. CENTER — ARTICLE CONTENT
============================================================ */

body.single-post .article-body {

    width: 100%;

    min-width: 0;

    color: #38566f;

    font-size: 17px;

    line-height: 1.82;

}


/* Paragraph */
body.single-post .article-body p {

    margin: 0 0 24px;

}


/* H2 */
body.single-post .article-body h2 {

    margin: 54px 0 20px;

    color: #123B63;

    font-size: clamp(30px, 3vw, 42px);

    line-height: 1.08;

    font-weight: 800;

    letter-spacing: -0.045em;

    scroll-margin-top: 125px;

}


/* Avoid too much spacing at beginning */
body.single-post .article-body > h2:first-child {
    margin-top: 0;
}


/* H3 */
body.single-post .article-body h3 {

    margin: 38px 0 15px;

    color: #123B63;

    font-size: clamp(21px, 2vw, 27px);

    line-height: 1.2;

    font-weight: 750;

    letter-spacing: -0.025em;

    scroll-margin-top: 125px;

}


/* Lists */
body.single-post .article-body ul,
body.single-post .article-body ol {

    margin: 8px 0 28px;

    padding-left: 23px;

}


body.single-post .article-body li {

    margin-bottom: 9px;

    padding-left: 3px;

}


/* Strong Text */
body.single-post .article-body strong {

    color: #123B63;

    font-weight: 750;

}


/* Links */
body.single-post .article-body a {

    color: #123B63 !important;

    font-weight: 700;

    text-decoration: underline;

    text-decoration-color: rgba(242, 140, 40, 0.75);

    text-underline-offset: 4px;

    background: none !important;

}


/* Images inside article */
body.single-post .article-body img {

    width: 100%;

    max-width: 100%;

    height: auto;

    margin: 36px 0;

    border-radius: 18px;

}


/* Gutenberg Images */
body.single-post .article-body figure,
body.single-post .article-body .wp-block-image {

    margin: 38px 0;

}


/* Block Quote */
body.single-post .article-body blockquote {

    margin: 40px 0;

    padding: 28px 30px;

    border-left: 4px solid #F28C28 !important;

    border-radius: 0 15px 15px 0;

    background: #FFF5EB !important;

    color: #123B63;

    font-size: 21px;

    line-height: 1.5;

    font-weight: 650;

}


/* ============================================================
   5. RIGHT — AUTHOR CARD
   Darker + more visible
============================================================ */

body.single-post .article-aside {

    display: block;

    position: sticky;

    top: 115px;

}


/* Author Card */
body.single-post .author-card {

    padding: 27px 23px 25px;

    border-radius: 20px;

    border: 1px solid rgba(13, 49, 83, 0.2);

    background: #123B63 !important;

    color: #ffffff;

    box-shadow:
        0 16px 42px rgba(13, 49, 83, 0.16);

}


/* Avatar */
body.single-post .author-avatar {

    width: 54px;
    height: 54px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 50%;

    background: #F28C28;

    color: #123B63;

    font-size: 14px;

    font-weight: 900;

    letter-spacing: 0.04em;

}


/* Doctor Name */
body.single-post .author-name {

    margin: 0 0 6px !important;

    color: #ffffff !important;

    font-size: 16px !important;

    line-height: 1.25;

    font-weight: 750 !important;

    letter-spacing: -0.02em !important;

    text-transform: none !important;

}


/* Designation */
body.single-post .author-designation {

    margin-bottom: 13px;

    color: #F28C28 !important;

    font-size: 11px;

    line-height: 1.45;

    font-weight: 750;

}


/* Description */
body.single-post .author-description,
body.single-post .author-card p {

    margin: 0 0 20px;

    color: rgba(255, 255, 255, 0.68) !important;

    font-size: 11px;

    line-height: 1.65;

}


/* Author CTA */
body.single-post .author-cta {

    display: inline-flex;

    align-items: center;

    padding: 9px 0 5px;

    border-bottom:
        1px solid rgba(242, 140, 40, 0.8);

    color: #ffffff !important;

    background: none !important;

    font-size: 11px;

    line-height: 1.4;

    font-weight: 700;

    text-decoration: none;

    transition:
        color 0.25s ease;

}


body.single-post .author-cta:hover {
    color: #F28C28 !important;
}


/* ============================================================
   6. TABLET — 1180px
============================================================ */

@media (max-width: 1180px) {

    body.single-post .blog-cover {

        width: min(1000px, calc(100% - 50px));

        height: clamp(340px, 43vw, 470px);

    }


    body.single-post .article-layout {

        width: min(960px, calc(100% - 50px));

        grid-template-columns:
            190px
            minmax(0, 1fr);

        gap: 38px;

    }


    /* IMPORTANT:
       Old CSS hides author card under 1180px.
       Override it and move it below article.
    */

    body.single-post .article-aside {

        display: block !important;

        grid-column: 2;

        position: relative;

        top: auto;

        width: min(100%, 420px);

        margin-top: 20px;

    }

}


/* ============================================================
   7. TABLET / MOBILE — 900px
============================================================ */

@media (max-width: 900px) {

    body.single-post .blog-cover {

        width: calc(100% - 38px);

        height: clamp(300px, 52vw, 420px);

        margin-top: 28px;

        border-radius: 20px;

    }


    body.single-post .article-layout {

        width: calc(100% - 38px);

        display: block;

        padding-top: 48px;
        padding-bottom: 70px;

    }


    /* TOC turns into normal card */

    body.single-post .toc {

        position: relative;

        top: auto;

        max-height: none;

        margin-bottom: 42px;

        padding: 23px;

        border-radius: 18px;

    }


    body.single-post .article-aside {

        display: block !important;

        position: relative;

        top: auto;

        width: 100%;

        margin-top: 55px;

    }


    body.single-post .author-card {

        max-width: 500px;

    }

}


/* ============================================================
   8. MOBILE — 650px
============================================================ */

@media (max-width: 650px) {

    body.single-post .blog-cover {

        width: calc(100% - 30px);

        height: 290px;

        margin-top: 22px;

        border-radius: 16px;

    }


    body.single-post .blog-cover::after {

        left: 14px;
        bottom: 14px;

        padding: 6px 9px;

        font-size: 7px;

    }


    body.single-post .article-layout {

        width: calc(100% - 30px);

        padding-top: 38px;
        padding-bottom: 60px;

    }


    body.single-post .toc {

        margin-bottom: 34px;

        padding: 20px 17px;

    }


    body.single-post .toc-nav a {

        padding: 9px 5px;

        font-size: 10.5px;

    }


    body.single-post .article-body {

        font-size: 16px;

        line-height: 1.75;

    }


    body.single-post .article-body h2 {

        margin-top: 42px;

        font-size: 29px;

    }


    body.single-post .article-body h3 {

        margin-top: 30px;

        font-size: 21px;

    }


    body.single-post .article-body blockquote {

        padding: 22px 20px;

        font-size: 18px;

    }


    body.single-post .author-card {

        padding: 24px 21px;

    }

}