/* 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-faner{display:flex;gap:var(--beffen-rom-1);margin-left:auto;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)}
@media (max-width:1023px){
  .uf-topp{flex-wrap:wrap;min-height:0;padding:var(--beffen-rom-3) var(--beffen-rom-4)}
  .uf-tittel{flex:1 1 100%;white-space:normal}
  .uf-faner{margin-left:0;max-width:calc(100% - 100px)}
  .uf-ramme{padding:var(--beffen-rom-3)}
  .uf-skjerm iframe{height:calc(100vh - 150px - 64px - var(--beffen-rom-3)*2)}
  .uf-bunn{padding:0 var(--beffen-rom-4)}
}