/* CSS for hero section background image */
.hero {
    background-image: linear-gradient(rgba(0, 0, 0, 0.24), rgba(0, 0, 0, 0.24)), url('../images/dødsbo-oslo.webp');
    background-size: cover;
    background-position: center;
}

/* Background for the Services section (for glassmorphism effect) */
.services {
    /* Add a dark overlay using linear-gradient */
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(122, 121, 121, .84)), url('../images/Tømme_leilighet_oslo_søppeltaxi_as.jpg'); /* Or choose another suitable background */
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Optional: Parallax effect */
    padding: 80px 0; /* Ensure section has padding */
}

/* Service card images - REMOVED backgrounds for glassmorphism */
.service-card-tomming {
    /* background: url('../images/Tømme_leilighet_oslo_søppeltaxi_as.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
}

.service-card-rydding {
    /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/rydding-bg.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
}

.service-card-utvask {
    /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/utvask-bg.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
}

.service-card-totalpakke {
    /* background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/totalpakke-bg.jpg'); */
    /* background-size: cover; */
    /* background-position: center; */
}

/* Area background images */
.area-oslo {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/oslo-bg.jpg');
    background-size: cover;
    background-position: center;
}

.area-viken {
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('../images/viken-bg.jpg');
    background-size: cover;
    background-position: center;
}

/* Logo styling */
.logo img {
    max-height: 60px;
    width: auto;
}

/* Call-to-action section background */
.cta-section {
    background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('../images/cta-bg.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}