/* Setter en pen og lesbar font for hele siden */
body {
    font-family: 'Inter', sans-serif;
    background-image: linear-gradient(rgba(241, 245, 249, 0.8), rgba(241, 245, 249, 0.8)), url('bilder/sjo.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    color: #1e293b; /* Mørk, dempet tekstfarge */
}
/* Små animasjoner for en mer levende følelse */
.fade-in { animation: fadeIn 0.5s ease-in-out; }
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
/* Stil for aktiv navigasjonsknapp */
.nav-active { background-color: #0ea5e9; color: white; }

/* Ny stil for hyttevelger-knappene med bilder */
.cabin-selector {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 150px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.cabin-selector:hover { transform: scale(1.03); }
.cabin-selector::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0.1));
    transition: background-color 0.3s ease;
}
.cabin-selector.active {
    box-shadow: 0 0 0 4px #0ea5e9;
}
.cabin-selector span { position: relative; z-index: 10; }

/* --- BILDER FOR HYTTEVELGER --- */
#tab-gamle { background-image: url('bilder/gamle_hytten.jpg'); }
#tab-nye { background-image: url('bilder/nye_hytten.jpg'); }