/*
 * UK Solar Report (php/solar_report.php). The page root carries
 * data-region="<slug or uk>" and data-mode from the URL, and Alpine rewrites
 * them when the region selector or the display mode changes. These rules show only the copy written for that
 * region and mute every other region's chart marks, so switching region
 * needs no script per mark. The colours are the chart colours in
 * next/tailwind.php.config.js.
 */
[data-solar-report] {
  --solar-report-mute: #c3ccc9;
  --solar-report-mute-2: #dfe5e2;
  --solar-report-wash: #f3f5f2;
  --solar-report-ink: #0c3330;
}

[data-solar-report] [x-cloak],
[data-solar-report-publish] [x-cloak] {
  display: none !important;
}

[data-region-copy],
[data-nireg] {
  display: none;
}

[data-region='northern-ireland'] [data-nireg] {
  display: block;
}

/* A note for the national figures only shows while a region is selected. */
[data-region='uk'] [data-regional-note] {
  display: none;
}

/* An embed shows the headline, the chart and its caption, without tools. */
[data-embed] [data-download-row] {
  display: none;
}

/*
 * The root also carries data-mode: "highlight" shows every finding's charts
 * with the region picked out, "only" swaps them for the views of the
 * selected region alone. The national view has no region to show alone, so
 * it hides the choice.
 */
[data-mode='only'] [data-views='full'],
[data-mode='highlight'] [data-views='only'],
[data-region='uk'] [data-mode-toggle] {
  display: none;
}

[data-region='uk'] [data-region-copy='uk'],
[data-region='east-midlands'] [data-region-copy='east-midlands'],
[data-region='east-of-england'] [data-region-copy='east-of-england'],
[data-region='london'] [data-region-copy='london'],
[data-region='north-east'] [data-region-copy='north-east'],
[data-region='north-west'] [data-region-copy='north-west'],
[data-region='northern-ireland'] [data-region-copy='northern-ireland'],
[data-region='scotland'] [data-region-copy='scotland'],
[data-region='south-east'] [data-region-copy='south-east'],
[data-region='south-west'] [data-region-copy='south-west'],
[data-region='wales'] [data-region-copy='wales'],
[data-region='west-midlands'] [data-region-copy='west-midlands'],
[data-region='yorkshire-and-the-humber']
  [data-region-copy='yorkshire-and-the-humber'] {
  display: revert;
}

/* east-midlands */
[data-region='east-midlands']
  [data-r]:not([data-r~='east-midlands'])
  [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='east-midlands']
  [data-r]:not([data-r~='east-midlands'])
  [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='east-midlands'] [data-r~='east-midlands'] [data-rlabel],
[data-region='east-midlands'] [data-r~='east-midlands'] [data-svglabel],
[data-region='east-midlands'] [data-r~='east-midlands'][data-listrow],
[data-region='east-midlands'] tr[data-r~='east-midlands'] > * {
  font-weight: 600;
}

[data-region='east-midlands'] [data-r~='east-midlands'][data-selbg],
[data-region='east-midlands'] [data-r~='east-midlands'][data-listrow],
[data-region='east-midlands'] tr[data-r~='east-midlands'] > * {
  background: var(--solar-report-wash);
}

/* east-of-england */
[data-region='east-of-england']
  [data-r]:not([data-r~='east-of-england'])
  [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='east-of-england']
  [data-r]:not([data-r~='east-of-england'])
  [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='east-of-england'] [data-r~='east-of-england'] [data-rlabel],
[data-region='east-of-england'] [data-r~='east-of-england'] [data-svglabel],
[data-region='east-of-england'] [data-r~='east-of-england'][data-listrow],
[data-region='east-of-england'] tr[data-r~='east-of-england'] > * {
  font-weight: 600;
}

[data-region='east-of-england'] [data-r~='east-of-england'][data-selbg],
[data-region='east-of-england'] [data-r~='east-of-england'][data-listrow],
[data-region='east-of-england'] tr[data-r~='east-of-england'] > * {
  background: var(--solar-report-wash);
}

