/* Bridge rules that the committed public/app.css on main no longer contains. Copied verbatim from release/bridgeCab's app.css. Loaded on every page of a Bridge build only. */

/* Order matters: .border-bridge-color-2 sets background-clip, and .text-bridge
   must come after it so its -webkit-background-clip: text wins on elements that
   carry both classes (the "Explore Open Data" button). This is the order the
   old branch's app.css had. */
.border-bridge-color-2 {
  --tw-border-opacity: 1;

  border-image: linear-gradient(
    to right,
    #7435fc,
    #7a39fb,
    #8d45fa,
    #ab59f8,
    #ca6df6
  );
  border-image-slice: 4;
  border-radius: 1rem;
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.border-bridge {
  --tw-border-opacity: 1;
  border-color: rgb(139 68 251 / var(--tw-border-opacity));
}

.bg-bridge-button {
  background-image: linear-gradient(
    to right,
    #7435fc,
    #7a39fb,
    #8d45fa,
    #ab59f8,
    #ca6df6
  );
}

.text-bridge {
  background: -webkit-linear-gradient(
    #7435fc,
    #7a39fb,
    #8d45fa,
    #ab59f8,
    #ca6df6
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-open-data-color-20 {
  --tw-text-opacity: 1;
  color: rgb(185 186 190 / var(--tw-text-opacity));
}

.text-bridge {
  --tw-text-opacity: 1;
  color: rgb(139 68 251 / var(--tw-text-opacity));
}

.bg-\[\#EFEAFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 234 255 / var(--tw-bg-opacity));
}

/* main's tailwind config changed open-data-color-20 from the light purple the
   Bridge footer, work section and about page were designed on (the old
   branch's value) to a grey. Restore the old value for Bridge pages. */
.bg-open-data-color-20{--tw-bg-opacity:1;background-color:rgb(239 234 255 / var(--tw-bg-opacity))}

/* The Bridge stats band sets both bg-open-data-color-24 and bg-[#F4F0FF]; in
   main's app.css the dark rule comes later and wins. Re-declare here so the
   light one wins, as it does on the old branch. */
.bg-\[\#F4F0FF\]{--tw-bg-opacity:1;background-color:rgb(244 240 255 / var(--tw-bg-opacity))}