/**
 * Service page design doc fixes — section bands, quotes, GRC contrast, process layout.
 */

/* —— No gaps between sections —— */
.pisc-service-page,
.pisc-grc-page {
  background: transparent !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pisc-service-page > .e-con,
.pisc-grc-page > .e-con,
.pisc-service-page > .e-con > .e-con.section,
.pisc-service-page > .e-con > .e-con.hero,
.pisc-service-page > .e-con > .e-con.cta-banner,
.pisc-grc-page > .e-con > .e-con.section,
.pisc-grc-page > .e-con > .e-con.hero,
.pisc-grc-page > .e-con > .e-con.cta-banner {
  margin-block: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Section scroll-reveal: opacity only (translateY left white strips between bands) */
html.pisc-motion-ready .pisc-service-page > .e-con.section.reveal:not(.visible),
html.pisc-motion-ready .pisc-grc-page > .e-con.section.reveal:not(.visible),
html.pisc-motion-ready .pisc-service-page > .e-con.cta-banner.reveal:not(.visible),
html.pisc-motion-ready .pisc-grc-page > .e-con.cta-banner.reveal:not(.visible) {
  transform: none !important;
}
body.pisc-grc-recruitment-page .elementor .pisc-service-page,
body.pisc-grc-recruitment-page .elementor .pisc-grc-page {
  background: #fff !important;
}

/* —— Remove decorative quote icons only (keep blockquote text) —— */
.pisc-service-page .testimonial-card__quote-mark,
.pisc-grc-page .testimonial-card__quote-mark {
  display: none !important;
}

/* Theme flat_icon_itco injects a blue " via blockquote::before */
.pisc-service-page blockquote.why__pull::before,
.pisc-grc-page blockquote.why__pull::before,
.pisc-service-page blockquote.outcomes__pull::before,
.pisc-grc-page blockquote.outcomes__pull::before {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
}

/* Outcomes quote (workforce) — text only, no icon */
.pisc-service-page .outcomes__pull,
.pisc-grc-page .outcomes__pull {
  margin: 1.5rem auto 2rem;
  max-width: 42rem;
  padding: 1.25rem 1.5rem;
  border-left: 3px solid var(--pisc-accent, #082ea5);
  background: var(--pisc-surface, #e8edf8);
  border-radius: 0 12px 12px 0;
  font-size: 1.05rem;
  line-height: 1.65;
  color: var(--pisc-primary, #122560);
}
.pisc-service-page .outcomes__pull em,
.pisc-grc-page .outcomes__pull em {
  display: block;
  margin-top: 0.75rem;
  font-style: normal;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--pisc-muted, #5c5f6a);
}

/* —— Governance: alternating dark blue / grey bands —— */
body.page-id-3632 .pisc-service-page .e-con.section--alt {
  background: #eceef1 !important;
}
body.page-id-3632 .pisc-service-page .e-con.section--dark,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy {
  background: linear-gradient(180deg, #122560 0%, #082ea5 100%) !important;
  color: #fff;
}
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .section-title .elementor-heading-title,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .section-eyebrow .elementor-heading-title,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .elementor-widget-text-editor,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .process__step-title .elementor-heading-title,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .process__step-desc,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .track-card__title .elementor-heading-title,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .track-card__body,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .comparison-table th,
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .comparison-table td {
  color: #fff !important;
}
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .track-card {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}
body.page-id-3632 .pisc-service-page .e-con.section.pisc-band-navy .comparison-table {
  background: rgba(255, 255, 255, 0.06) !important;
}

/* Other service pages: seamless alt bands */
body.page-id-3111 .pisc-service-page .e-con.section--alt,
body.page-id-3115 .pisc-service-page .e-con.section--alt,
body.page-id-3472 .pisc-service-page .e-con.section--alt,
body.page-id-3648 .pisc-service-page .e-con.section--alt,
body.page-id-3650 .pisc-service-page .e-con.section--alt,
body.page-id-3790 .pisc-grc-page .e-con.section--alt {
  background: #eceef1 !important;
}
body.page-id-3111 .pisc-service-page .e-con.section:not(.section--alt):not(.hero):not(.cta-banner),
body.page-id-3115 .pisc-service-page .e-con.section:not(.section--alt):not(.hero):not(.cta-banner),
body.page-id-3472 .pisc-service-page .e-con.section:not(.section--alt):not(.hero):not(.cta-banner),
body.page-id-3648 .pisc-service-page .e-con.section:not(.section--alt):not(.hero):not(.cta-banner),
body.page-id-3650 .pisc-service-page .e-con.section:not(.section--alt):not(.hero):not(.cta-banner) {
  background: #fff !important;
}

/* —— GRC Recruitment: featured service card contrast —— */
.pisc-grc-page .service-card--featured,
.pisc-grc-page .e-con.service-card--featured {
  background: linear-gradient(135deg, #122560 0%, #082ea5 100%) !important;
}
.pisc-grc-page .service-card--featured .service-card__tag,
.pisc-grc-page .service-card--featured .service-card__number,
.pisc-grc-page .service-card--featured .service-card__title .elementor-heading-title,
.pisc-grc-page .service-card--featured .service-card__desc,
.pisc-grc-page .service-card--featured .service-card__list .elementor-icon-list-text,
.pisc-grc-page .e-con.service-card--featured .elementor-heading-title,
.pisc-grc-page .e-con.service-card--featured .elementor-widget-text-editor,
.pisc-grc-page .e-con.service-card--featured .elementor-icon-list-text {
  color: #fff !important;
}
.pisc-grc-page .service-card--featured .service-card__number {
  opacity: 0.35 !important;
  color: #fff !important;
}
.pisc-grc-page .service-card--featured .service-card__tag {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #e8edf8 !important;
}

/* GRC process: vertical timeline — active tab panel only */
body.page-id-3790 .pisc-grc-page .process__tabs-widget .e-n-tabs-content {
  display: block !important;
  grid-template-columns: none !important;
}
body.page-id-3790 .pisc-grc-page .process__tabs-widget .e-n-tabs-content > [role="tabpanel"].process__steps:not(.e-active),
body.page-id-3790 .pisc-grc-page .process__tabs-widget.e-n-tabs-mobile .e-n-tabs-content > [role="tabpanel"].process__steps:not(.e-active) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}
body.page-id-3790 .pisc-grc-page .process__tabs-widget .e-n-tabs-content > [role="tabpanel"].e-active.process__steps {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  width: 100% !important;
}
body.page-id-3790 .pisc-grc-page .process__tabs-widget [role="tabpanel"].e-active .e-con.process__step {
  display: grid !important;
  grid-template-columns: 48px 1fr !important;
  align-items: stretch !important;
  width: 100% !important;
  flex: none !important;
  flex-direction: initial !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}
body.page-id-3790 .pisc-grc-page .process__tabs-widget [role="tabpanel"].e-active .e-con.process__step-left {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 48px !important;
  min-width: 48px !important;
  position: relative !important;
}
body.page-id-3790 .pisc-grc-page .process__tabs-widget [role="tabpanel"].e-active .e-con.process__step:not(:last-child) .e-con.process__step-left::after {
  display: block !important;
}
.pisc-grc-page .process__step-num-box .elementor-icon-box-title {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--pisc-primary, #122560) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  margin: 0 !important;
}