/* v2 styles: tenant modules A (owner W2-S4-A).
 * Overrides for the page-local <style> blocks in templates/demo_impact/landing_page.html and
 * templates/demo_impact/source_initiatives.html. Those blocks are left untouched; these rules
 * win on the same selectors under .dp-v2. Tenant brand greens (#8dc63f) are not restyled. */

/* demo_impact/landing_page.html */
.dp-v2 .program-card {
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius);
  box-shadow: none;
}

.dp-v2 .program-card:hover {
  box-shadow: none;
}

.dp-v2 .program-card-people::before,
.dp-v2 .program-card-people .program-icon,
.dp-v2 .btn-people {
  background: var(--bs-primary);
}

.dp-v2 .program-icon {
  border-radius: var(--dp-radius);
}

.dp-v2 .program-title h3,
.dp-v2 .program-title p {
  color: var(--dp-fg);
}

.dp-v2 .program-description {
  color: var(--dp-fg);
}

.dp-v2 .sdg-label {
  color: var(--dp-muted-fg);
}

.dp-v2 .program-sdgs,
.dp-v2 .subcategory-item {
  background: var(--dp-muted);
  border-radius: var(--dp-radius);
}

.dp-v2 .subcategory-item:hover {
  background: var(--dp-accent);
}

.dp-v2 .subcategory-link {
  color: var(--dp-fg);
  border-radius: var(--dp-radius);
}

/* Icons are <svg class="dp-icon"> under the flag, so the rules that target <i> move to them. */
.dp-v2 .subcategory-link .dp-icon {
  width: 20px;
  color: var(--dp-muted-fg);
  transition: color 0.2s;
}

.dp-v2 .program-card-people .subcategory-link:hover .dp-icon,
.dp-v2 .program-card-planet .subcategory-link:hover .dp-icon {
  color: var(--bs-primary);
}

.dp-v2 .btn-people,
.dp-v2 .btn-planet {
  border-radius: var(--dp-radius);
}

.dp-v2 .btn-people:hover,
.dp-v2 .btn-planet:hover {
  box-shadow: none;
}

/* demo_impact/source_initiatives.html */
.dp-v2 label {
  color: var(--dp-fg);
}

.dp-v2 select[multiple] {
  border: 1px solid var(--dp-input-border);
  border-radius: var(--dp-radius-ctl);
  background-color: var(--dp-card);
}

.dp-v2 select:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 2px var(--dp-ring);
}

.dp-v2 .kpi-card {
  border: 1px solid var(--dp-border);
  border-radius: var(--dp-radius);
}

.dp-v2 .kpi-card .kpi-value,
.dp-v2 .kpi-card .kpi-label {
  color: var(--bs-primary);
}

.dp-v2 .kpi-card:hover {
  box-shadow: none;
}

.dp-v2 .circle {
  background-color: var(--dp-muted-fg);
}

.dp-v2 .circle.filled {
  background-color: var(--bs-primary);
}