/* Cookie banner, in Strike Safe's own palette rather than Whitecap's: the brand
   navy panel with the steel-blue roofline on top and on the accept button, so
   it reads as part of this site. Loaded from the page head, not injected, so
   the banner cannot flash unstyled. The site has no fixed bar at the bottom of
   the screen, so the banner sits at the bottom on phones too. */
.strikesafe-consent{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:60;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem 1.5rem;
  max-width:var(--wrap);margin-inline:auto;
  background:var(--navy);color:#c7cfd6;
  border:1px solid rgba(255,255,255,.14);border-top:3px solid var(--steel);border-radius:6px;
  padding:1rem 1.15rem;
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  font-size:.9rem;line-height:1.55;
}
.strikesafe-consent__text{margin:0;max-width:62ch}
.strikesafe-consent__text a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.strikesafe-consent__text a:hover{color:var(--sage-2)}
.strikesafe-consent__actions{display:flex;gap:.6rem;flex:none}
.strikesafe-consent__btn{
  font-family:inherit;font-weight:700;font-size:.72rem;
  letter-spacing:.06em;text-transform:uppercase;
  padding:.55rem 1.05rem;border-radius:4px;border:2px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.strikesafe-consent__btn--accept{background:var(--steel);border-color:var(--steel);color:#fff}
.strikesafe-consent__btn--accept:hover{background:var(--steel-bright);border-color:var(--steel-bright)}
.strikesafe-consent__btn--decline{background:transparent;border-color:rgba(255,255,255,.55);color:#fff}
.strikesafe-consent__btn--decline:hover{background:#fff;color:var(--navy)}

@media(max-width:640px){
  .strikesafe-consent{left:.75rem;right:.75rem;bottom:.75rem;padding:.9rem 1rem}
  .strikesafe-consent__actions{width:100%}
  .strikesafe-consent__btn{flex:1}
}