:root{
  --sk-footer-heading:#061C33;
  --sk-footer-text:#373737;
  --sk-footer-muted:#6D7680;
  --sk-footer-orange:#FFAA43;
  --sk-footer-orange-strong:#EB6D12;
  --sk-footer-line:#E8ECEF;
  --sk-footer-bg:#F8F8F8;
  --sk-footer-max:1280px;
}

.sk-footer{
  margin-top:0;
  color:var(--sk-footer-text);
  background:var(--sk-footer-bg);
  font-family:"Gilroy","Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.sk-footer a{
  color:inherit;
  text-decoration:none;
}

.sk-footer__inner{
  width:min(100% - 48px, var(--sk-footer-max));
  margin-inline:auto;
}

.sk-footer__cta{
  padding:72px 0;
  color:#fff;
  background:linear-gradient(135deg, rgba(6,28,51,.88), rgba(6,28,51,.62)), url('/wp-content/uploads/foretagsbild-pa-solkraft-sverige-solcellsforetag-i-vastra-gotalands-lan.webp') center/cover;
}

.sk-footer__cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

.sk-footer__cta h2{
  max-width:620px;
  margin:0;
  color:#fff !important;
  font-size:31px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:0 !important;
  text-shadow:0 1px 16px rgba(0,0,0,.28);
}

.sk-footer__cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:59px;
  padding:0 28px;
  border-radius:500px;
  background:linear-gradient(135deg,#FF8B1A 0%,#F0572A 100%);
  color:#fff !important;
  font-size:16px;
  font-weight:800;
  white-space:nowrap;
  transition:transform .2s ease, background .2s ease;
}

.sk-footer__cta-button:hover,
.sk-footer__cta-button:focus-visible{
  background:linear-gradient(135deg,#DD9946 0%,#EB741E 100%);
  transform:translateY(-1px);
}

.sk-footer__cta-button svg{
  width:18px;
  height:18px;
  fill:currentColor;
}

.sk-footer__main{
  padding:72px 0 52px;
  background:var(--sk-footer-bg);
}

.sk-footer__columns{
  display:grid;
  grid-template-columns:minmax(280px, 1fr) minmax(260px, 485px);
  gap:96px;
  align-items:start;
}

.sk-footer__logo{
  display:inline-flex;
  margin-bottom:52px;
  line-height:0;
}

.sk-footer__logo img{
  width:260px;
  max-width:100%;
  height:auto;
  display:block;
}

.sk-footer__contact,
.sk-footer__social a{
  display:flex;
  align-items:center;
  gap:18px;
  width:100%;
  min-height:25px;
  color:var(--sk-footer-orange) !important;
  font-size:16px;
  font-weight:600;
  transition:color .2s ease, transform .2s ease;
}

.sk-footer__contact{
  margin-bottom:28px;
}

.sk-footer__social{
  display:grid;
  gap:18px;
}

.sk-footer__contact svg,
.sk-footer__social svg{
  width:16px;
  height:16px;
  flex:0 0 16px;
  fill:var(--sk-footer-heading);
}

.sk-footer__contact:hover,
.sk-footer__contact:focus-visible,
.sk-footer__social a:hover,
.sk-footer__social a:focus-visible{
  color:var(--sk-footer-orange-strong) !important;
  transform:translateX(2px);
}

.sk-footer__menu h2{
  margin:0 0 22px;
  padding-inline:8px;
  color:var(--sk-footer-heading) !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:0 !important;
}

.sk-footer__menu ul,
.sk-footer__areas ul{
  list-style:none;
  margin:0;
  padding:0;
}

.sk-footer__menu li{
  margin:0;
}

.sk-footer__menu a{
  display:block;
  padding:10px 8px;
  color:var(--sk-footer-heading) !important;
  font-size:16px;
  font-weight:800;
  line-height:1.4;
  transition:color .2s ease, transform .2s ease;
}

.sk-footer__menu a:hover,
.sk-footer__menu a:focus-visible{
  color:var(--sk-footer-orange-strong) !important;
  transform:translateX(2px);
}

.sk-footer__areas{
  margin-top:70px;
}

.sk-footer__areas ul{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  column-gap:52px;
  row-gap:0;
}

.sk-footer__areas a{
  display:block;
  padding:8px 0;
  color:var(--sk-footer-heading) !important;
  font-size:15px;
  font-weight:800;
  line-height:1.35;
  transition:color .2s ease, transform .2s ease;
}

.sk-footer__areas a:hover,
.sk-footer__areas a:focus-visible{
  color:var(--sk-footer-orange-strong) !important;
  transform:translateX(2px);
}

.sk-footer__bottom{
  border-top:1px solid var(--sk-footer-line);
  background:var(--sk-footer-bg);
}

.sk-footer__bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:86px;
}

.sk-footer__legal{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:0;
  color:var(--sk-footer-muted);
  font-size:14px;
}

.sk-footer__legal a{
  color:var(--sk-footer-muted) !important;
}

.sk-footer__legal a:not(:last-child)::after{
  content:"";
  display:inline-block;
  width:3px;
  height:3px;
  margin:0 18px;
  border-radius:50%;
  background:#B6BEC6;
  vertical-align:middle;
}

.sk-footer__legal a:hover,
.sk-footer__legal a:focus-visible{
  color:var(--sk-footer-heading) !important;
}

.sk-footer__bottom-social{
  display:flex;
  align-items:center;
  gap:14px;
}

.sk-footer__bottom-social a{
  display:block;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--sk-footer-heading);
  opacity:.9;
  transition:opacity .2s ease, transform .2s ease;
}

.sk-footer__bottom-social a:hover,
.sk-footer__bottom-social a:focus-visible{
  opacity:1;
  transform:translateY(-1px);
}

.sk-footer a:focus-visible{
  outline:2px solid var(--sk-footer-orange-strong);
  outline-offset:4px;
}

@media (max-width:1024px){
  .sk-footer__cta{
    padding:56px 0;
  }

  .sk-footer__cta-inner,
  .sk-footer__bottom-inner{
    align-items:flex-start;
    flex-direction:column;
  }

  .sk-footer__columns{
    grid-template-columns:1fr;
    gap:54px;
  }

  .sk-footer__areas ul{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    column-gap:32px;
  }
}

@media (max-width:640px){
  .sk-footer__inner{
    width:min(100% - 32px, var(--sk-footer-max));
  }

  .sk-footer__cta h2{
    font-size:28px !important;
  }

  .sk-footer__cta-button{
    width:100%;
  }

  .sk-footer__main{
    padding:56px 0 42px;
  }

  .sk-footer__logo{
    margin-bottom:40px;
  }

  .sk-footer__areas{
    margin-top:54px;
  }

  .sk-footer__areas ul{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    column-gap:24px;
  }

  .sk-footer__bottom-inner{
    min-height:120px;
    padding:24px 0;
  }
}