/* Infosidor: komponenter i sidinnehållet (natt-2026-10-21/info). Temat äger bara utseendet – texten, fakta och öppettider står i sidorna.
   Alla regler ligger under .ipc så att de inte krockar med kontots och korgens klasser (.tl, .card m.fl.). */
.ipc .kick.ipc__k{display:block}
.ipc .callout{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;background:var(--soft);border-radius:10px}
.ipc .callout>div{display:grid;gap:3px}
.ipc .callout b{font:800 17px var(--display)}
.ipc .callout span{color:#3e454d;font-size:14.5px;max-width:60ch}
.ipc .callout__b{display:flex;flex-wrap:wrap;gap:10px}

/* fakta-rutor */
.ipc .facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ipc .facts li{display:grid;gap:2px;padding:14px 16px;background:var(--soft);border-radius:10px}
.ipc .facts b{font:800 20px var(--display)}
.ipc .facts span{font-size:13.5px;color:var(--mut)}

/* hjälp: tre ämnen */
.ipc .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.ipc .tile{display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.ipc .tile__ic,.ipc .vrow__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--soft)}
.ipc .tile__ic svg,.ipc .vrow__ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ipc .tile h2{margin:8px 0 0;font:800 20px var(--display)}
.ipc .tile p{margin:0;color:#3e454d;font-size:14.5px;line-height:1.5}
.ipc .tile__l{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:6px}
.ipc .tile__l a{font-weight:600;font-size:14px;color:var(--ink)}

/* kontakt: Övrig kontakt */
.ipc .co{margin-top:30px}
.ipc .co h2,.ipc .visit h2{margin:0 0 10px;font:800 18px var(--display)}
.ipc .co dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-top:14px;border-top:1px solid var(--line)}
.ipc .co dt{margin-bottom:4px;font:600 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.ipc .co dd{margin:0}

/* besök oss */
.ipc .visit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:28px;align-items:start}
.ipc .vrow{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.ipc .vrow:first-child{border-top:0;padding-top:0}
.ipc .vrow h2{margin:0 0 4px;font:800 17px var(--display)}
.ipc .vrow p{margin:0 0 6px;color:#3e454d}
.ipc .hours{border-collapse:collapse;margin:2px 0 8px}
.ipc .hours th{padding:0 22px 0 0;font-weight:600;text-align:left;border:0}
.ipc .hours td{padding:0;border:0;font-variant-numeric:tabular-nums}
.ipc .map{position:relative;aspect-ratio:1/1.05;min-height:340px;border-radius:10px;overflow:hidden;background:#eceef0;box-shadow:inset 0 0 0 1px var(--line)}
.ipc .map iframe,.ipc .map img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.ipc .map__card{position:absolute;left:14px;right:14px;bottom:14px;display:grid;gap:3px;justify-items:start;padding:14px 16px;background:var(--card);border-radius:10px;box-shadow:0 1px 0 var(--line),0 8px 24px rgba(17,19,21,.08)}
.ipc .map__card b{font:800 16px var(--display)}
.ipc .map__card span{margin-bottom:8px;color:#3e454d;font-size:14px}

/* om oss: tidslinje och block */
.ipc .tl{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.ipc .tl li{display:grid;gap:3px;padding:14px 16px 0 0}
.ipc .tl b{font:800 20px var(--display)}
.ipc .tl span{color:#3e454d;font-size:14.5px}
.ipc .blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.ipc .blocks--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ipc .block{display:grid;align-content:start;gap:6px;padding:0 0 4px}
.ipc .block__img{display:grid;place-items:center;aspect-ratio:5/3;margin-bottom:8px;border-radius:10px;overflow:hidden;background:repeating-linear-gradient(135deg,var(--soft) 0 12px,var(--card) 12px 24px);box-shadow:inset 0 0 0 1px var(--line)}
.ipc .block__img img{width:100%;height:100%;object-fit:cover;border-radius:0}
.ipc .block h2{margin:0;font:800 20px/1.15 var(--display)}
.ipc .block p{margin:2px 0 0;color:#2c3238;font-size:15px;line-height:1.6}

@media (max-width:1000px){
  .ipc .tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ipc .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ipc .blocks--3{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:860px){
  .ipc .visit{grid-template-columns:minmax(0,1fr)}
  .ipc .blocks{grid-template-columns:minmax(0,1fr);gap:26px}
}
@media (max-width:600px){
  .ipc .tiles{grid-template-columns:minmax(0,1fr)}
  .ipc .co dl{grid-template-columns:minmax(0,1fr)}
  .ipc .callout{flex-direction:column;align-items:flex-start}
  .ipc .tl{grid-template-columns:minmax(0,1fr);border-top:0}
  .ipc .tl li{grid-template-columns:110px minmax(0,1fr);align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
  .ipc .tl li:first-child{border-top:1px solid var(--ink)}
  .ipc .block__img{display:none}
  .ipc .map{aspect-ratio:auto;min-height:320px}
}