/**
 * Homepage color bands on service / GRC pages (layout unchanged).
 * Rhythm: cream canvas → navy hero → white ↔ #e8edf8 sections → cream→surface CTA.
 * @see pisc-homepage.css (page 1849)
 */

/* Section bands — white / light blue (not cream on default sections) */
.pisc-grc-page .section:not(.section--dark):not(.section--alt):not(.section--offset):not(.hero),
.pisc-service-page .section:not(.section--dark):not(.section--alt):not(.section--offset):not(.hero) {
  background: var(--pisc-white);
}

.pisc-grc-page .section.section--alt,
.pisc-service-page .section.section--alt {
  background: var(--pisc-surface);
}

.pisc-grc-page .section.section--offset,
.pisc-service-page .section.section--offset {
  background: var(--pisc-bg);
}

.pisc-grc-page .e-con.section:not(.section--alt):not(.section--dark):not(.hero):not(.cta-banner),
.pisc-service-page .e-con.section:not(.section--alt):not(.section--dark):not(.hero):not(.cta-banner) {
  background: var(--pisc-white) !important;
}

.pisc-grc-page .e-con.section--alt,
.pisc-service-page .e-con.section--alt {
  background: var(--pisc-surface) !important;
}

/* Cards on white / surface — same as home service cards */
.pisc-grc-page .e-con.track-card,
.pisc-service-page .e-con.track-card,
.pisc-grc-page .e-con.outcome-card,
.pisc-service-page .e-con.outcome-card,
.pisc-grc-page .service-card:not(.service-card--featured),
.pisc-service-page .service-card:not(.service-card--featured) {
  background: var(--pisc-white) !important;
  border-color: color-mix(in srgb, var(--pisc-color-4) 30%, transparent) !important;
  box-shadow: var(--pisc-shadow) !important;
}

.pisc-grc-page .section.section--alt .e-con.track-card,
.pisc-service-page .section.section--alt .e-con.track-card {
  background: var(--pisc-white) !important;
}

/* Closing CTA — home gradient band */
.pisc-grc-page .cta-banner,
.pisc-service-page .cta-banner {
  background: linear-gradient(
    180deg,
    var(--pisc-bg) 0%,
    var(--pisc-surface) 100%
  ) !important;
  border-top: none !important;
  color: var(--pisc-primary);
}

.pisc-grc-page .cta-banner__title,
.pisc-service-page .cta-banner__title,
.pisc-grc-page .cta-banner__title .elementor-heading-title,
.pisc-service-page .cta-banner__title .elementor-heading-title {
  color: var(--pisc-primary) !important;
}

.pisc-grc-page .cta-banner__desc,
.pisc-service-page .cta-banner__desc,
.pisc-grc-page .cta-banner__desc p,
.pisc-service-page .cta-banner__desc p {
  color: var(--pisc-muted) !important;
}

.pisc-grc-page .cta-banner__actions .elementor-button,
.pisc-service-page .cta-banner__actions .elementor-button,
.pisc-grc-page .elementor-widget-button.btn-accent .elementor-button,
.pisc-service-page .elementor-widget-button.btn-accent .elementor-button {
  background: var(--pisc-primary) !important;
  color: var(--pisc-white) !important;
}

.pisc-grc-page .cta-banner__actions .elementor-button:hover,
.pisc-service-page .cta-banner__actions .elementor-button:hover {
  background: var(--pisc-color-2) !important;
}

/* Primary actions — home accent blue */
.pisc-grc-page .btn-primary,
.pisc-service-page .btn-primary,
.pisc-grc-page .hero__actions .elementor-widget-button.btn-primary .elementor-button,
.pisc-service-page .hero__actions .elementor-widget-button.btn-primary .elementor-button {
  background: var(--pisc-accent) !important;
  color: var(--pisc-white) !important;
  box-shadow: 0 4px 20px color-mix(in srgb, var(--pisc-accent) 35%, transparent);
}

/* Eyebrows & accents */
.pisc-grc-page .section-eyebrow .elementor-heading-title,
.pisc-service-page .section-eyebrow .elementor-heading-title,
.pisc-grc-page .elementor-widget-heading.section-eyebrow .elementor-heading-title,
.pisc-service-page .elementor-widget-heading.section-eyebrow .elementor-heading-title {
  color: var(--pisc-accent) !important;
}