/* ===================================
   Module – Kontaktinformation + karta
   File: assets/css/modules/kontaktinfo-karta.css
=================================== */

.m-kim{
  padding: var(--space-xl) 0;
}

.m-kim__grid {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: clamp(18px, 3vw, 34px);
    align-items: stretch;
    min-height: 500px;
}

@media (max-width: 980px){
  .m-kim__grid{ grid-template-columns: 1fr; }
}

.m-kim__left {
    padding: 0;
    width: fit-content;
    padding-right: 70px;
    align-self: center;
}

.m-kim__heading{
  margin: 0 0 18px;
  font-family: var(--font-heading);
  font-size: var(--fs-h2);
  color: var(--c-tall);
}

.m-kim__rows{
  display: grid;
  gap: 14px;
}

.m-kim__row{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: baseline;
}

.m-kim__label{
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--c-tall);
  white-space: nowrap;
}

.m-kim__value{
  color: var(--c-tall);
  line-height: 1.6;
}

.m-kim__link{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.m-kim__social{
  margin-top: 18px;
  display: flex;
  gap: 10px;
  align-items: center;
}

.m-kim__social-link{
  width: 40px;
  height: 40px;
  border-radius: 999px;
  align-items: center;
  justify-content: center;
  background: var(--c-green_600, #2f4f46);
  text-decoration: none;
  color: var(--c-cream);
  display: inline-flex;
}

.m-kim__social-icon{
  width: 16px;
  height: 16px;
  display: block;
}

/* SVG storlek */
.m-kim__social-link svg{
  width: 22px;
  height: 22px;
  display: block;
}

/* Failsafe: tvinga alla shapes att ta currentColor */
.m-kim__social-link svg *{
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Hover */
.m-kim__social-link:hover{
  background-color: var(--c-bjork);
}

.m-kim__right{
  background: #cfeaf2;
  border-radius: 10px;
  overflow: hidden;
  min-height: 360px;
}

.m-kim__map{
  width: 100%;
  height: 100%;
  min-height: 360px;
}

.m-kim__map-empty{
  padding: 16px;
  color: var(--c-tall);
}