/* Inforuta på startsidan (nyhet om ärenden). Döljs automatiskt efter data-expires. */
.site-notice {
  position: relative; display: flex; gap: 16px; align-items: flex-start;
  max-width: 600px; margin-bottom: 30px; padding: 18px 52px 18px 18px;
  border-radius: 16px; background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .2);
  -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); color: var(--white);
  animation: site-notice-in .5s ease both .3s;
}
.site-notice[hidden] { display: none; }
.site-notice-icon {
  flex: 0 0 46px; width: 46px; height: 46px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--digital-marketing-light); color: var(--digital-marketing-black);
}
.site-notice-icon svg { width: 22px; height: 22px; }
.site-notice-body { min-width: 0; }
.site-notice-title { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; font-family: Manrope, sans-serif; font-weight: 700; font-size: 17px; line-height: 24px; color: var(--white); margin-bottom: 4px; }
.site-notice-badge { padding: 3px 9px; border-radius: 20px; background: var(--digital-marketing-light); color: var(--digital-marketing-black); font-size: 11px; line-height: 14px; letter-spacing: .08em; text-transform: uppercase; }
.site-notice-text { font-size: 15px; line-height: 23px; color: rgba(255, 255, 255, .82); margin-bottom: 10px; }
.site-notice-link { display: inline-flex; align-items: center; gap: 8px; font-family: Manrope, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .02em; text-transform: uppercase; color: var(--digital-marketing-light); }
.site-notice-link:hover { color: var(--white); }
.site-notice-close {
  position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border-radius: 50%;
  align-items: center; justify-content: center; color: rgba(255, 255, 255, .7); cursor: pointer;
}
.site-notice-close:hover, .site-notice-close:focus-visible { background: rgba(255, 255, 255, .14); color: var(--white); }
.site-notice-close svg { width: 16px; height: 16px; }
@media (max-width: 575px) {
  .site-notice { gap: 12px; padding: 14px 46px 14px 14px; }
  .site-notice-icon { flex-basis: 38px; width: 38px; height: 38px; }
  .site-notice-title { font-size: 16px; }
}
@keyframes site-notice-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .site-notice { animation: none; } }

/* Hänvisning till ärendesidan på /kontakt (permanent, inte tidsbegränsad) */
.kontakt-arende-callout {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px;
  margin-bottom: 30px; padding: 16px 20px; border-radius: 12px;
  background: #eef0ff; border: 1px solid rgba(11, 27, 230, .15); color: var(--digital-marketing-black);
}
.kontakt-arende-callout:hover { border-color: var(--digital-marketing-blue); }
.kontakt-arende-callout-text { font-size: 15px; line-height: 23px; color: var(--digital-marketing-black); }
.kontakt-arende-callout-text strong { font-weight: 700; }
.kontakt-arende-callout-cta { display: inline-flex; align-items: center; gap: 6px; font-family: Manrope, sans-serif; font-weight: 700; font-size: 13px; letter-spacing: .04em; text-transform: uppercase; color: var(--digital-marketing-blue); white-space: nowrap; }