/*
Theme Name: Nityaa Budhraja V11 — Typography & Alignment
Theme URI: https://www.nityaabudhraja.com
Author: Nityaa Budhraja
Description: Editable custom WordPress theme for Heal Your Life workshops, sessions, testimonials and writings.
Version: 11.0.1
Text Domain: nityaa-budhraja
*/
:root{--paper:#f8f3eb;--deep:#eee5d8;--ink:#27231f;--muted:#6e675f;--line:#d8cec0;--white:#fffdf9;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding-left:5vw;padding-right:5vw}
.site-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;background:rgba(248,243,235,.96);z-index:10}.brand{font-family:Georgia,serif;font-size:1.4rem}.nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:.84rem}
.hero{min-height:680px;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;padding-top:72px;padding-bottom:72px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.68rem;color:var(--muted);font-weight:bold}.hero h1,.section-title{font-family:Georgia,serif;font-weight:normal;line-height:1.05;letter-spacing:-.04em}.hero h1{font-size:clamp(4.2rem,8vw,7.6rem);margin:14px 0 25px}.section-title{font-size:clamp(2.8rem,5vw,5rem);margin:10px 0 42px}.lead{max-width:610px;color:var(--muted);font-size:1.05rem}.actions{display:flex;gap:25px;align-items:center;margin-top:30px}.btn{display:inline-block;border:1px solid var(--ink);border-radius:999px;padding:12px 22px}.btn.dark{background:var(--ink);color:#fff}.hero-photo{height:550px;background:var(--deep);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted)}.hero-photo img,.photo-box img{width:100%;height:100%;object-fit:cover}
.band{background:var(--ink);color:#fff;text-align:center;padding:28px 5vw}.band strong{font-family:Georgia,serif;font-size:1.4rem;font-weight:normal}.band small{display:block;opacity:.65;letter-spacing:.08em;margin-top:5px}
section{padding-top:105px;padding-bottom:105px}.intro{text-align:center;max-width:900px}.intro p:last-child{max-width:690px;margin:25px auto;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.card{background:var(--paper);padding:40px;min-height:390px}.card.featured{background:var(--white)}.card h3,.post-card h3{font-family:Georgia,serif;font-size:1.8rem;font-weight:normal}.card p,.card li{color:var(--muted);font-size:.9rem}.card ul{padding-left:18px}
.alt{background:var(--deep)}.workshop{display:grid;grid-template-columns:140px 1fr auto;gap:30px;align-items:center;padding:30px 0;border-top:1px solid var(--line)}.workshop:last-child{border-bottom:1px solid var(--line)}.workshop-date{font-family:Georgia,serif;font-size:1.55rem}.workshop h3{font-family:Georgia,serif;font-size:1.65rem;margin:0}.workshop p{color:var(--muted);margin:6px 0}
.about-grid,.louise-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.photo-box{min-height:580px;background:var(--deep);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden}.copy p{color:var(--muted);white-space:pre-line}
.dark-section{background:var(--ink);color:#fff}.dark-section .eyebrow,.dark-section p{color:#c9c0b6}.cred{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.cred h3{font-family:Georgia,serif;font-weight:normal;font-size:1.5rem}.quote{font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.5rem);line-height:1.18;border-left:1px solid var(--line);padding-left:55px}
.testimonials,.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.testimonial,.post-card{background:var(--white);padding:35px}.testimonial blockquote{font-family:Georgia,serif;font-size:1.35rem;margin:0}.testimonial cite{display:block;color:var(--muted);font-style:normal;font-size:.8rem;margin-top:20px}.video iframe{width:100%;aspect-ratio:16/9;border:0}
.post-card{border-top:1px solid var(--line);background:transparent}.post-card p{color:var(--muted)}.readmore{font-size:.85rem;font-weight:bold}.contact-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.small{font-size:.75rem;color:var(--muted)}
.footer{padding:50px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:.8rem}.entry{max-width:820px;margin:auto;padding:90px 5vw}.entry h1{font-family:Georgia,serif;font-size:clamp(2.8rem,6vw,5rem);font-weight:normal;line-height:1.08}.entry img{max-width:100%;height:auto}
@media(max-width:820px){.nav{display:none}.hero,.about-grid,.louise-grid,.contact-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-photo{height:430px}.cards,.cred,.testimonials,.posts-grid{grid-template-columns:1fr}.workshop{grid-template-columns:1fr}.photo-box{min-height:430px}.footer{flex-direction:column}}


/* About Nityaa: keep the image visually balanced when the biography becomes longer.
   This changes only the About section; the rest of V2 remains untouched. */
#about .about-grid{
  align-items: stretch;
}
#about .about-photo{
  height: 100%;
  min-height: 680px;
}
#about .about-photo img{
  width: 100%;
  height: 100%;
  min-height: 680px;
  object-fit: cover;
  object-position: center top;
  display: block;
}

@media (max-width: 900px){
  #about .about-photo,
  #about .about-photo img{
    min-height: 0;
    height: auto;
  }
  #about .about-photo img{
    object-fit: contain;
  }
}


