/* Worklance R113 — Home-style unified premium visual system */
:root{
  --r113-navy:#0b2f5b;
  --r113-navy-2:#143f70;
  --r113-text:#153b64;
  --r113-muted:#6f829a;
  --r113-orange:#ff6533;
  --r113-line:#dbe6f1;
  --r113-bg:#f7faff;
  --r113-card:#ffffff;
  --r113-shadow:0 18px 46px rgba(13,47,84,.08);
}

/* Global canvas — same family as Home */
body:not(.crm-body){
  background:
    radial-gradient(circle at 86% 7%,rgba(76,139,236,.10),transparent 30%),
    radial-gradient(circle at 8% 28%,rgba(255,101,51,.055),transparent 26%),
    linear-gradient(180deg,#fbfdff 0%,#f7faff 48%,#f8fbff 100%)!important;
  color:var(--r113-text)!important;
}
body:not(.crm-body) main{background:transparent!important;}

/* HOME-STYLE HERO MASTER — replace old dark/navy hero blocks */
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero){
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(75,139,236,.18),transparent 30%),
    radial-gradient(circle at 8% 82%,rgba(255,101,51,.09),transparent 27%),
    linear-gradient(180deg,#f9fcff 0%,#eef5ff 100%)!important;
  border:0!important;
  border-bottom:1px solid #e1eaf5!important;
  box-shadow:none!important;
  color:var(--r113-text)!important;
}
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero)::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background-image:
    linear-gradient(rgba(19,75,129,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(19,75,129,.028) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 84%)!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.5),transparent 84%)!important;
}
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) > *{position:relative;z-index:1;}

/* Hero text now matches Home */
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(h1,h2,h3,strong){
  color:#0b315d!important;
  text-shadow:none!important;
}
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(p,li,.lead,.hero-copy,.subtitle){
  color:#607690!important;
}
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(.hero-badge,.wlc-r83-kicker,.wlp-kicker,.wlx-kicker,[class*="badge"]){
  background:#fff4ee!important;
  border-color:rgba(255,101,51,.24)!important;
  color:#ef5d28!important;
}

/* Old dark hero panels become white glass cards */
body:not(.crm-body) :is(.wlc-r83-hero-panel,.employer-hero-card,.wlp-partner-hero-card,.wlp-partner-hero .wlp-card,.wlx-hero .wlx-trust-card,.wlx-hero [class*="trust"]){
  background:rgba(255,255,255,.88)!important;
  color:var(--r113-text)!important;
  border:1px solid rgba(205,220,237,.92)!important;
  box-shadow:var(--r113-shadow)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}
