/* site.css (global) */

:root {
    --font-main: 'Lato',sans-serif;
    --font-hero: 'Fredoka',sans-serif;
    --cta1: #ff9900;
    --cta2: #f47a0b;
    --ink: #ffffff;
    --ink-sub: #e6eefc;
    --ink-dark: #121212;
    --radius: 14px;
    --container: 1200px;
    --shadow: 0 10px 30px rgba(0,0,0,.2);
    --card: #fff;
    --card-shadow: 0 20px 60px rgba(0,0,0,.10);
    --card-glow: 0 40px 100px rgba(0,0,0,.06);
    --header-h: 68px;
}

* {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-main);
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--ink);
    background-color: #0f2f8f;
    line-height: 1.5;

    /* VIKTIGT:
       Ta bort padding-top här.
       Fixed header-kompensering ska ligga i layouten (.main-content) för att undvika dubbel padding. */
}

/* Global container – används av Index2-markupen överallt */
.container {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
}
#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none; /* Dölj som standard */
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui.show {
    display: block; /* Visa bara när Blazor lägger till .show klassen */
}