@font-face {
    font-family: 'Posterestante';
    src: url('../fonts/Posterestante-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Posterestante';
    src: url('../fonts/Posterestante-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Posterestante';
    src: url('../fonts/Posterestante-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
.navbar{
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    padding: 0.75rem 0;
    color: #176c9c;
    .navbar-brand{
        color: #176c9c;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 0.5rem 0;
        transition: color 0.2s ease;
    }
    .navbar-brand:hover {
        color: #176c9c;
    }
    .navbar-nav{
        .nav-item {
            margin: 0 0.25rem;
        }
        .nav-link{
            color: #176c9c;
            font-size: 1.1rem;
            font-weight: 500;
            padding: 0.5rem 1rem;
            border-radius: 4px;
            transition: all 0.2s ease;
        }
        .nav-link:hover {
            color: #176c9c;
            background-color: rgba(255, 255, 255, 0.1);
        }
        .nav-link.active {
            color: #176c9c;
            background: linear-gradient(to bottom, #ffffff, #f8f9fa);
            
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2), inset 0 1px 3px rgba(255, 255, 255, 0.9);
            transform: translateY(-1px);
        }
    }
}
body{
    background-color: #f4f4f4;
    font-family: 'Posterestante', "Roboto", sans-serif;
    margin: 0;
    padding: 0;
}
.dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    padding: 0.5rem;
    min-width: 200px;
}

.dropdown-item {
    color: #333;
    padding: 0.6rem 1rem;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.dropdown-item:hover {
    background-color: rgba(0, 0, 162, 0.1);
    color: #176c9c;
    color: #fff;
}

.dropdown-item.active {
    background-color: #176c9c !important;
    color: #fff !important;
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        padding: 1rem 0;
    }
    
    .navbar-nav .nav-item {
        margin: 0.25rem 0;
    }
    
    .dropdown-menu {
        border: none;
        box-shadow: none;
        background-color: rgba(255, 255, 255, 0.1);
    }
    
    .dropdown-item {
        color: #fff;
    }
    
    .dropdown-item:hover,
    .dropdown-item.active {
        background-color: rgba(255, 255, 255, 0.15);
        color: #fff;
    }
}

.hero-bg {
    background-image: url('../img/hero.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 320px;
}
.almost-footer-bg {
    background-image: linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.50)), image-set(
        url('../img/svinesund.webp') type('image/webp'),
        url('../img/svinesund.webp') type('image/jpeg')
    );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 500px;
}
/* Mobile fallback: disable fixed attachment and force JPG */
@media (max-width: 991.98px) {
    .almost-footer-bg {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.50)), url('../img/svinesund.webp');
    }
}
/* iOS Safari fallback */
@supports (-webkit-touch-callout: none) {
    .almost-footer-bg {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(0,0,0,0.20), rgba(0,0,0,0.50)), url('../img/svinesund.webp');
    }
}
.btn-primary{
    background-color: #068699 !important;
    border-color: #068699 !important;
}
.card{
    background-color: #eefcff;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);   
}
.card-register{
    background-color: #ebebdf;
    border: none;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);   
}
.container{
    max-width: 1100px;
}
.rounded {
    border-radius: 20px !important;
}
.rounded-top {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
}
.rounded-start {
    border-top-left-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}
/* Arrow hover animation */
.bi-arrow-right {
    display: inline-block !important;
    transition: transform 0.2s ease !important;
}
a {
    color: #176c9c !important;
}
a:hover {
    color: #176c9c !important;
}
a:hover .bi-arrow-right {
    transform: translateX(4px) !important;
    color: #176c9c !important;
}
a:hover {
    color: #176c9c !important;
}
.a-white {
    color: #fff !important;
}
.a-white:hover {
    color: #fff !important;
}
.a-white:hover .bi-arrow-right {
    transform: translateX(4px) !important;
    color: #fff !important;
}
.a-blue {
    color: #176c9c !important;
}
.a-blue:hover {
    color: #176c9c !important;
}
.a-blue:hover .bi-arrow-right {
    transform: translateX(4px) !important;
    color: #176c9c !important;
}

/* Ensure register card image always covers its column */
.card-register .row > .col-5 img,
.card-register .row > [class*="col-"]:first-child img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
}
footer{
    background-color: #f3f2f2;
}
.border-footer{
    border-top: 20px solid #f3f2f2;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}