/* Lavkarboklubben – dialog «Lavkarboklubben er stengt» (se lukket.js) */
html.lk-lukket-open, html.lk-lukket-open body { overflow: hidden; }

.lk-lukket {
  width: min(620px, calc(100vw - 32px)); max-height: calc(100vh - 48px); box-sizing: border-box;
  padding: 28px 28px 20px; border: 0; border-radius: 10px; overflow: auto;
  background: #fff; color: #333; box-shadow: 0 12px 40px rgba(0, 0, 0, .3);
  font: 14px/1.55 Helvetica, Arial, sans-serif; text-align: left;
}
.lk-lukket::backdrop { background: rgba(13, 78, 89, .55); }
.lk-lukket.lk-lukket-fallback[open] {
  position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 10000; display: block;
}
.lk-lukket h2 { margin: 0 32px 10px 0; font-size: 22px; line-height: 1.25; color: #0d4e59; font-family: Helvetica, Arial, sans-serif; }
.lk-lukket p { margin: 0 0 10px; }
.lk-lukket a { color: #228da0; }
.lk-lukket-x {
  position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; border: 0; border-radius: 50%;
  background: transparent; color: #5d6b70; font-size: 26px; line-height: 1; cursor: pointer;
}
.lk-lukket-x:hover { background: #eef5f7; color: #0d4e59; }
.lk-lukket-liste { margin: 0 0 18px; padding: 0 0 0 18px; }
.lk-lukket-liste li { margin: 0 0 6px; }
.lk-lukket-liste a { font-weight: bold; }

.lk-lukket-cta { display: flex; gap: 12px; margin-bottom: 8px; }
.lk-lukket-item {
  flex: 1; display: flex; align-items: center; gap: 12px; padding: 14px 16px;
  background-color: #2a8b96; border-radius: 7px;
}
.lk-lukket-item img { flex: 0 0 auto; width: 40px; height: auto; }
.lk-lukket-item p { margin: 0; color: #fff; font-size: 13px; line-height: 1.45; }
.lk-lukket .lk-lukket-item a { color: #fff; font-weight: bold; text-decoration: underline; }

.lk-lukket-bunn { text-align: right; margin: 14px 0 0 !important; }
.lk-lukket-lukk {
  font: inherit; font-weight: bold; padding: 9px 22px; border-radius: 6px; cursor: pointer;
  border: 1px solid #85cfde; background: #fff; color: #228da0;
}
.lk-lukket-lukk:hover { background: #eef5f7; }

@media (max-width: 760px) {
  .lk-lukket { padding: 22px 18px 16px; }
  .lk-lukket h2 { font-size: 19px; }
  .lk-lukket-cta { flex-direction: column; gap: 8px; }
  .lk-lukket-item { padding: 12px; }
  .lk-lukket-item img { width: 32px; }
}