/* =====================================================================
   KRITI V9 — production polish requested after live-site review
   - body copy: clean sans-serif typeface
   - main headings: Open Sans
   - subheadings / labels: Josefin Sans
   - homepage hero image fills the frame all the way to the right edge
   - clearer WhatsApp actions
   - removes styling hooks left behind by public placeholder badges
   ===================================================================== */
:root{
  --font-body:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --font-heading:"Open Sans",Arial,sans-serif;
  --font-subheading:"Josefin Sans",Arial,sans-serif;
  --sans:var(--font-body);
  --heading:var(--font-heading);
  --serif:var(--font-heading);
}

html,body{font-family:var(--font-body)!important}
body,p,a,li,button,input,select,textarea,label,.lead,.prose,.course-preview__intro,.course-showcase p,.footer-grid{
  font-family:var(--font-body)!important;
}

/* Main heading family */
h1,h2,.display,.quote,.home-film__copy .display,.sticky-title .display,.cta-band .display{
  font-family:var(--font-heading)!important;
  font-weight:600!important;
  letter-spacing:-.025em!important;
}

/* Supporting heading / subheading family */
h3,h4,h5,h6,.eyebrow,.process-list strong,.quick-card h3,.value-card h3,.why-card h3,
.course-showcase h2,.course-showcase h3,.course-card h3,.module strong,.contact-card strong,
.footer-label,.footer-brand strong,.faq-question span,.hero-tag strong,.nav-dropdown__menu strong,
.mobile-courses__head>a,.course-showcase__meta,.course-card__meta{
  font-family:var(--font-subheading)!important;
}

.eyebrow{
  font-weight:600!important;
  letter-spacing:.09em!important;
}

/* Home banner: the previous 108% image was capped by the global max-width:100%,
   which could expose the pink visual background at the far right. Fill the frame directly. */
.home-hero{width:100%;max-width:none;margin:0}
.home-hero__visual{overflow:hidden!important;margin-right:0!important}
.home-hero__visual img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center;
}

/* Keep visible public media clean even if an older template left an empty label hook. */
.process-visual__label,.placeholder-badge{display:none!important}

/* WhatsApp: more recognizable icon treatment and better tap targets. */
.wa-inline{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:max-content;
  min-height:44px;
  padding:8px 2px!important;
  color:#128c4b!important;
  font-weight:700!important;
}
.wa-inline svg{
  width:32px!important;
  height:32px!important;
  padding:6px;
  border-radius:50%;
  background:#25D366;
  fill:#fff!important;
  flex:0 0 32px;
  box-shadow:0 8px 18px rgba(37,211,102,.24);
}
.whatsapp-float{
  width:62px!important;
  height:62px!important;
  right:22px!important;
  bottom:22px!important;
  background:#25D366!important;
  border:2px solid rgba(255,255,255,.95);
  box-shadow:0 16px 38px rgba(20,110,65,.32)!important;
}
.whatsapp-float svg{width:31px!important;height:31px!important;fill:#fff!important}

/* Small consistency improvements found during the pass. */
.main-nav,.desktop-enquire,.mobile-nav{font-family:var(--font-body)!important}
.main-nav a{font-weight:700}
.contact-card strong{line-height:1.15}
.gallery-card__copy h3{line-height:1.12}
.course-showcase h2,.course-showcase h3{line-height:1.08}

@media(max-width:1050px){
  .home-hero__visual img{position:absolute!important;inset:0!important}
}
@media(max-width:700px){
  .whatsapp-float{width:56px!important;height:56px!important;right:16px!important;bottom:16px!important}
  .whatsapp-float svg{width:28px!important;height:28px!important}
  .wa-inline svg{width:30px!important;height:30px!important;flex-basis:30px}
}