/* About Nityaa editorial reformat:
   portrait centered beneath the section heading, biography below at a readable width.
   Scoped only to #about. */
#about .about-grid{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 48px !important;
}
#about .about-photo{
  width: min(520px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
}
#about .about-photo img{
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  display: block !important;
}
#about .about-copy{
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
}
@media (max-width: 900px){
  #about .about-grid{ gap: 32px !important; }
  #about .about-photo,
  #about .about-copy{ width: 100% !important; }
}


/* Corrected About Nityaa layout — matches actual V2 markup */
#about.about-grid{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 42px !important;
}
#about .photo-box{
  width: min(560px, 100%) !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  order: 2 !important;
}
#about .photo-box img{
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  object-fit: contain !important;
  display: block !important;
}
#about .copy{
  width: min(760px, 100%) !important;
  margin: 0 auto !important;
  order: 1 !important;
}
#about .copy p{
  white-space: pre-line;
}
@media (max-width: 900px){
  #about.about-grid{gap:28px !important;}
  #about .photo-box,
  #about .copy{width:100% !important;}
}

/* V6 surgical fixes */
.brand-heart{font-family:Georgia,serif;font-size:.78em;vertical-align:.08em;margin-left:.14em}
#about.about-stack{display:block!important}
#about .about-heading{max-width:760px;margin:0 auto 34px}
#about .photo-box{
  display:block!important;width:380px!important;max-width:380px!important;
  height:auto!important;min-height:0!important;margin:0 auto 40px!important;
  padding:0!important;background:transparent!important;overflow:visible!important
}
#about .photo-box img{
  display:block!important;width:380px!important;max-width:100%!important;
  height:auto!important;min-height:0!important;object-fit:contain!important;margin:0 auto!important
}
#about .about-body{max-width:760px;margin:0 auto}
#about .about-body p{margin:0;color:var(--muted);white-space:normal}
@media(max-width:520px){
  #about .photo-box{width:88%!important;max-width:380px!important}
  #about .photo-box img{width:100%!important}
}


/* V7 — Training & Approach uses the supplied Heal Your Life heart image */
#credentials{
  position:relative;
  background:
    linear-gradient(rgba(28,9,63,.48),rgba(28,9,63,.48)),
    url("assets/heal-your-life-heart-background.jpg") center center / cover no-repeat !important;
  color:#fff !important;
  overflow:hidden;
}
#credentials .eyebrow,
#credentials .section-title,
#credentials h2,
#credentials h3,
#credentials p,
#credentials .small{
  color:#fff !important;
}
#credentials .cred > div{
  border-color:rgba(255,255,255,.45) !important;
}

/* V7 — Louise Hay section with editable photograph */
#louise.louise-section{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:7vw;
  align-items:start;
}
#louise .louise-copy p{
  color:var(--muted);
  white-space:pre-line;
}
#louise .louise-visual{
  display:flex;
  flex-direction:column;
  gap:34px;
}
#louise .louise-photo{
  width:100%;
  min-height:360px;
  background:#eee7dc;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  color:var(--muted);
  text-align:center;
}
#louise .louise-photo img{
  display:block;
  width:100%;
  height:auto;
  max-height:520px;
  object-fit:cover;
}
#louise .quote{
  border-left:1px solid var(--line);
  padding:8px 0 8px 42px;
}
@media(max-width:820px){
  #louise.louise-section{grid-template-columns:1fr}
  #louise .louise-photo{min-height:300px}
}

/* V10 section-layout corrections */
.intro{padding-top:90px!important;padding-bottom:90px!important}
#work{padding-top:90px!important;padding-bottom:100px!important}
#credentials{padding:0!important}
#credentials>.wrap{padding-top:82px!important;padding-bottom:82px!important}
#credentials .section-title{max-width:780px;margin-bottom:42px}
#credentials .small{max-width:760px;margin-top:34px}
#louise.louise-section{
  padding-top:100px!important;padding-bottom:100px!important;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;
  gap:72px!important;align-items:start!important
}
#louise .louise-copy{max-width:700px}
#louise .louise-copy p{font-size:18px;line-height:1.65}
#louise .louise-visual{gap:28px}
#louise .quote{font-size:clamp(30px,3.1vw,52px)!important;line-height:1.08!important}
#louise .quote small{font-size:.72em!important}
@media(max-width:820px){
 .intro,#work{padding-top:64px!important;padding-bottom:64px!important}
 #credentials>.wrap{padding-top:64px!important;padding-bottom:64px!important}
 #louise.louise-section{padding-top:70px!important;padding-bottom:70px!important;grid-template-columns:1fr!important;gap:44px!important}
}