/* london */
[data-region='london'] [data-r]:not([data-r~='london']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='london'] [data-r]:not([data-r~='london']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='london'] [data-r~='london'] [data-rlabel],
[data-region='london'] [data-r~='london'] [data-svglabel],
[data-region='london'] [data-r~='london'][data-listrow],
[data-region='london'] tr[data-r~='london'] > * {
  font-weight: 600;
}

[data-region='london'] [data-r~='london'][data-selbg],
[data-region='london'] [data-r~='london'][data-listrow],
[data-region='london'] tr[data-r~='london'] > * {
  background: var(--solar-report-wash);
}

/* north-east */
[data-region='north-east'] [data-r]:not([data-r~='north-east']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='north-east'] [data-r]:not([data-r~='north-east']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='north-east'] [data-r~='north-east'] [data-rlabel],
[data-region='north-east'] [data-r~='north-east'] [data-svglabel],
[data-region='north-east'] [data-r~='north-east'][data-listrow],
[data-region='north-east'] tr[data-r~='north-east'] > * {
  font-weight: 600;
}

[data-region='north-east'] [data-r~='north-east'][data-selbg],
[data-region='north-east'] [data-r~='north-east'][data-listrow],
[data-region='north-east'] tr[data-r~='north-east'] > * {
  background: var(--solar-report-wash);
}

/* north-west */
[data-region='north-west'] [data-r]:not([data-r~='north-west']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='north-west'] [data-r]:not([data-r~='north-west']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='north-west'] [data-r~='north-west'] [data-rlabel],
[data-region='north-west'] [data-r~='north-west'] [data-svglabel],
[data-region='north-west'] [data-r~='north-west'][data-listrow],
[data-region='north-west'] tr[data-r~='north-west'] > * {
  font-weight: 600;
}

[data-region='north-west'] [data-r~='north-west'][data-selbg],
[data-region='north-west'] [data-r~='north-west'][data-listrow],
[data-region='north-west'] tr[data-r~='north-west'] > * {
  background: var(--solar-report-wash);
}

/* northern-ireland */
[data-region='northern-ireland']
  [data-r]:not([data-r~='northern-ireland'])
  [data-mfill]:not([data-ni-full] *) {
  fill: var(--solar-report-mute);
}

[data-region='northern-ireland']
  [data-r]:not([data-r~='northern-ireland'])
  [data-inlabel]:not([data-ni-full] *) {
  fill: var(--solar-report-ink);
}

[data-region='northern-ireland'] [data-r~='northern-ireland'] [data-rlabel],
[data-region='northern-ireland'] [data-r~='northern-ireland'] [data-svglabel],
[data-region='northern-ireland'] [data-r~='northern-ireland'][data-listrow],
[data-region='northern-ireland'] tr[data-r~='northern-ireland'] > * {
  font-weight: 600;
}

[data-region='northern-ireland'] [data-r~='northern-ireland'][data-selbg],
[data-region='northern-ireland'] [data-r~='northern-ireland'][data-listrow],
[data-region='northern-ireland'] tr[data-r~='northern-ireland'] > * {
  background: var(--solar-report-wash);
}

/* scotland */
[data-region='scotland'] [data-r]:not([data-r~='scotland']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='scotland'] [data-r]:not([data-r~='scotland']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='scotland'] [data-r~='scotland'] [data-rlabel],
[data-region='scotland'] [data-r~='scotland'] [data-svglabel],
[data-region='scotland'] [data-r~='scotland'][data-listrow],
[data-region='scotland'] tr[data-r~='scotland'] > * {
  font-weight: 600;
}

[data-region='scotland'] [data-r~='scotland'][data-selbg],
[data-region='scotland'] [data-r~='scotland'][data-listrow],
[data-region='scotland'] tr[data-r~='scotland'] > * {
  background: var(--solar-report-wash);
}

