/* Aliquam Consulting – cookie-rutan (alla sidor). "Godkänn" och "Neka" har avsiktligt exakt
   samma utseende: IMY har kritiserat banners där det ena valet framhävs. */
.samtycke {
  position: fixed; z-index: 1000; left: 16px; right: 16px; bottom: 16px;
  max-width: 460px; margin-left: auto;
  padding: 20px 22px 18px;
  background: rgba(14, 14, 16, 0.96);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
  color: #F3F3F4;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 4px 20px 4px 4px;
  box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.75);
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px; line-height: 1.55;
  opacity: 0; transform: translateY(12px);
  transition: opacity .3s ease, transform .4s cubic-bezier(.16, 1, .3, 1);
}
.samtycke.is-open { opacity: 1; transform: none; }
.samtycke[hidden] { display: none; }
.samtycke-rubrik { margin: 0 0 6px; font-family: "Space Grotesk", system-ui, sans-serif; font-weight: 600; font-size: 16px; color: #fff; }
.samtycke-text { margin: 0; color: rgba(243, 243, 244, 0.72); }
.samtycke-text em { font-style: normal; color: #F3F3F4; }
.samtycke-mer { margin-top: 10px; color: rgba(243, 243, 244, 0.72); }
.samtycke-mer summary { cursor: pointer; color: #E36470; font-weight: 600; width: max-content; }
.samtycke-mer ul { margin: 8px 0 0; padding-left: 18px; }
.samtycke-mer li { margin: 4px 0; }
.samtycke-mer strong { color: #F3F3F4; font-weight: 600; }
.samtycke-knappar { display: flex; gap: 10px; margin-top: 16px; }
.samtycke-knapp {
  flex: 1 1 0; min-height: 44px; padding: 10px 16px;
  font: 600 14.5px "Manrope", system-ui, sans-serif;
  color: #F3F3F4; background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.22); border-radius: 4px 10px 4px 4px;
  cursor: pointer; transition: background .2s ease, border-color .2s ease;
}
.samtycke-knapp:hover { background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.4); }
.samtycke-knapp:focus-visible, .samtycke-mer summary:focus-visible { outline: 2px solid #E36470; outline-offset: 2px; }
@media (max-width: 479px) { .samtycke { left: 10px; right: 10px; bottom: 10px; padding: 18px 18px 16px; } }
@media (prefers-reduced-motion: reduce) { .samtycke { transition: none; transform: none; } }

/* länken i sidfoten */
.sf-legal-link, .sf-cookie-btn {
  padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 0.85rem; color: rgba(243, 243, 244, 0.62);
  text-decoration: underline; text-underline-offset: 3px;
}
.sf-legal-link:hover, .sf-cookie-btn:hover { color: #F3F3F4; }
.sf-legal-link:focus-visible, .sf-cookie-btn:focus-visible { outline: 2px solid #E36470; outline-offset: 2px; }
@media (max-width: 1023px), (pointer: coarse) { .sf-legal-link, .sf-cookie-btn { display: inline-block; padding: 8px 0; } }
.samtycke-lank { color: #E36470; text-decoration: underline; text-underline-offset: 3px; }
.sf-bottom .sf-legal-link, .sf-bottom .sf-cookie-btn { margin-right: 18px; }