-en, ved siden av de
eksisterende relative/overflow-hidden-klassene — gir en flat, jevn
mørk overlay via ::after (generert innhold, ingen ekstra ),
som erstatter den tidligere per-side linear-gradient-diven.
.hero-tekst: legges til på tekst-wrapperen inni hero-en, i tillegg
til (ikke i stedet for) den eksisterende absolute/inset-0/z-10 — den
diven MÅ være absolutt posisjonert for riktig vertikal sentrering
uten en prosent-basert h-full (se h-full-regresjonen dokumentert i
supabase/tests/sticky-header-footer-nav-tester.js), så kun farge og
tekstskygge er tatt med her, ikke position/z-index. */
.hero::after {
content: "";
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.28);
pointer-events: none;
}
.hero-tekst {
color: #fff;
text-shadow:
0 1px 3px rgba(0, 0, 0, 0.75),
0 4px 14px rgba(0, 0, 0, 0.35);
}
/* ── Kort-hover — sitewide standard for alle kort-grid (restaurant-kort/
aktivitet-kort/plass-kort/overnatting-kortene) ─────────────────────────
Utviklet og testet først isolert på overnatting.html sine kort (egen
klasse der, .overnatting-kort-premium), deretter godkjent som ny
standard og flyttet hit + rullet ut på de tre andre kort-gridene.
Erstatter den tidligere, forskjellige oppførselen hver side hadde for
seg (Tailwind sin shadow-soft-klasse i alltid-på hvile + et raskt/hardt
hopp til en mørkere skygge på 0.2s ease ved hover): subtil skygge i
hvile i stedet for shadow-soft sin lyse 20px/40px-skygge, mye
mykere/større dobbel-lags skygge + 6px løft (mot 4px før) + valgfri
bilde-zoom (.kort-premium-bilde, samme scale-mønster som booking.html
sine featured-bilder) ved hover, på en roligere
cubic-bezier(0.16,1,0.3,1)-kurve (500-600ms) i stedet for ease 0.2s.
cursor:pointer lagt til her (var tidligere satt lokalt kun på
.restaurant-kort/.aktivitet-kort — camping.html sin .plass-kort manglet
den helt, se supabase/tests for evt. dekning). border-color:transparent
ved hover er et bevisst no-op for de kortene som ikke har noen border i
utgangspunktet (kun overnatting.html sine kort har det). */
.kort-premium {
cursor: pointer;
box-shadow: 0 1px 2px rgba(25,28,29,0.04), 0 1px 3px rgba(25,28,29,0.06);
transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),
box-shadow 0.5s cubic-bezier(0.16,1,0.3,1),
border-color 0.5s cubic-bezier(0.16,1,0.3,1);
}
.kort-premium:hover {
transform: translateY(-6px);
box-shadow: 0 8px 16px rgba(25,28,29,0.06), 0 32px 64px rgba(25,28,29,0.12);
border-color: transparent;
}
.kort-premium-bilde { transition: transform 0.6s cubic-bezier(0.16,1,0.3,1); }
.kort-premium:hover .kort-premium-bilde { transform: scale(1.06); }
/* ── Tenantstyrt tekst (kunde_sideinnhold) — unngå fallback-glimt ────────
Elementer med denne klassen (hero-tittel/-ingress som kan overstyres av
kunde_sideinnhold) er skjult med visibility:hidden — IKKE display:none —
fram til siden sitt eget JS har hentet get-tenant-config?side=... og
avgjort om innholdet er kundens egen tekst eller i18n-standardteksten.
visibility:hidden beholder elementets plass i layouten (ingen
layout-hopp for naboelementer), i motsetning til display:none. Siden
fjerner klassen (se avsloerTenantTekst()-mønsteret i hver sides eget
script) uansett utfall — også ved feilet nettverkskall — slik at
teksten ALDRI blir usynlig for godt. Delt av alle sider som bruker
denne modellen (i dag: camping.html/booking.html, senere rom.html for
hotellrom/øvrige overnattingstyper). */
.tenant-tekst-lastes { visibility: hidden; }