/* south-east */
[data-region='south-east'] [data-r]:not([data-r~='south-east']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='south-east'] [data-r]:not([data-r~='south-east']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='south-east'] [data-r~='south-east'] [data-rlabel],
[data-region='south-east'] [data-r~='south-east'] [data-svglabel],
[data-region='south-east'] [data-r~='south-east'][data-listrow],
[data-region='south-east'] tr[data-r~='south-east'] > * {
  font-weight: 600;
}

[data-region='south-east'] [data-r~='south-east'][data-selbg],
[data-region='south-east'] [data-r~='south-east'][data-listrow],
[data-region='south-east'] tr[data-r~='south-east'] > * {
  background: var(--solar-report-wash);
}

/* south-west */
[data-region='south-west'] [data-r]:not([data-r~='south-west']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='south-west'] [data-r]:not([data-r~='south-west']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='south-west'] [data-r~='south-west'] [data-rlabel],
[data-region='south-west'] [data-r~='south-west'] [data-svglabel],
[data-region='south-west'] [data-r~='south-west'][data-listrow],
[data-region='south-west'] tr[data-r~='south-west'] > * {
  font-weight: 600;
}

[data-region='south-west'] [data-r~='south-west'][data-selbg],
[data-region='south-west'] [data-r~='south-west'][data-listrow],
[data-region='south-west'] tr[data-r~='south-west'] > * {
  background: var(--solar-report-wash);
}

/* wales */
[data-region='wales'] [data-r]:not([data-r~='wales']) [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='wales'] [data-r]:not([data-r~='wales']) [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='wales'] [data-r~='wales'] [data-rlabel],
[data-region='wales'] [data-r~='wales'] [data-svglabel],
[data-region='wales'] [data-r~='wales'][data-listrow],
[data-region='wales'] tr[data-r~='wales'] > * {
  font-weight: 600;
}

[data-region='wales'] [data-r~='wales'][data-selbg],
[data-region='wales'] [data-r~='wales'][data-listrow],
[data-region='wales'] tr[data-r~='wales'] > * {
  background: var(--solar-report-wash);
}

/* west-midlands */
[data-region='west-midlands']
  [data-r]:not([data-r~='west-midlands'])
  [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='west-midlands']
  [data-r]:not([data-r~='west-midlands'])
  [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='west-midlands'] [data-r~='west-midlands'] [data-rlabel],
[data-region='west-midlands'] [data-r~='west-midlands'] [data-svglabel],
[data-region='west-midlands'] [data-r~='west-midlands'][data-listrow],
[data-region='west-midlands'] tr[data-r~='west-midlands'] > * {
  font-weight: 600;
}

[data-region='west-midlands'] [data-r~='west-midlands'][data-selbg],
[data-region='west-midlands'] [data-r~='west-midlands'][data-listrow],
[data-region='west-midlands'] tr[data-r~='west-midlands'] > * {
  background: var(--solar-report-wash);
}

/* yorkshire-and-the-humber */
[data-region='yorkshire-and-the-humber']
  [data-r]:not([data-r~='yorkshire-and-the-humber'])
  [data-mfill] {
  fill: var(--solar-report-mute);
}

[data-region='yorkshire-and-the-humber']
  [data-r]:not([data-r~='yorkshire-and-the-humber'])
  [data-inlabel] {
  fill: var(--solar-report-ink);
}

[data-region='yorkshire-and-the-humber']
  [data-r~='yorkshire-and-the-humber']
  [data-rlabel],
[data-region='yorkshire-and-the-humber']
  [data-r~='yorkshire-and-the-humber']
  [data-svglabel],
[data-region='yorkshire-and-the-humber']
  [data-r~='yorkshire-and-the-humber'][data-listrow],
[data-region='yorkshire-and-the-humber']
  tr[data-r~='yorkshire-and-the-humber']
  > * {
  font-weight: 600;
}

[data-region='yorkshire-and-the-humber']
  [data-r~='yorkshire-and-the-humber'][data-selbg],
[data-region='yorkshire-and-the-humber']
  [data-r~='yorkshire-and-the-humber'][data-listrow],
[data-region='yorkshire-and-the-humber']
  tr[data-r~='yorkshire-and-the-humber']
  > * {
  background: var(--solar-report-wash);
}

