/* Base */
.page-body img { max-width: 100%; height: auto; }
figure.image { max-width: 100%; }
figure.image img { max-width: 100%; height: auto; }

/* Heading sizes */
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.6rem; }
h3, .h3 { font-size: 1.35rem; }
h4, .h4 { font-size: 1.15rem; }
/* Rich text image alignment */
.page-body img, .project-body img, .news-body img { max-width: 100%; height: auto; }
.page-body .publio-img-left, .project-body .publio-img-left, .news-body .publio-img-left { float: left; margin: 0 1.25rem 0.5rem 0; max-width: 50%; height: auto; }
.page-body .publio-img-right, .project-body .publio-img-right, .news-body .publio-img-right { float: right; margin: 0 0 0.5rem 1.25rem; max-width: 50%; height: auto; }
.page-body .publio-img-center, .project-body .publio-img-center, .news-body .publio-img-center { display: block; margin: 0.5rem auto; float: none; height: auto; }

/* Font preset: Raleway + Nunito Sans */
h1, h2, h3, h4, h5, h6,
.navbar, .nav-link, .dropdown-item, .classic-site-title {
    font-family: 'Raleway', sans-serif;
}
body, p, li, td, th, input, textarea, select, button {
    font-family: 'Nunito Sans', sans-serif;
}

/* Custom CSS */
body { background-color: #080162 }
main { background-color: #fff7b2 }

/* Bakgrundsbild i headern */
header {
    background-color: #222; /* syns medan bilden laddar */
    background-image:
        linear-gradient(rgba(0,0,0,.35), rgba(0,0,0,.35)), /* mörkar ner bilden så texten syns */
        url('/media/upload/84');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Logga: max 180px hög, men krymper när bredden inte räcker */
header .navbar-brand {
    min-width: 0;        /* tillåter loggan att bli smalare än bildens bredd */
    flex-shrink: 1;
}
header .navbar-brand img {
    max-height: 180px !important;   /* inline-stilen kräver !important */
    max-width: 100%;
}

/* Mobil/surfplatta: lämna plats åt hamburgerknappen */
@media (max-width: 991.98px) {
    header .navbar-brand {
        max-width: calc(100% - 4.5rem);
    }
    header .navbar-brand img {
        max-height: 100px !important;
    }
}

@media (min-width: 992px) {
    header .navbar {
        align-items: stretch;
        padding-top: 0;
    }
    header .navbar > .container {
        align-items: center;
    }
    header .navbar-brand {
        margin-right: 2rem;   /* luft mellan logga och meny */
    }

    /* Menyn: behåller sin bredd, 20px från överkanten */
    header .navbar-collapse {
        flex-shrink: 0;       /* menyn krymper inte, så det är loggan som blir mindre */
        align-self: flex-start;
        margin-top: 20px;
    }
    header .navbar-nav .nav-link {
        padding-top: 0;
        white-space: nowrap;  /* "Bokning 2027" på en rad */
    }
}

/* Ljus text på mörk bild */
header .navbar.navbar-light .navbar-brand,
header .navbar.navbar-light .nav-link { color: #fff !important; }
header .navbar-toggler-icon { filter: invert(1); }

main a, main a:visited, main a:active, main a:hover { color: #080162; }

footer { color: #ffffff; }
footer a, footer a:visited, footer a:active, footer a:hover { color: #fff7b2; }