/**
 * Integration for Google Drive (igd) overrides for the shared demo-site components.
 *
 * main.css already themes the features page (hero, cards, reviews, FAQ, CTA) for igd. These rules make the
 * components that only exist in demo.css — the home page's perks strip, "What you get" and "How the demo
 * works" bands — follow the same dark-green palette instead of the light default (blue accents, white cards).
 * Enqueued only on igd pages, after demo.css.
 */

body.igd-page {
  /* demo.css components (tags, step badges, focus rings) and the request form read the --cc-primary tokens. */
  --cc-primary: #00ac47;
  --cc-primary-dark: #008c3a;
  --cc-primary-light: rgba(0, 172, 71, 0.12);

  --igd-green: #00ac47;
  --igd-surface: rgba(0, 172, 71, 0.05);
  --igd-border: rgba(0, 172, 71, 0.2);
  --igd-text: #ffffff;
  --igd-muted: rgba(240, 255, 246, 0.7);
}

/* Home page: perks strip under the hero */
body.igd-page .cc-home-perks .cc-hero-perks {
  color: var(--igd-muted);
}

/* "What you get" + "How the demo works" bands */
body.igd-page .cc-section-steps {
  background-color: transparent;
  border-color: var(--igd-border);
}

body.igd-page .cc-section-header .cc-section-tag {
  color: var(--igd-green);
}

body.igd-page .cc-section-header .cc-section-title,
body.igd-page .cc-scope-card__title,
body.igd-page .cc-step-title {
  color: var(--igd-text);
}

body.igd-page .cc-section-header .cc-section-desc,
body.igd-page .cc-scope-card li,
body.igd-page .cc-step-text {
  color: var(--igd-muted);
}

body.igd-page .cc-scope-card,
body.igd-page .cc-step-card {
  background-color: var(--igd-surface);
  border-color: var(--igd-border);
  box-shadow: none;
}

body.igd-page .cc-step-badge {
  background-color: var(--igd-green);
}

body.igd-page .cc-scope-card--no {
  border-top-color: rgba(240, 255, 246, 0.25);
}

body.igd-page .cc-scope-card--no li::before {
  color: rgba(240, 255, 246, 0.5);
}

body.igd-page .cc-section-request {
  background: transparent;
}

/* The request form stays a light card (the plugin styles it); only its accents follow the palette. */
body.igd-page .ccds-rd__submit {
  box-shadow: 0 4px 14px rgba(0, 172, 71, 0.3);
}

body.igd-page .ccds-rd__field input:focus {
  box-shadow: 0 0 0 3px rgba(0, 172, 71, 0.2);
}