/* === Embed-tilpasninger === * * Gjelder bare når boligvelgeren kjøres i en iframe på en partnerside. * Klassen `is-embedded` settes på av et inline-script i i * boligvelger.html (self !== top), før body males, så ingenting blinker * inn og ut igjen. * * Verten har sin egen logo og hovedmeny øverst på siden. Vår ville blitt et * andre, duplisert sett — så logoen og de to lenkene som peker tilbake til * vårt eget nettsted skjules, og det som blir igjen midtstilles. * * Ingenting her påvirker frittstående besøk. */ .is-embedded [data-embed-hide] { display: none; } /* Header: logoen var det venstre elementet i en space-between-rad. Uten den ville de gjenværende lenkene blitt dyttet helt til høyre, så raden midtstilles i stedet. */ .is-embedded .nav__inner { justify-content: center; } /* Burgeren på smale skjermer er absolutt plassert til høyre, slik at de midtstilte lenkene ikke forskyves av at den finnes. */ @media (max-width: 1024px) { .is-embedded .nav__inner { position: relative; } .is-embedded .nav__toggle { position: absolute; right: var(--gutter); top: 50%; transform: translateY(-50%); } } /* Footer: samme grep — logo bort, lenker og kopirett midtstilt under hverandre i stedet for spredt utover en rad som nå mangler sitt venstre element. */ .is-embedded .footer__inner { flex-direction: column; justify-content: center; text-align: center; gap: var(--space-sm); } .is-embedded .footer__links { justify-content: center; flex-wrap: wrap; } /* === Leilighetsmodalen === * * position:fixed måles mot iframens viewport — og iframen ER like høy som alt * innholdet, siden verten strekker den. "Sentrert" havnet derfor midt i en * flere tusen piksler høy boks, langt fra der besøkeren ser. * * Å bare toppstille holder ikke: festet til toppen av iframen ville den havnet * langt OVER besøkeren når de klikker et kort nede i leilighetsrutenettet. * Den ankres derfor til siste klikkposisjon (--embed-modal-top, satt av * js/boligvelger.js) — besøkeren har nettopp klikket, så det punktet er per * definisjon på skjermen. Høyden er forelderens viewport, slik at panelet får * riktig maksimal høyde. */ .is-embedded .bv-modal { position: absolute; inset: auto 0 auto 0; top: var(--embed-modal-top, 0px); /* Nøyaktig én av forelderens viewporter, ikke iframens fulle høyde. Siden js/boligvelger.js scroller verten til iframens topp i det modalen åpnes, tilsvarer dette hele besøkerens skjerm — så bakteppet blurrer alt, ikke halve skjermen. Samme grep som fullskjermviseren for bildene. */ height: var(--orbit-viewport-h, 100vh); align-items: flex-start; padding: 1.5rem; } /* Scrollingen skjer inne i panelet, slik at modalen holder seg innenfor den ene skjermen. 90vh ville dessuten blitt målt mot iframens fulle høyde. */ .is-embedded .bv-modal__panel { max-height: calc(var(--orbit-viewport-h, 100vh) - 3rem); overflow-y: auto; } /* Filterbaren er sticky med z-index 100 og ligger midt i det området modalen dekker. Frittstående er den bak et bakgrunnsteppe som fyller hele viewporten, og dermed tydelig utenfor bildet. I embed er modalen en høy blokk inne i siden, så en tildekket filterbar leses som at noe blokkerer den. Den tas ut av syne mens modalen står oppe — visibility, ikke display, slik at layouten ikke hopper og iframe-resizer ikke endrer høyde. */ /* Filterbaren røres ikke i embed. Den ble tidligere skjult mens modalen sto oppe, fordi modalen da var en høy blokk som la seg over den. Nå er modalen nøyaktig én viewport høy og slutter før baren, så det er ingen overlapp å kompensere for. */ /* Elementer som bare hører hjemme i embed. Regelen står utenfor .is-embedded slik at de er skjult frittstående — embed.css lastes alltid. */ [data-embed-only] { display: none; } .is-embedded [data-embed-only] { display: block; } .is-embedded .bv-modal__close-bottom { margin: var(--space-md) auto 0; padding: 0.85rem 2.5rem; font-family: 'Inter', sans-serif; font-size: 0.85rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-primary, #1A1917); background: transparent; border: 1px solid rgba(20, 49, 63, 0.2); border-radius: 999px; cursor: pointer; transition: background 200ms ease, border-color 200ms ease; } .is-embedded .bv-modal__close-bottom:hover { background: rgba(20, 49, 63, 0.05); border-color: rgba(20, 49, 63, 0.4); } /* Fullskjermviseren (klikk på bildet i modalen) har nøyaktig samme to problemer: den sentrerte seg i iframens fulle høyde, og 90vh på bildet ble målt mot samme feil høyde. */ .is-embedded .bv-fullscreen { position: absolute; inset: auto 0 auto 0; top: var(--embed-modal-top, 0px); height: var(--orbit-viewport-h, 100vh); } .is-embedded .bv-fullscreen img { max-height: calc(var(--orbit-viewport-h, 100vh) - 3rem); }