/* utforsk.css - «Utforsk i full størrelse»: appens skjerm i full skjerm over /bygg og forsiden. Kun tokens. */
.uf{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--pd-tekst);color:var(--pd-petrol-tekst);display:none;flex-direction:column}
.uf[open]{display:flex}
.uf::backdrop{background:var(--bakteppe)}
.uf-topp{display:flex;align-items:center;gap:var(--beffen-rom-4);min-height:64px;padding:0 var(--beffen-rom-5);border-bottom:1px solid color-mix(in srgb,var(--pd-petrol-tekst) 28%,transparent)}
.uf-tittel{margin:0;font-size:var(--pv-liten);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uf-tittel b{font-weight:600}
.uf-tittel{font-family:var(--font-tekst);font-weight:400;line-height:1.3}
.uf-skjermvalg{display:flex;gap:var(--beffen-rom-1);margin-left:auto;padding-right:var(--beffen-rom-4);border-right:1px solid color-mix(in srgb,var(--pd-petrol-tekst) 28%,transparent)}
.uf-skjermknapp{flex:none;min-height:44px;padding:0 var(--beffen-rom-3);border:0;border-bottom:2px solid transparent;background:none;color:var(--pd-petrol-demp);font:inherit;font-size:var(--pv-liten);font-weight:600;cursor:pointer;white-space:nowrap}
.uf-skjermknapp[aria-selected=true]{color:var(--pd-petrol-tekst);border-bottom-color:var(--pd-kobber-lys)}
.uf-skjermknapp:focus-visible{outline:2px solid var(--pd-petrol-tekst);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.uf-skjermknapp:not([aria-selected=true]):hover{color:var(--pd-petrol-tekst)}}
.uf-faner{display:flex;gap:var(--beffen-rom-1);overflow-x:auto;scrollbar-width:none}
.uf-faner::-webkit-scrollbar{display:none}
.uf-fane{flex:none;min-height:44px;padding:0 var(--beffen-rom-4);border:1px solid color-mix(in srgb,var(--pd-petrol-tekst) 40%,transparent);border-radius:var(--pd-radius);background:none;color:var(--pd-petrol-tekst);font:inherit;font-size:var(--pv-liten);font-weight:500;cursor:pointer;white-space:nowrap}
.uf-fane[aria-selected=true]{background:var(--pd-flate);border-color:var(--pd-flate);color:var(--pd-tekst);font-weight:600}
.uf-fane:focus-visible{outline:2px solid var(--pd-petrol-tekst);outline-offset:2px}
.uf-lukk{flex:none}
.uf .ms-kn:not(.primar){background:var(--pd-flate);color:var(--pd-tekst);border-color:var(--pd-flate)}
.uf-ramme{position:relative;flex:1 1 auto;min-height:0;overflow:auto;padding:var(--beffen-rom-5);-webkit-overflow-scrolling:touch}
.uf-skjerm{margin:0 auto;width:var(--uf-bredde,1440px);min-height:100%;background:var(--pd-bg);border-radius:var(--pd-radius);box-shadow:var(--natt-skygge);overflow:hidden}
.uf-skjerm iframe{display:block;width:100%;height:calc(100vh - 64px - 64px - var(--beffen-rom-5)*2);border:0;background:var(--pd-bg)}
/* Mobilsider (Timer, Kundeportalen) i telefonramme som kundeflatene ellers */
.uf-skjerm.telefon{width:var(--uf-bredde,420px);border-radius:24px;border:1px solid var(--pd-kant-sterk);background:var(--pd-flate)}
.uf-skjerm.telefon iframe{height:min(860px,calc(100vh - 64px - 64px - var(--beffen-rom-5)*2))}
.uf-laster{position:absolute;top:var(--beffen-rom-5);left:50%;transform:translateX(-50%);margin:0;padding:var(--beffen-rom-2) var(--beffen-rom-4);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);font-size:var(--pv-liten)}
.uf-lapp{position:absolute;left:50%;bottom:calc(64px + var(--beffen-rom-4));transform:translateX(-50%);margin:0;max-width:calc(100% - var(--beffen-rom-8));padding:var(--beffen-rom-3) var(--beffen-rom-5);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);font-size:var(--pv-liten);font-weight:500;box-shadow:var(--natt-skygge);text-align:center}
.uf-bunn{display:flex;gap:var(--beffen-rom-3);justify-content:flex-end;min-height:64px;padding:0 var(--beffen-rom-5);border-top:1px solid color-mix(in srgb,var(--pd-petrol-tekst) 28%,transparent);align-items:center}
.uf-bunn .ms-kn.primar{background:var(--pd-kobber-fyll);border-color:var(--pd-kobber-kant);color:var(--pd-kobber-fyll-tekst)}
.anim .uf-lapp{transition:opacity var(--uf-lapp) var(--ease-ut)}
.uf-lapp[hidden]{display:none}
/* Knappen i rammen i /bygg og lenken i Tillegg */
.uf-apne{display:inline-flex;align-items:center;gap:var(--beffen-rom-2);min-height:44px;margin-top:var(--beffen-rom-3);color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--pd-kobber);background:none;border:0;padding:0;font:inherit;font-size:var(--pv-liten);cursor:pointer}
.bg-panel .uf-apne{color:var(--pd-tekst)}
.pv-ta-panel .uf-apne{color:var(--pd-petrol-tekst);text-decoration-color:var(--pd-kobber-lys);margin-left:var(--beffen-rom-5)}
/* «Se Beff slik den er»: fem kort med ekte miniatyrbilder av avtrykkene, på /bygg og forsiden */
.sb .pv-hjelp{max-width:40em;margin-bottom:var(--beffen-rom-6)}
.sb-kort-rad{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--beffen-rom-4)}
.sb-kort{display:flex;flex-direction:column;gap:var(--beffen-rom-2);margin:0;padding:0;border:1px solid var(--pd-kant);border-radius:var(--pd-radius);background:var(--pd-flate);color:var(--pd-tekst);text-decoration:none;overflow:hidden;cursor:pointer;font:inherit;text-align:left}
.sb-kort img{display:block;width:100%;aspect-ratio:8/5;object-fit:cover;object-position:top left;border-bottom:1px solid var(--pd-kant-svak);background:var(--pd-seksjon)}
.sb-kort.telefon img{object-position:top center}
.sb-navn{display:block;padding:var(--beffen-rom-3) var(--beffen-rom-4) 0;font-family:var(--font-display);font-weight:600;font-size:clamp(22px,1.6vw,26px);line-height:1.1}
.sb-hva{display:block;padding:0 var(--beffen-rom-4) var(--beffen-rom-4);font-size:var(--pv-liten);color:var(--pd-demp)}
.sb-kort:focus-visible{outline:2px solid var(--pd-fokus);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.sb-kort:hover{border-color:var(--pd-tekst)}.sb-kort:hover img{opacity:.92}}
.sb-kort:active{transform:scale(.985)}
.anim .sb-kort{transition:transform 160ms var(--ease-ut),border-color 150ms var(--ease-ut)}
.anim .sb-kort img{transition:opacity 150ms var(--ease-ut)}
/* Inngangen i rammens toppstripe i /bygg */
.bg-app-utforsk{margin:0 var(--beffen-rom-3) 0 auto;min-height:36px;padding:0 var(--beffen-rom-3);border:1px solid var(--pd-petrol-demp);border-radius:var(--pd-radius);color:var(--pd-petrol-tekst);text-decoration:none;font-size:var(--pv-liten);font-weight:600;white-space:nowrap}
.bg-app-utforsk[hidden]{display:none}
@media (hover:hover) and (pointer:fine){.bg-app-utforsk:hover{background:var(--pd-flate);color:var(--pd-tekst);border-color:var(--pd-flate)}}
.bg-app-topp .bg-app-ord{margin-left:0}
@media (max-width:1279px){.sb-kort-rad{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1023px){
  .uf-topp{flex-wrap:wrap;min-height:0;padding:var(--beffen-rom-3) var(--beffen-rom-4);gap:var(--beffen-rom-2) var(--beffen-rom-3)}
  /* Mobil: skjermvelgeren bærer skjermnavnet, så tittelen leses bare av skjermlesere */
  .uf-tittel{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .uf-skjermvalg{order:1;flex:1 1 0;min-width:0;margin-left:0;padding-right:0;border-right:0;overflow-x:auto;scrollbar-width:none}
  .uf-lukk{order:2;min-height:44px}
  .uf-skjermvalg::-webkit-scrollbar{display:none}
  .uf-skjermknapp{min-height:40px;padding:0 var(--beffen-rom-2)}
  .uf-faner{order:3;flex:1 1 100%;flex-wrap:wrap;overflow:visible}
  .uf-fane{min-height:40px;padding:0 var(--beffen-rom-3);font-size:var(--skrift-kontroll)}
  .uf-skjerm.telefon{width:min(var(--uf-bredde,420px),100%)}
  .bg-app-utforsk{display:none}
  .sb-kort-rad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .uf-ramme{padding:var(--beffen-rom-3)}
  .uf-skjerm iframe{height:calc(100vh - 190px - 64px - var(--beffen-rom-3)*2)}
  .uf-bunn{padding:0 var(--beffen-rom-4)}
}