body {
font-family: Arial, sans-serif;
}

.custom-navbar {
    background-color: #206fb9; /* oma väri */
}
/* 
header {
background-image: linear-gradient(135deg,#2b6cb0,#2c5282);
} */

/* header {
    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)),
                      url('images/hero.jpg');
    background-size: cover;
    background-position: center;
    color: white;
} */
/* 
header {
    position: relative;
    background-image: url('../kuvat/hero.png');
    background-size: cover;
    background-position: center;
    color: white;
} */

header {
    position: relative;
    min-height: 300px;

    background-image: url('../kuvat/hero1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

    background-color: #2c5282; /* fallback väri */

    color: white;
}
header::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6); /* ↑ lisää tummaa */
}
header > * {
    position: relative;
    z-index: 1;
}

.card {

transition: 0.2s;

}

.card:hover {

transform: translateY(-3px);
box-shadow: 0 6px 18px rgba(0,0,0,0.15);

}

.navbar-brand img {
    height: 40px;
}

.navbar .nav-link {
    color: #ffffff !important;   /* force white */
    font-weight: 600;            /* slightly bolder */
}

.navbar .nav-link:hover {
    color: #dddddd;              /* optional hover effect */
}