/* TMS cobalt normalize — enqueued so 10Web loads it reliably on ALL .post-cobalt pages
   (fixes pages where the inline cobalt-enhance style is stripped by 10Web runtime). 8 Jul 2026. */
.post-cobalt{max-width:940px;padding-top:32px;}
/* HERO band: first H1 becomes a navy hero on every cobalt page */
.post-cobalt h1{
  background:linear-gradient(135deg,#15446A 0%,#1d5a8a 100%)!important;color:#fff!important;
  margin:0 0 8px!important;padding:40px 36px!important;border-radius:16px!important;
  font-size:clamp(28px,4vw,42px)!important;line-height:1.15!important;text-transform:capitalize;
  box-shadow:0 8px 30px rgba(20,68,106,.18);
}
/* the sub-headline right under the hero (first H2) reads as a lead-in, not a section */
.post-cobalt h1 + h2{color:#1d5a8a!important;border-top:none!important;padding-top:0!important;margin-top:18px!important;font-size:clamp(20px,2.4vw,26px)!important;}
/* consistent section headings + visual separation between sections */
.post-cobalt h2,
.post-cobalt .elementor-heading-title,
.post-cobalt > .twbb_cta-title{
  font-size:clamp(22px,2.6vw,30px)!important;line-height:1.25!important;color:#15446A!important;
  font-weight:600!important;margin:0 0 18px!important;padding-top:36px!important;margin-top:44px!important;
  border-top:1px solid #E4E8EF;
}
.post-cobalt h1 + h2,
.post-cobalt h2:first-of-type{border-top:none!important;padding-top:0!important;margin-top:8px!important;}
.post-cobalt h3,
.post-cobalt .elementor-icon-box-title{font-size:clamp(17px,2vw,20px)!important;line-height:1.3!important;color:#15446A!important;font-weight:600!important;margin-top:22px!important;}
.post-cobalt h4,
.post-cobalt .elementor-heading-title h4{font-size:18px!important;color:#15446A!important;}
.post-cobalt p,.post-cobalt li{font-size:16px!important;line-height:1.7!important;}
/* icon-box descriptions -> cards (the "Complete India Setup" + "Why Choose" blocks) */
.post-cobalt .elementor-icon-box-description{
  background:#fff;border:1px solid #E4E8EF;border-radius:10px;padding:14px 18px;margin:10px 0!important;
  box-shadow:0 1px 2px rgba(20,68,106,.04);color:#374151!important;
}
/* lists look tidier */
.post-cobalt ul,.post-cobalt ol{background:#fff;border:1px solid #EEF1F5;border-radius:10px;padding:18px 22px 18px 40px;}
.post-cobalt ul li,.post-cobalt ol li{margin-bottom:8px;}
/* "Why Choose" sub-heading (h4) centered */
.post-cobalt h4{text-align:center;margin-top:8px!important;color:#1d5a8a!important;}
/* CTA title band (e.g. "Register your company in India") */
.post-cobalt .twbb_cta-title{background:linear-gradient(135deg,#15446A,#1d5a8a)!important;color:#fff!important;text-align:center;border:none!important;border-radius:14px!important;padding:28px 24px!important;margin-top:40px!important;}
/* gold accent bar under each section heading for rhythm (skip the hero sub-headline) */
.post-cobalt h2:not(:first-of-type){position:relative;}
.post-cobalt h2:not(:first-of-type)::after{content:"";display:block;width:54px;height:3px;background:#d4a23c;border-radius:2px;margin-top:10px;}
/* form area */
.post-cobalt .tms-cobalt-formwrap{margin-top:24px;background:#fff;border:1px solid #E4E8EF;border-radius:14px;padding:28px;box-shadow:0 6px 24px rgba(20,68,106,.08);}
.post-cobalt .tms-subtitle{color:#6b7280!important;margin-bottom:8px!important;}
.post-cobalt .tms-cobalt-formwrap input,.post-cobalt .tms-cobalt-formwrap textarea,.post-cobalt .tms-cobalt-formwrap select{border-radius:8px!important;}
/* converted pages whose content renders inside an Elementor text-editor widget
   (scoped to .tmsc-converted so genuine Elementor pages are untouched) */
.tmsc-converted .elementor-widget-text-editor h2{font-size:clamp(22px,2.6vw,30px)!important;line-height:1.25!important;color:#15446A!important;font-weight:600!important;margin-top:44px!important;padding-top:34px!important;border-top:1px solid #E4E8EF;position:relative;}
.tmsc-converted .elementor-widget-text-editor h2:first-child{border-top:none!important;padding-top:0!important;margin-top:8px!important;}
.tmsc-converted .elementor-widget-text-editor h2::after{content:"";display:block;width:54px;height:3px;background:#d4a23c;border-radius:2px;margin-top:10px;}
.tmsc-converted .elementor-widget-text-editor h2:first-child::after{display:none;}
.tmsc-converted .elementor-widget-text-editor h3{font-size:clamp(17px,2vw,20px)!important;line-height:1.3!important;color:#15446A!important;font-weight:600!important;margin-top:22px!important;}
.tmsc-converted .elementor-widget-text-editor ul,.tmsc-converted .elementor-widget-text-editor ol{background:#fff;border:1px solid #EEF1F5;border-radius:10px;padding:18px 22px 18px 40px;}
.tmsc-converted .elementor-widget-text-editor li{margin-bottom:8px;}
/* TOP-GAP FIX (10 Jul 2026): cobalt pages had ~156px gap under the nav —
   theme main gets margin-top:var(--spacing-60)=70px AND the first block-group
   adds padding-top:70px on top of it. Zero the main margin, trim the group pad.
   Scoped to body:has(.post-cobalt) so Elementor money pages (no .post-cobalt
   element) are untouched — verified /eor-in-india/ stays flush at 0px. */
body:has(.post-cobalt) main{margin-top:0!important;}
body:has(.post-cobalt) main > .wp-block-group{padding-top:32px!important;}