/* Cookie banner, in Sweet Shenanigans' own palette rather than Whitecap's: a
   white card on the cream page with the chocolate pill buttons the rest of the
   site uses, 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 bottom
   bar on phones, so the banner can sit at the bottom edge on every width. */
.sweetshen-consent{
  position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:80;
  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(--white);color:var(--ink-2);
  border:1px solid var(--cream-3);border-radius:var(--radius);
  padding:1rem 1.25rem;
  box-shadow:var(--shadow-md);
  font-family:var(--font-body);font-size:.92rem;line-height:1.55;
}
.sweetshen-consent__text{margin:0;max-width:62ch}
.sweetshen-consent__text a{color:var(--cocoa);text-decoration:underline;text-underline-offset:3px}
.sweetshen-consent__text a:hover{color:var(--caramel)}
.sweetshen-consent__actions{display:flex;gap:.6rem;flex:none}
.sweetshen-consent__btn{
  font-family:var(--font-body);font-weight:800;font-size:.9rem;
  padding:.55rem 1.3rem;border-radius:999px;border:2px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.sweetshen-consent__btn--accept{background:var(--cocoa);border-color:var(--cocoa);color:var(--white)}
.sweetshen-consent__btn--accept:hover{background:var(--caramel);border-color:var(--caramel)}
.sweetshen-consent__btn--decline{background:transparent;border-color:var(--cream-3);color:var(--cocoa)}
.sweetshen-consent__btn--decline:hover{border-color:var(--cocoa)}

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