/* east-midlands: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='east-midlands']
  [data-r]:not([data-r~='east-midlands'])
  [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='east-midlands']
  [data-r]:not([data-r~='east-midlands'])
  [data-swatch] {
  background: var(--solar-report-mute);
}

/* east-of-england: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='east-of-england']
  [data-r]:not([data-r~='east-of-england'])
  [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='east-of-england']
  [data-r]:not([data-r~='east-of-england'])
  [data-swatch] {
  background: var(--solar-report-mute);
}

/* london: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='london'] [data-r]:not([data-r~='london']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='london'] [data-r]:not([data-r~='london']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* north-east: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='north-east'] [data-r]:not([data-r~='north-east']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='north-east'] [data-r]:not([data-r~='north-east']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* north-west: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='north-west'] [data-r]:not([data-r~='north-west']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='north-west'] [data-r]:not([data-r~='north-west']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* northern-ireland: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='northern-ireland']
  [data-r]:not([data-r~='northern-ireland'])
  [data-m2]:not([data-ni-full] *) {
  fill: var(--solar-report-mute-2);
}

[data-region='northern-ireland']
  [data-r]:not([data-r~='northern-ireland'])
  [data-swatch] {
  background: var(--solar-report-mute);
}

/* scotland: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='scotland'] [data-r]:not([data-r~='scotland']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='scotland'] [data-r]:not([data-r~='scotland']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* south-east: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='south-east'] [data-r]:not([data-r~='south-east']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='south-east'] [data-r]:not([data-r~='south-east']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* south-west: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='south-west'] [data-r]:not([data-r~='south-west']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='south-west'] [data-r]:not([data-r~='south-west']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* wales: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='wales'] [data-r]:not([data-r~='wales']) [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='wales'] [data-r]:not([data-r~='wales']) [data-swatch] {
  background: var(--solar-report-mute);
}

/* west-midlands: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='west-midlands']
  [data-r]:not([data-r~='west-midlands'])
  [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='west-midlands']
  [data-r]:not([data-r~='west-midlands'])
  [data-swatch] {
  background: var(--solar-report-mute);
}

/* yorkshire-and-the-humber: the second series' marks grey lighter, and the pie key's
   swatches grey with their slices (changes C16). */
[data-region='yorkshire-and-the-humber']
  [data-r]:not([data-r~='yorkshire-and-the-humber'])
  [data-m2] {
  fill: var(--solar-report-mute-2);
}

[data-region='yorkshire-and-the-humber']
  [data-r]:not([data-r~='yorkshire-and-the-humber'])
  [data-swatch] {
  background: var(--solar-report-mute);
}

/* While a region is highlighted the map's continuous colour scale and the
   four-band keys no longer describe the greyed marks, so they are hidden
   (change C16). */
[data-solar-report]:not([data-region='uk']) [data-map-scale],
[data-solar-report]:not([data-region='uk']) [data-band-key] {
  display: none;
}

/* Northern Ireland is not in the savings figures: its "This region only"
   views of findings 4 and 5 show no chart area at all (change C10). */
[data-region='northern-ireland'] [data-ni-hide] {
  display: none;
}

/* On a phone, a detail table wider than its box fades at the right edge
   under a line saying to scroll sideways (change D5). */
@media (max-width: 639.98px) {
  [data-table-overflowing] .overflow-x-auto {
    -webkit-mask-image: linear-gradient(
      to right,
      #000 calc(100% - 28px),
      transparent
    );
    mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
  }
}

/* Northern Ireland has no mark in the savings charts, so its Highlight mode
   keeps findings 4 and 5 in full colour with no grey note (change FX6). */
[data-region='northern-ireland'] [data-ni-full] [data-regional-note] {
  display: none;
}

/* The three-regions label written above the chart shows only on a phone,
   where there is no room for it beside the bars or on the arc (FX7, FX10). */
@media (min-width: 640px) {
  [data-top-regions-phone] {
    display: none;
  }
}