/* Consent banner, in Empire's own palette rather than Whitecap's: the black
   of the header and footer with the brand red on Accept, Barlow for the copy
   and Barlow Condensed on the buttons, so it reads as part of this site.
   Loaded from the page head, not injected, so the banner cannot flash
   unstyled. */
.empire-consent{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:120;
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;
  max-width:calc(var(--wrap) - 44px);margin-inline:auto;
  background:#000;color:#c3ccd6;
  border:1px solid var(--line);border-top:3px solid var(--red);border-radius:var(--r);
  padding:16px 20px;
  box-shadow:var(--shadow);
  font-family:'Barlow',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:.95rem;line-height:1.55;
}
.empire-consent__text{margin:0;max-width:64ch}
.empire-consent__text a{color:#fff;text-decoration:underline;text-underline-offset:2px}
.empire-consent__text a:hover{color:var(--red)}
.empire-consent__actions{display:flex;gap:10px;flex:none}
.empire-consent__btn{
  font-family:'Barlow Condensed','Barlow',sans-serif;font-weight:700;font-size:1rem;
  letter-spacing:.055em;text-transform:uppercase;
  padding:9px 22px;border-radius:var(--r);border:2px solid transparent;cursor:pointer;
  transition:background .18s,border-color .18s,color .18s;
}
.empire-consent__btn--accept{background:var(--red);border-color:var(--red);color:#fff}
.empire-consent__btn--accept:hover{background:var(--red-dk);border-color:var(--red-dk)}
.empire-consent__btn--decline{background:transparent;border-color:rgba(255,255,255,.5);color:#fff}
.empire-consent__btn--decline:hover{background:#fff;border-color:#fff;color:var(--ink)}

/* The sticky call bar shows at 980px and below and is about 60px tall, so
   the banner sits above it instead of covering "Call the shop". */
@media (max-width:980px){
  .empire-consent{bottom:72px}
}
@media (max-width:600px){
  .empire-consent{left:12px;right:12px;padding:14px 16px}
  .empire-consent__actions{width:100%}
  .empire-consent__btn{flex:1}
}

/* Footer "Privacy" and "Cookie choices" links, matching the footer credit. */
.foot-legal a{color:#c3ccd6;text-decoration:none;border-bottom:1px solid #333b46}
.foot-legal a:hover{color:#fff;border-bottom-color:var(--red)}