/* ============================
   KitRoom Footer – Modern Clean
   (oppdatert: ingen top-border, CTA-only newsletter, ingen popup)
   ============================ */

:root{
  --kr-text:#111;
  --kr-muted:#f1f3f5;
  --kr-muted-2:#f6f7f9;
  --kr-accent:#111;      /* matcher ATC-outline */
  --kr-bd:#eef2f6;       /* hairline-delestreker */
  --kr-link:#0d6efd;
}

.kr-footer{
  background:#fff;
  color:var(--kr-text);
  padding:28px 0 22px;
  /* border-top:1px solid var(--kr-bd);  <-- fjernet linjen over footeren */
}
.kr-footer__inner{ max-width:1280px; margin:0 auto; padding:0 20px; }

/* ---------- Selg-drakter: hele stripen klikkbar ---------- */
.kr-foot-sellstrip{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  text-decoration:none; color:inherit;
  background:linear-gradient(180deg,#fbfcfd,#f7f9fc);
  border:1px solid var(--kr-bd);
  border-radius:12px;
  padding:10px 16px;
  margin-bottom:16px;
  transition:transform .08s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.kr-foot-sellstrip:hover{
  transform:translateY(-1px);
  border-color:#e5eaf1;
  box-shadow:0 6px 20px rgba(0,0,0,.06);
}
.kr-foot-sellstrip__text{ margin:0; font-weight:700; }
.kr-eyebrow{
  margin-left:8px; color:#6b7280;
  font-variant-caps:all-small-caps; letter-spacing:.06em;
}

/* CTA på høyre side av stripen */
.kr-sellstrip-cta{
  display:inline-flex; align-items:center; justify-content:center;
  height:36px; padding:0 14px; border-radius:9999px;
  border:1.5px solid var(--kr-accent); background:#fff; color:#111;
  font-weight:800; letter-spacing:.2px;
  transition:transform .06s ease, background .18s ease, color .18s ease, border-color .18s ease;
  position:relative;
}
.kr-sellstrip-cta::after{
  content:"›"; font-size:1.1rem; line-height:1; margin-left:.35rem;
  transition:transform .18s ease;
}
.kr-foot-sellstrip:hover .kr-sellstrip-cta{ background:#111; color:#fff; }
.kr-foot-sellstrip:hover .kr-sellstrip-cta::after{ transform:translateX(3px); }
.kr-sellstrip-cta:active{ transform:translateY(1px); }

/* ---------- Grid med hairline-dividers ---------- */
.kr-footer__grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr 1fr;
  gap:0;
  padding:20px 0;
  border-top:1px solid var(--kr-bd);
  border-bottom:1px solid var(--kr-bd);
}
.kr-footer__grid.has-dividers > *{
  position:relative; padding:0 16px;
}
.kr-footer__grid.has-dividers > * + *::before{
  content:""; position:absolute; left:0; top:6px; bottom:6px; width:1px; background:var(--kr-bd);
}

/* Typografi */
.kr-foot__title{
  margin:0 0 8px;
  font-size:.88rem;
  text-transform:uppercase;
  letter-spacing:.045em;
  font-weight:800;
}
.kr-foot__body{ margin:0; color:#4b5563; line-height:1.55; }

/* Moderne underline */
.kr-underline{
  background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;
  transition:background-size .18s ease,color .18s ease;
  text-decoration:none; color:var(--kr-text);
}
.kr-underline:hover{ background-size:100% 1px; }

/* Lister */
.kr-foot__list{ list-style:none; margin:0; padding:0; display:grid; gap:6px; }

/* SoMe piller */
.kr-social{ list-style:none; margin:0; padding:0; }
.kr-social--pills{ display:flex; flex-wrap:wrap; gap:8px; }
.kr-social--pills a{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 12px; line-height:1;
  border:1px solid var(--kr-bd); border-radius:9999px;
  background:#fff; text-decoration:none; color:var(--kr-text);
  transition:background .18s ease, border-color .18s ease, transform .06s ease, color .18s ease;
}
.kr-social--pills a:hover{ background:#111; color:#fff; border-color:#111; transform:translateY(-1px); }
.kr-social--pills svg{ display:block; }

/* Betalingslogoer – jevn høyde og rolig hover */
.kr-paylogos{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:2px;
}
.kr-paylogos img{
  display:inline-block; height:20px; width:auto;
  filter:grayscale(.1) contrast(.95);
  opacity:.9; transition:filter .18s ease, opacity .18s ease, transform .06s ease;
}
.kr-paylogos img:hover{ filter:none; opacity:1; transform:translateY(-1px); }
.kr-paylogos__divider{ width:1px; height:16px; background:var(--kr-bd); display:inline-block; }

/* ---------- Newsletter (CTA-only) ---------- */
.kr-news{
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid var(--kr-bd);
}
.kr-news__inner{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:linear-gradient(180deg,#fbfcfd,#f7f9fc);
  border:1px solid var(--kr-bd);
  border-radius:12px;
  padding:14px;
}
.kr-news__left{ display:flex; align-items:center; gap:12px; min-width:0; }
.kr-news__icon{
  width:34px; height:34px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--kr-bd); background:#fff; color:#111;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
}
.kr-news__copy h4{ margin:0 0 2px; font-size:1rem; font-weight:800; }
.kr-news__copy p{ margin:0; color:#4b5563; }

/* Kun knapp (ikke epostfelt) */
.kr-news__actions{ flex:0 0 auto; }
.kr-news__btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:42px; padding:0 16px; border-radius:9999px; border:1.5px solid #111;
  background:#fff; color:#111; font-weight:800; letter-spacing:.2px; text-decoration:none;
  transition:background .18s ease,color .18s ease,transform .06s ease;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
}
.kr-news__btn:hover{ background:#111; color:#fff; }
.kr-news__btn:active{ transform:translateY(1px); }

/* Bunnlinje med delestrek */
.kr-footer__bottom{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  margin-top:8px; padding-top:12px; border-top:1px solid var(--kr-bd);
}
.kr-foot__legal{ margin:0; color:#6c757d; font-size:.92rem; }
.kr-foot__legal-links{ list-style:none; display:flex; gap:14px; margin:0; padding:0; }
.kr-foot__legal-links a{ color:#6c757d; text-decoration:none; }
.kr-foot__legal-links a:hover{ color:#111; text-decoration:underline; }

/* ---------- Responsiv ---------- */
@media (max-width:1100px){
  .kr-footer__grid{ grid-template-columns:1fr 1fr 1fr; row-gap:14px; }
}
@media (max-width:780px){
  .kr-footer__grid{ grid-template-columns:1fr 1fr; }
  .kr-footer__grid.has-dividers > * + *::before{ display:none; }
  .kr-footer__grid > *{ padding:10px 0; border-top:1px solid var(--kr-bd); }
  .kr-footer__grid > *:first-child{ border-top:0; }
  .kr-footer__bottom{ flex-direction:column; align-items:flex-start; gap:6px; }

  /* Nyhetsbrev CTA – full bredde på mobil */
  .kr-news__inner{ flex-direction:column; align-items:stretch; }
  .kr-news__actions .kr-news__btn{ width:100%; justify-content:center; }
}
@media (max-width:520px){
  .kr-footer__grid{ grid-template-columns:1fr; }
  .kr-foot-sellstrip{ flex-direction:column; align-items:stretch; gap:10px; }
  .kr-sellstrip-cta{ width:100%; justify-content:center; }
}