/* Critical CSS for initial render and layout stability */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body, html {
    height: 100%;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}

/* Basic layout elements */
.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1320px; } }

/* Header styles */
.header-wrap { 
    position: relative;
}

.top-header { 
    width: 100%;
}

.navbar-brand { 
    display: inline-block;
}

.logo img { 
    display: block;
}

/* Hero section */
.single-slide {
    position: relative;
    background-size: cover;
    background-position: center center;
    height: 600px;
}

@media (max-width: 767px) {
    .single-slide { 
        height: 400px;
    }
}

/* Critical Font Awesome icons */
.fa, .fas, .fal {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.fa-sign-in:before { content: "\f2f6"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-phone:before { content: "\f095"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-bars:before { content: "\f0c9"; }
.fa-times-circle:before { content: "\f057"; }
.fa-envelope-open-text:before { content: "\f658"; }

/* Ensure Campaign link is readable */
.campaign-menu-link {
    color: #2c3e50 !important; /* Tumedam värv paremaks loetavuseks */
}