/* Cookie banner, in SAMMIK's own palette: the raised navy panel from the logo
   ground, the periwinkle accent on Accept, Plus Jakarta Sans on the buttons,
   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 at every width. */
.sammik-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: 60rem; margin-inline: auto;
  background: var(--navy-2); color: #c9d0e6;
  border: 1px solid rgba(255, 255, 255, .14); border-top: 3px solid var(--peri); border-radius: var(--radius-lg);
  padding: 1rem 1.25rem;
  box-shadow: var(--shadow-md);
  font-family: var(--font-body); font-size: .92rem; line-height: 1.55;
}
.sammik-consent__text { margin: 0; max-width: 62ch; }
.sammik-consent__text a { color: var(--white); text-decoration: underline; text-underline-offset: 2px; }
.sammik-consent__text a:hover { color: var(--peri); }
.sammik-consent__actions { display: flex; gap: .6rem; flex: none; }
.sammik-consent__btn {
  font-family: var(--font-display); font-weight: 700; font-size: .92rem; line-height: 1.2;
  padding: .6rem 1.2rem; border-radius: var(--radius); border: 2px solid transparent; cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}
.sammik-consent__btn--accept { background: var(--peri-deep); border-color: var(--peri-deep); color: var(--white); }
.sammik-consent__btn--accept:hover { background: var(--peri-ink); border-color: var(--peri-ink); }
.sammik-consent__btn--decline { background: transparent; border-color: rgba(255, 255, 255, .35); color: var(--white); }
.sammik-consent__btn--decline:hover { background: rgba(255, 255, 255, .08); border-color: var(--white); }
.sammik-consent__btn:focus-visible { outline: 2px solid var(--peri); outline-offset: 2px; }

@media (max-width: 40rem) {
  .sammik-consent { left: .75rem; right: .75rem; bottom: .75rem; padding: .9rem 1rem; }
  .sammik-consent__actions { width: 100%; }
  .sammik-consent__btn { flex: 1; min-height: 2.75rem; }
}