/* V11 — one consistent typography + alignment system across the site */
:root{
  --v11-wrap:1180px;
  --v11-copy:760px;
  --v11-serif:Georgia,"Times New Roman",serif;
  --v11-sans:Arial,Helvetica,sans-serif;
}
.wrap{
  width:min(var(--v11-wrap),calc(100% - 96px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body{font-family:var(--v11-sans);line-height:1.55}
h1,h2,h3,.section-title,.brand,.quote,.card h3,.cred h3{
  font-family:var(--v11-serif)!important;
  font-weight:400!important;
  letter-spacing:-.025em;
}
.eyebrow{
  font-family:var(--v11-sans)!important;
  font-size:12px!important;
  line-height:1.3!important;
  letter-spacing:.16em!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}
.section-title{
  font-size:clamp(48px,5.1vw,78px)!important;
  line-height:1.02!important;
  margin-top:0!important;
}
p{font-size:17px;line-height:1.65}
.hero,.intro,#work,#upcoming,#testimonials,#about,#credentials,#louise,#writings,#contact{
  box-sizing:border-box;
}
.intro,#work,#upcoming,#testimonials,#about,#louise,#writings,#contact{
  padding-top:96px!important;
  padding-bottom:96px!important;
}
.intro .section-title,.intro>p{max-width:var(--v11-copy);margin-left:auto!important;margin-right:auto!important}
#work .section-title,#upcoming .section-title,#testimonials .section-title,#writings .section-title{
  max-width:980px;
}
#work .cards{margin-top:52px!important}
#work .card h3{
  font-size:34px!important;
  line-height:1.12!important;
  margin:0 0 24px!important;
}
#work .card p{font-size:16px!important;line-height:1.6!important}
#about .about-heading,#about .about-body{max-width:var(--v11-copy)!important}
#about .about-heading{margin-bottom:36px!important}
#about .about-body p{font-size:17px!important;line-height:1.72!important}
#credentials>.wrap{
  width:min(var(--v11-wrap),calc(100% - 96px))!important;
  padding-top:88px!important;padding-bottom:88px!important;
}
#credentials .section-title{
  max-width:900px!important;
  font-size:clamp(44px,4.5vw,68px)!important;
  line-height:1.04!important;
}
#credentials .cred{align-items:start!important}
#credentials .cred h3{
  font-size:27px!important;
  line-height:1.2!important;
  letter-spacing:-.015em!important;
}
#louise.louise-section{
  width:min(var(--v11-wrap),calc(100% - 96px))!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:80px!important;
  align-items:start!important;
}
#louise .louise-copy{max-width:660px!important}
#louise .louise-copy .section-title{
  font-size:clamp(48px,5vw,76px)!important;
}
#louise .louise-copy p{font-size:17px!important;line-height:1.7!important}
#louise .quote{
  font-family:var(--v11-serif)!important;
  font-size:clamp(29px,2.6vw,43px)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  padding-left:34px!important;
}
#louise .quote small{
  font-family:var(--v11-serif)!important;
  font-size:.7em!important;
}
#contact .section-title,#contact>p{max-width:var(--v11-copy)}
.entry{width:min(900px,calc(100% - 96px))!important;margin-left:auto!important;margin-right:auto!important}
.entry h1{font-size:clamp(48px,5vw,76px)!important;line-height:1.04!important}
.entry p{font-size:17px!important;line-height:1.7!important}

@media(max-width:820px){
  .wrap,#credentials>.wrap,#louise.louise-section{
    width:min(100% - 40px,var(--v11-wrap))!important;
  }
  .intro,#work,#upcoming,#testimonials,#about,#louise,#writings,#contact{
    padding-top:68px!important;padding-bottom:68px!important;
  }
  #credentials>.wrap{padding-top:68px!important;padding-bottom:68px!important}
  #louise.louise-section{grid-template-columns:1fr!important;gap:44px!important}
  #work .card h3{font-size:30px!important}
}

/* V11.0.1 — requested section order and centered About/Louise copy */
#about .about-heading,
#about .about-body{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#louise .louise-copy{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#louise .louise-copy .section-title,
#louise .louise-copy p,
#louise .louise-copy .eyebrow{
  text-align:center!important;
}