/* Cookie banner, in Emard's own palette rather than Whitecap's: charcoal yard
   steel with the brand red 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. */
.emard-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(--char);color:#d5d7db;
  border:1px solid var(--char-3);border-radius:6px;
  padding:1rem 1.15rem;
  box-shadow:0 10px 30px rgba(28,24,20,.28);
  font-size:.9rem;line-height:1.55;
}
.emard-consent__text{margin:0;max-width:62ch}
.emard-consent__text a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.emard-consent__text a:hover{color:var(--timber-2)}
.emard-consent__actions{display:flex;gap:.6rem;flex:none}
.emard-consent__btn{
  font-family:'Oswald','Inter',system-ui,sans-serif;font-weight:500;font-size:.8rem;
  letter-spacing:.09em;text-transform:uppercase;
  padding:.55rem 1.2rem;border-radius:3px;border:2px solid transparent;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s;
}
.emard-consent__btn--accept{background:var(--red);border-color:var(--red);color:#fff}
.emard-consent__btn--accept:hover{background:var(--red-dark);border-color:var(--red-dark)}
.emard-consent__btn--decline{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.emard-consent__btn--decline:hover{background:#fff;color:var(--char)}

@media(max-width:640px){
  /* Sits above the fixed quick-actions bar on phones, which is 56px tall. */
  .emard-consent{bottom:4.6rem;padding:.9rem 1rem}
  .emard-consent__actions{width:100%}
  .emard-consent__btn{flex:1}
}