body:not(.crm-body) :is(.wlc-r83-hero-panel,.employer-hero-card,.wlp-partner-hero-card,.wlx-hero [class*="trust"]) :is(h2,h3,h4,strong){color:#123b67!important;}
body:not(.crm-body) :is(.wlc-r83-hero-panel,.employer-hero-card,.wlp-partner-hero-card,.wlx-hero [class*="trust"]) :is(p,li,span){color:#607690!important;}

/* Partner hero columns often use translucent navy cards */
body:not(.crm-body) .wlp-partner-hero-grid > :not(:first-child){
  color:var(--r113-text)!important;
}
body:not(.crm-body) .wlp-partner-hero-grid > :not(:first-child) > *{
  background:rgba(255,255,255,.90)!important;
  border-color:#d8e4f0!important;
  color:var(--r113-text)!important;
  box-shadow:var(--r113-shadow)!important;
}
body:not(.crm-body) .wlp-partner-hero-grid > :not(:first-child) :is(h2,h3,h4,strong){color:#113b67!important;}
body:not(.crm-body) .wlp-partner-hero-grid > :not(:first-child) :is(p,li,span){color:#617791!important;}

/* Buttons use same Home language */
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) a[class*="btn"],
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) button{
  border-radius:11px!important;
}
body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(.primary,.btn-primary,.wlc-r83-primary,.wlx-search-btn){
  background:linear-gradient(135deg,#ff713d,#ff5425)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(255,93,38,.22)!important;
}

/* Section rhythm = Home */
body:not(.crm-body) :is(section,.wlc-section,.wlr-section,.section){
  border-color:rgba(220,231,242,.65)!important;
}
body:not(.crm-body) :is(.wlc-section,.wlr-section,.section-alt,.alt-section,[class*="section-alt"]){
  background:rgba(247,250,255,.82)!important;
}

/* Generic content cards — soft glass + aurora corner light */
body:not(.crm-body) :is(
  .card,.feature-card,.service-card,.value-card,.process-card,.step-card,
  .industry-card,.resource-card,.integration-card,.success-card,.policy-card,
  .employer-card,.wlc-r83-card,.wlp-card,.wlr-card,.info-card,
  .about-card,.contact-card,.legal-card
){
  position:relative!important;
  background:
    radial-gradient(circle at 100% 0,rgba(94,126,255,.08),transparent 34%),
    #fff!important;
  border:1px solid var(--r113-line)!important;
  border-radius:18px!important;
  box-shadow:0 14px 36px rgba(13,47,84,.055)!important;
}
body:not(.crm-body) :is(
  .card,.feature-card,.service-card,.value-card,.process-card,.step-card,
  .industry-card,.resource-card,.integration-card,.success-card,.policy-card,
  .employer-card,.wlc-r83-card,.wlp-card,.wlr-card,.info-card,
  .about-card,.contact-card,.legal-card
):hover{
  border-color:rgba(69,124,215,.28)!important;
  box-shadow:0 22px 52px rgba(13,47,84,.10),0 0 36px rgba(96,124,255,.045)!important;
}

/* Headings and section labels */
body:not(.crm-body) :is(main,section) h1,
body:not(.crm-body) :is(main,section) h2,
body:not(.crm-body) :is(main,section) h3{color:#0d3159;}
body:not(.crm-body) :is(.section-kicker,.eyebrow,.kicker,[class*="kicker"],[class*="eyebrow"]){
  border-radius:999px!important;
  background:#fff4ee!important;
  color:#ef5d28!important;
  border:1px solid rgba(255,101,51,.22)!important;
}

/* Forms look like Home search surface */
body:not(.crm-body) :is(form,.form-card,.enquiry-card,.apply-form){
  border-radius:18px!important;
}
body:not(.crm-body) :is(input,select,textarea){
  background:#fff!important;
  border-color:#d7e3ef!important;
  color:#173c64!important;
}
body:not(.crm-body) :is(input,select,textarea):focus{
  border-color:#77a9e7!important;
  box-shadow:0 0 0 4px rgba(44,117,208,.10)!important;
}

/* CTA bands: keep premium contrast but use Home blue→orange spectrum */
body:not(.crm-body) :is(.cta-band,.wlr-cta,.wlc-r83-cta,.wlp-cta,.wlx-cta,.jobs-cta,[class*="cta-band"]){
  background:linear-gradient(115deg,#0b3e70 0%,#2469bd 52%,#ff6a31 115%)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 18px 46px rgba(15,55,96,.10)!important;
}
body:not(.crm-body) :is(.cta-band,.wlr-cta,.wlc-r83-cta,.wlp-cta,.wlx-cta,.jobs-cta,[class*="cta-band"]) :is(h2,h3,h4,strong){color:#fff!important;}
body:not(.crm-body) :is(.cta-band,.wlr-cta,.wlc-r83-cta,.wlp-cta,.wlx-cta,.jobs-cta,[class*="cta-band"]) :is(p,span){color:#d7e6f5!important;}

/* Jobs page — make top hero Home-like while keeping job grid functional */
body:not(.crm-body) .wlx-hero .wlx-hero-grid{align-items:center!important;}
body:not(.crm-body) .wlx-hero :is(.wlx-title,.wlx-title span){text-shadow:none!important;}
body:not(.crm-body) .wlx-hero .wlx-title span{color:var(--r113-orange)!important;}
body:not(.crm-body) .wlx-hero .wlx-search-shell,
body:not(.crm-body) .wlx-search-shell{
  background:#fff!important;
  border:1px solid #d8e3ef!important;
  box-shadow:0 20px 45px rgba(14,53,95,.10)!important;
}
body:not(.crm-body) .wlx-job-card{
  background:radial-gradient(circle at 100% 0,rgba(93,120,255,.055),transparent 34%),#fff!important;
  border-color:#dbe6f1!important;
  box-shadow:0 14px 34px rgba(13,47,84,.055)!important;
}
body:not(.crm-body) .wlx-job-card:hover{box-shadow:0 22px 52px rgba(13,47,84,.10)!important;}

/* About page — remove the lone dark block to match Home */
body:not(.crm-body) .wlc-about-page .page-hero{
  padding-top:clamp(52px,6vw,84px)!important;
  padding-bottom:clamp(52px,6vw,84px)!important;
}

/* Footer remains intentionally deep navy for brand contrast */
body:not(.crm-body) .wlc-global-footer{
  background:linear-gradient(135deg,#061d36 0%,#0b3159 58%,#123f70 100%)!important;
  border-top:1px solid rgba(255,255,255,.06)!important;
}

/* Mobile: same light premium visual language with lower GPU cost */
@media(max-width:900px){
  body:not(.crm-body) :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero){
    background:
      radial-gradient(circle at 88% 8%,rgba(75,139,236,.13),transparent 34%),
      linear-gradient(180deg,#fbfdff 0%,#f1f6fd 100%)!important;
  }
  body:not(.crm-body) :is(.wlc-r83-hero-panel,.employer-hero-card,.wlp-partner-hero-card){
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body:not(.crm-body) *{scroll-behavior:auto!important;}
}

/* R114 HARD FIX — kill legacy dark hero on inner public pages */
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero){
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 84% 16%,rgba(72,138,238,.18),transparent 31%),
    radial-gradient(circle at 10% 78%,rgba(255,102,51,.085),transparent 28%),
    linear-gradient(180deg,#fbfdff 0%,#eef5ff 100%)!important;
  color:#153b64!important;
  border:0!important;
  border-bottom:1px solid #e2ebf5!important;
  box-shadow:none!important;
}
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero)::after{
  content:""!important;
  position:absolute!important;
  width:420px!important;
  height:420px!important;
  right:-150px!important;
  top:-190px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(94,151,235,.13),rgba(94,151,235,0) 70%)!important;
  pointer-events:none!important;
  z-index:0!important;
}
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) > *{
  position:relative!important;
  z-index:2!important;
}
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(h1,h2,h3,strong){
  color:#0b315d!important;
  text-shadow:none!important;
}
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(p,li,.lead,.subtitle,.hero-copy){
  color:#607690!important;
}
html body.wlc-r84-jobs-master.wlx-public-page:not(.wlc-home-page) main > :is(.page-hero,.employer-hero,.wlp-partner-hero,.wlc-r83-page-hero,.wlx-hero) :is(.hero-badge,.eyebrow,.kicker,[class*="kicker"],[class*="badge"]){
  background:#fff4ee!important;
  color:#ef5d28!important;
  border:1px solid rgba(255,101,51,.24)!important;
}

/* About page: same airy first-fold rhythm as Home */
html body.wlc-about-page main > .page-hero{
  padding:clamp(58px,6.4vw,92px) 0!important;
  min-height:0!important;
}
html body.wlc-about-page main > .page-hero .container{
  max-width:1180px!important;
}
html body.wlc-about-page main > .page-hero h1{
  max-width:850px!important;
  margin:16px 0 16px!important;
  font-size:clamp(42px,4.6vw,66px)!important;
  line-height:1.06!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
html body.wlc-about-page main > .page-hero p{
  max-width:820px!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.7!important;
}
html body.wlc-about-page main > .section:first-of-type{
  padding-top:clamp(54px,6vw,82px)!important;
}
html body.wlc-about-page .about-story-grid{
  gap:22px!important;
}
html body.wlc-about-page .about-story-card{
  background:
    radial-gradient(circle at 100% 0,rgba(92,128,255,.07),transparent 34%),
    #fff!important;
  border:1px solid #dbe6f1!important;
  border-radius:20px!important;
  box-shadow:0 16px 42px rgba(13,47,84,.065)!important;
}

@media(max-width:900px){
  html body.wlc-about-page main > .page-hero{padding:44px 0 46px!important}
  html body.wlc-about-page main > .page-hero h1{font-size:clamp(34px,10vw,46px)!important}
  html body.wlc-about-page main > .page-hero p{font-size:16px!important}
}
