/*! aw-social-slider 2.0.3 — ActiveWEB AS. Tilpass med variablene under (på :root, .dark eller .aws--li osv.). */
.aws {
  --aws-color: #1877f2;               /* fane + topplinje (Facebook-blå; LinkedIn settes under) */
  --aws-on-color: #fff;
  --aws-bg: var(--surface, #fff);     /* panelbakgrunn — følger sidens tema hvis --surface finnes */
  --aws-fg: var(--fg, #1c1e21);
  --aws-muted: color-mix(in srgb, var(--aws-fg) 62%, transparent);
  --aws-border: var(--border, #dddfe2);
  --aws-font: inherit;
  --aws-z: 41;
  --aws-top: 50%;
  --aws-radius: 12px;                 /* fanen */
  --aws-panel-radius: 14px;           /* panelet, topp + bunn mot siden */
  position: fixed; top: var(--aws-top); z-index: var(--aws-z);
  display: flex; align-items: center;
  font-family: var(--aws-font);
  transition: transform .45s cubic-bezier(.2, .9, .3, 1);
}
.aws--li { --aws-color: #0a66c2; }
.aws--right { right: 0; transform: translate(calc(var(--aws-w) + 22px), -50%); }
.aws--left  { left: 0;  flex-direction: row-reverse; transform: translate(calc(-1 * (var(--aws-w) + 22px)), -50%); }
.aws.is-open { transform: translate(0, -50%); }
.aws svg { width: 20px; height: 20px; flex: none; }

.aws-tab {
  display: flex; align-items: center; gap: 8px; padding: 14px 10px; border: 0; cursor: pointer;
  background: var(--aws-color); color: var(--aws-on-color);
  font: 700 .95rem/1 var(--aws-font); letter-spacing: .04em;
  writing-mode: vertical-rl; transform: rotate(180deg);
  box-shadow: -4px 0 24px -6px rgba(0, 0, 0, .45);
}
.aws--right .aws-tab { border-radius: 0 var(--aws-radius) var(--aws-radius) 0; }
.aws--left  .aws-tab { border-radius: var(--aws-radius) 0 0 var(--aws-radius); box-shadow: 4px 0 24px -6px rgba(0, 0, 0, .45); }
.aws-tab svg { transform: rotate(90deg); }
.aws-tab:focus-visible, .aws-close:focus-visible, .aws-open:focus-visible, .aws-li-follow:focus-visible { outline: 3px solid var(--aws-color); outline-offset: 2px; }

.aws-panel {
  width: calc(var(--aws-w) + 22px); max-height: 86vh; overflow: auto; overscroll-behavior: contain;
  background: var(--aws-bg); color: var(--aws-fg);
  border: 1px solid var(--aws-border); box-shadow: 0 24px 60px -20px rgba(0, 0, 0, .35);
}
.aws--right .aws-panel { border-right: 0; border-radius: var(--aws-panel-radius) 0 0 var(--aws-panel-radius); }
.aws--left  .aws-panel { border-left: 0;  border-radius: 0 var(--aws-panel-radius) var(--aws-panel-radius) 0; }
.aws-panel[hidden] { display: block; visibility: hidden; }
.aws.is-open .aws-panel { visibility: visible; }

.aws-head { position: sticky; top: 0; z-index: 1; display: flex; align-items: center; gap: 10px; padding: 12px 12px 12px 16px; background: var(--aws-color); color: var(--aws-on-color); }
.aws-head strong { flex: 1; font-size: 1rem; }
.aws-close { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border-radius: 10px; cursor: pointer;
  background: transparent; color: inherit; border: 1px solid rgba(255, 255, 255, .35); }
.aws-close:hover { background: rgba(255, 255, 255, .12); }

.aws-body { position: relative; padding: 10px; }
.aws--fb .aws-body { min-height: calc(var(--aws-h) + 20px); }
.aws-body iframe { display: block; width: var(--aws-w); max-width: 100%; border: 0; border-radius: 8px; background: #fff; opacity: 0; transition: opacity .3s; }
.aws-body iframe + iframe { margin-top: 12px; }
.aws-body.is-ready iframe { opacity: 1; }
.aws-spinner { position: absolute; left: 50%; top: 50%; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%;
  border: 3px solid var(--aws-border); border-top-color: var(--aws-color); animation: aws-spin .8s linear infinite; }
.aws-body.is-ready .aws-spinner { display: none; }
@keyframes aws-spin { to { transform: rotate(360deg); } }

/* LinkedIn profile card (own markup — nothing is loaded from LinkedIn until the visitor clicks) */
.aws-li-card { position: relative; text-align: center; padding: 0 18px 18px; border: 1px solid var(--aws-border); border-radius: 12px; overflow: hidden;
  background: color-mix(in srgb, var(--aws-bg) 92%, var(--aws-fg)); }
.aws-li-cover { height: 74px; margin: 0 -18px; background: linear-gradient(135deg, #0a66c2 0%, #004182 60%, #0a2540 100%); }
.aws-li-photo { display: grid; place-items: center; width: 96px; height: 96px; margin: -48px auto 10px; border-radius: 50%; object-fit: cover;
  border: 4px solid var(--aws-bg); background: var(--aws-bg); box-shadow: 0 6px 16px -6px rgba(0, 0, 0, .4); }
.aws-li-photo--empty { color: var(--aws-color); }
.aws-li-photo--empty svg { width: 44px; height: 44px; }
.aws-li-name { font-size: 1.25rem; font-weight: 800; line-height: 1.2; }
.aws-li-headline { margin-top: 4px; font-size: .92rem; line-height: 1.45; color: var(--aws-muted); }
.aws-li-meta { margin-top: 6px; font-size: .82rem; color: var(--aws-muted); }
.aws-li-follow { display: inline-flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; padding: 9px 22px; border-radius: 999px;
  background: var(--aws-color); color: #fff; font-weight: 700; font-size: .95rem; text-decoration: none; transition: background-color .2s, transform .2s; }
.aws-li-follow:hover { background: #004182; transform: translateY(-1px); }
.aws-li-follow svg { width: 16px; height: 16px; }
.aws-li-text { margin: 14px 0 0; font-size: .9rem; line-height: 1.55; color: var(--aws-fg); opacity: .85; text-align: left; }
.aws-li-posts-h { margin: 16px 2px 8px; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--aws-muted); }

.aws-open { display: flex; align-items: center; gap: 6px; padding: 4px 16px 14px; color: var(--aws-fg); font-weight: 600; font-size: .92rem; text-decoration: none; }
.aws-open:hover { color: var(--aws-color); }
.aws-open svg { width: 16px; height: 16px; }

@media (max-width: 760px) { .aws { display: none; } }   /* mobil: skjul (bruk egen lenke/knapp der) */
@media print { .aws { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .aws, .aws-body iframe, .aws-li-follow { transition: none; } .aws-spinner { animation-duration: 2s; } }