/*
 * AidBase Brand System — v1.0.0-alpha30
 * Corporate pages use one AidNetwork blue-to-green gradient.
 * Service colors remain available only as small accents.
 */

/* Corporate hero family: Recruit / Contact / Company */
.aidbase-hero--recruit,
.aidbase-hero--contact,
.aidbase-hero--company{
  --aidbase-hero-accent:var(--aidbase-brand-primary,#2182d6)!important;
  --aidbase-hero-accent-2:var(--aidbase-brand-tertiary,#79be68)!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(33,130,214,.18),transparent 32%),
    radial-gradient(circle at 12% 82%,rgba(121,190,104,.16),transparent 30%),
    linear-gradient(135deg,#f8fcff 0%,#f4fbfc 47%,#f7fcf5 100%)!important;
}
.aidbase-hero--recruit:after,
.aidbase-hero--contact:after,
.aidbase-hero--company:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.62;
  background:linear-gradient(118deg,rgba(33,130,214,.08),rgba(53,166,199,.035) 47%,rgba(121,190,104,.09));
}
.aidbase-hero--recruit .aidbase-hero__eyebrow,
.aidbase-hero--contact .aidbase-hero__eyebrow,
.aidbase-hero--company .aidbase-hero__eyebrow{
  color:#247ba9!important;
}
.aidbase-hero--recruit .aidbase-hero__eyebrow:before,
.aidbase-hero--contact .aidbase-hero__eyebrow:before,
.aidbase-hero--company .aidbase-hero__eyebrow:before,
.aidbase-hero--recruit .aidbase-hero__brand:before,
.aidbase-hero--contact .aidbase-hero__brand:before,
.aidbase-hero--company .aidbase-hero__brand:before{
  background:var(--aidbase-brand-gradient)!important;
}
.aidbase-hero--recruit .aidbase-hero__button--primary,
.aidbase-hero--contact .aidbase-hero__button--primary,
.aidbase-hero--company .aidbase-hero__button--primary{
  border:0!important;
  background:var(--aidbase-brand-gradient)!important;
  color:#fff!important;
  box-shadow:0 16px 34px rgba(33,130,214,.24)!important;
}
.aidbase-hero--recruit .aidbase-hero__button--primary:hover,
.aidbase-hero--contact .aidbase-hero__button--primary:hover,
.aidbase-hero--company .aidbase-hero__button--primary:hover{
  box-shadow:0 20px 40px rgba(33,130,214,.30)!important;
}
.aidbase-hero--recruit .aidbase-hero__button--secondary,
.aidbase-hero--contact .aidbase-hero__button--secondary,
.aidbase-hero--company .aidbase-hero__button--secondary{
  border-color:rgba(53,166,199,.30)!important;
  color:var(--aidbase-navy,#0b1d3a)!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 26px rgba(33,130,214,.07)!important;
}
.aidbase-hero--recruit .aidbase-hero__frame,
.aidbase-hero--contact .aidbase-hero__frame,
.aidbase-hero--company .aidbase-hero__frame{
  background:linear-gradient(145deg,#eaf5fd 0%,#edf9f8 50%,#eff8ea 100%)!important;
}
.aidbase-hero--recruit .aidbase-hero__media-backdrop,
.aidbase-hero--contact .aidbase-hero__media-backdrop,
.aidbase-hero--company .aidbase-hero__media-backdrop{
  background:var(--aidbase-brand-gradient-soft)!important;
}
.aidbase-hero--recruit .aidbase-hero__wave path,
.aidbase-hero--contact .aidbase-hero__wave path,
.aidbase-hero--company .aidbase-hero__wave path{
  fill:#fff!important;
}

/* Corporate CTA family */
.aid-recruit-cta,
.aidbase-company-cta,
.aid-contact-cta,
.aidbase-brand-cta.is-corporate,
.aidbase-corporate-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:var(--aidbase-brand-gradient)!important;
  color:#fff!important;
}
.aid-recruit-cta:before,
.aidbase-company-cta:before,
.aid-contact-cta:before,
.aidbase-brand-cta.is-corporate:before,
.aidbase-corporate-cta:before{
  content:"";
  position:absolute;
  width:440px;
  height:440px;
  right:-190px;
  top:-250px;
  z-index:-1;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 0 0 70px rgba(255,255,255,.045);
}
.aid-recruit-cta h2,.aid-recruit-cta p,
.aidbase-company-cta h2,.aidbase-company-cta p,
.aid-contact-cta h2,.aid-contact-cta p,
.aidbase-corporate-cta h2,.aidbase-corporate-cta p{
  color:#fff!important;
}
.aid-recruit-cta a,
.aidbase-company-cta a,
.aid-contact-cta a,
.aidbase-corporate-cta a{
  background:#fff!important;
  color:var(--aidbase-navy,#0b1d3a)!important;
  box-shadow:0 14px 34px rgba(8,47,82,.18)!important;
}

/* Main action buttons share one visual language. */
.aidbase-header-contact,
.aidbase-mobile-nav__contact,
.aid-contact-next,
.aid-contact-confirm-actions button:not(:first-child),
.aid-job-apply,
.aid-recruit-primary-action{
  border:0!important;
  background:var(--aidbase-brand-gradient)!important;
  color:#fff!important;
  box-shadow:0 14px 30px rgba(33,130,214,.22)!important;
}
.aidbase-header-contact:hover,
.aidbase-mobile-nav__contact:hover,
.aid-contact-next:hover,
.aid-contact-confirm-actions button:not(:first-child):hover,
.aid-job-apply:hover,
.aid-recruit-primary-action:hover{
  filter:saturate(1.04) brightness(1.025);
  transform:translateY(-1px);
  box-shadow:0 18px 36px rgba(33,130,214,.27)!important;
}

/* Contact page accents are corporate, not service-green. */
.aidcms-contact{
  --contact-accent:var(--aidbase-brand-secondary,#35a6c7)!important;
  --contact-dark:#176e9f!important;
  --contact-soft:#eef8fb!important;
  --contact-line:#dcebf0!important;
}
.aid-contact-form-section{
  background:linear-gradient(180deg,#f4fafc 0%,#f8fcfa 54%,#fff 100%)!important;
}
.aid-contact-topics button.is-active{
  border-color:rgba(53,166,199,.42)!important;
  box-shadow:0 16px 38px rgba(33,130,214,.10)!important;
}
.aid-contact-topics button:before{
  background:var(--aidbase-brand-gradient)!important;
}
.aid-contact-field input:focus,
.aid-contact-field select:focus,
.aid-contact-field textarea:focus{
  border-color:var(--aidbase-brand-secondary,#35a6c7)!important;
  box-shadow:0 0 0 4px rgba(53,166,199,.11)!important;
}
.aid-contact-privacy a{color:#217eaa!important}

/* Recruit keeps photos and content neutral; brand gradient is reserved for action. */
.aidcms-recruit{
  --recruit-primary:var(--aidbase-brand-secondary,#35a6c7)!important;
  --recruit-primary-dark:#176f9e!important;
}
.aid-recruit-cta{
  text-align:left!important;
}
.aid-recruit-cta .aid-recruit-kicker{color:rgba(255,255,255,.78)!important}

/* Tiny gradient detail on premium cards without recoloring whole sections. */
.aid-job-card:before,
.aidbase-company-values article:before,
.aid-contact-form-card:before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:3px;
  border-radius:0 0 999px 999px;
  background:var(--aidbase-brand-gradient);
  opacity:.72;
}
.aid-job-card,
.aidbase-company-values article,
.aid-contact-form-card{position:relative}

@media(max-width:600px){
  .aidbase-hero--recruit,
  .aidbase-hero--contact,
  .aidbase-hero--company{
    background:
      radial-gradient(circle at 88% 12%,rgba(33,130,214,.16),transparent 31%),
      radial-gradient(circle at 8% 82%,rgba(121,190,104,.14),transparent 28%),
      linear-gradient(145deg,#f8fcff 0%,#f5fbfa 55%,#f9fcf6 100%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .aidbase-header-contact:hover,
  .aidbase-mobile-nav__contact:hover,
  .aid-contact-next:hover,
  .aid-job-apply:hover,
  .aid-recruit-primary-action:hover{transform:none}
}


/* AidBase alpha32 — canonical Hero/section normalization.
   Child development and recruitment previously had late page-specific overrides.
   This block deliberately wins the cascade so both pages use the same Hero Premium
   structure and mobile behavior as homecare, consultation and after-school. */
.aidcms-child .aidbase-hero,
.aid-recruit .aidbase-hero{
  --aidbase-hero-accent:var(--aidbase-brand-secondary);
  --aidbase-hero-accent-2:var(--aidbase-brand-tertiary);
  min-height:clamp(620px,75vh,820px)!important;
  padding:clamp(76px,8vw,118px) 0 clamp(112px,11vw,154px)!important;
  background:
    radial-gradient(circle at 81% 18%,rgba(53,166,199,.13),transparent 31%),
    radial-gradient(circle at 12% 78%,rgba(121,190,104,.10),transparent 28%),
    linear-gradient(135deg,#fff 0%,#f8fbff 48%,#f4faf7 100%)!important;
}
.aidcms-child .aidbase-hero__inner,
.aid-recruit .aidbase-hero__inner{
  grid-template-columns:minmax(0,.94fr) minmax(400px,1.06fr)!important;
  align-items:center!important;
  gap:clamp(48px,7vw,96px)!important;
  min-height:0!important;
}
.aidcms-child .aidbase-hero__content,
.aid-recruit .aidbase-hero__content{padding:18px 0 30px!important}
.aidcms-child .aidbase-hero__title,
.aid-recruit .aidbase-hero__title{
  max-width:760px!important;
  font-size:clamp(42px,5.45vw,74px)!important;
  line-height:1.16!important;
  letter-spacing:-.045em!important;
  color:var(--aidbase-navy)!important;
}
.aidcms-child .aidbase-hero__lead,
.aid-recruit .aidbase-hero__lead{
  max-width:610px!important;
  margin-top:24px!important;
  font-size:16px!important;
  line-height:1.95!important;
  color:#526274!important;
}
.aidcms-child .aidbase-hero__actions,
.aid-recruit .aidbase-hero__actions{margin-top:32px!important;gap:14px!important}
.aidcms-child .aidbase-hero__button,
.aid-recruit .aidbase-hero__button{min-height:54px!important;padding:14px 28px!important;font-size:14px!important}
.aidcms-child .aidbase-hero__button--primary,
.aid-recruit .aidbase-hero__button--primary{
  background:var(--aidbase-brand-gradient)!important;
  box-shadow:0 14px 30px rgba(33,130,214,.20)!important;
}
.aidcms-child .aidbase-hero__media,
.aid-recruit .aidbase-hero__media{min-height:clamp(480px,53vw,630px)!important}
.aidcms-child .aidbase-hero__frame,
.aid-recruit .aidbase-hero__frame{
  inset:clamp(18px,3vw,40px) 0 clamp(18px,3vw,40px) clamp(10px,2vw,28px)!important;
  border:6px solid rgba(255,255,255,.94)!important;
  border-radius:46% 54% 48% 52%/40% 42% 58% 60%!important;
  box-shadow:0 30px 70px rgba(24,62,105,.14)!important;
  overflow:hidden!important;
}
.aidcms-child .aidbase-hero__frame:after,
.aid-recruit .aidbase-hero__frame:after{display:none!important}
.aidcms-child .aidbase-hero__placeholder,
.aid-recruit .aidbase-hero__placeholder{
  background:linear-gradient(145deg,#eef7ff,#eff8f1)!important;
  border-color:rgba(53,166,199,.24)!important;
  color:#64758a!important;
}
/* Canonical service-page rhythm. */
.aidcms-child .aidbase-section,
.aid-recruit .aidbase-section{padding-block:var(--aidbase-section-space,clamp(78px,9vw,128px))}
.aidcms-child .aidbase-section--soft,
.aid-recruit .aidbase-section--soft{background:linear-gradient(135deg,#f7fbff 0%,#f5faf7 100%)}

@media(max-width:980px){
  .aidcms-child .aidbase-hero,.aid-recruit .aidbase-hero{min-height:auto!important;padding:68px 0 122px!important}
  .aidcms-child .aidbase-hero__inner,.aid-recruit .aidbase-hero__inner{grid-template-columns:1fr!important;gap:36px!important}
  .aidcms-child .aidbase-hero__content,.aid-recruit .aidbase-hero__content{padding:0!important;max-width:760px!important}
  .aidcms-child .aidbase-hero__media,.aid-recruit .aidbase-hero__media{min-height:500px!important}
}
@media(max-width:640px){
  .aidcms-child .aidbase-hero,.aid-recruit .aidbase-hero{padding:48px 0 94px!important}
  .aidcms-child .aidbase-hero__inner,.aid-recruit .aidbase-hero__inner{gap:36px!important}
  .aidcms-child .aidbase-hero__title,.aid-recruit .aidbase-hero__title{font-size:clamp(36px,10.8vw,48px)!important;line-height:1.3!important}
  .aidcms-child .aidbase-hero__lead,.aid-recruit .aidbase-hero__lead{margin-top:20px!important;font-size:14px!important;line-height:1.9!important}
  .aidcms-child .aidbase-hero__actions,.aid-recruit .aidbase-hero__actions{margin-top:26px!important}
  .aidcms-child .aidbase-hero__button,.aid-recruit .aidbase-hero__button{width:100%!important;min-height:52px!important}
  .aidcms-child .aidbase-hero__media,.aid-recruit .aidbase-hero__media{min-height:330px!important}
  .aidcms-child .aidbase-hero__frame,.aid-recruit .aidbase-hero__frame{inset:0 2% 2% 0!important;border-width:5px!important;border-radius:32% 68% 38% 62%/58% 34% 66% 42%!important}
}
