:root {
    --aoc-green: #408030;
    --aoc-green-light: #E0F0E0;
    --aoc-yellow: #D0D010;
    --aoc-text-dark: #333333;
    --aoc-border-light: #cfd9cf;
}

/* Bakgrunn */
.page-bg {
    background: linear-gradient(180deg, var(--aoc-green-light) 0%, #ffffff 45%);
    min-height: calc(100vh - 56px - 40px);
}

/* Navbar */
.navbar {
    background-color: var(--aoc-green) !important;
}

.navbar-brand,
.navbar-nav .nav-link {
    color: #ffffff !important;
    font-weight: 500;
}

    .navbar-nav .nav-link:hover {
        color: var(--aoc-yellow) !important;
    }

/* Knapper */
.btn-primary {
    background-color: var(--aoc-green) !important;
    border-color: var(--aoc-green) !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #356c28 !important;
        border-color: #356c28 !important;
    }

.btn-outline-primary {
    color: var(--aoc-green) !important;
    border-color: var(--aoc-green) !important;
}

    .btn-outline-primary:hover {
        background-color: var(--aoc-green) !important;
        color: white !important;
    }

/* Cards */
.card {
    border: 1px solid var(--aoc-border-light) !important;
}

.card-title {
    color: var(--aoc-green);
}

/* Footer */
.footer {
    background-color: #f8f9fa;
}


.aoc-header {
    background-color: #ffffff;
}

.aoc-header-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #003366; /* klubb-blå / mørk blå */
}

.aoc-header-subtitle {
    font-size: 0.95rem;
    color: #555555;
}

.navbar-light .navbar-nav .nav-link {
    color: #003366;
    font-weight: 500;
}

    .navbar-light .navbar-nav .nav-link:hover {
        color: #0066cc;
    }

    .navbar-light .navbar-nav .nav-link.active {
        border-bottom: 2px solid #0066cc;
    }


    /* Top header with logo */
.aoc-top-header {
    background-color: #ffffff;
}

/* Banner styling */
.aoc-banner-img {
    width: 100%; /* aldri bredere enn containeren */
    height: auto; /* behold original proporsjon */
    display: block; /* fjern spacing under bildet */
    margin: 0 auto; /* sentrer bildet i containeren hvis det er smalere enn container */
}


/* Optional: nav styling for klubbfarger */
.navbar-light .nav-link {
    color: #003366;
    font-weight: 500;
}

.navbar-light .nav-link:hover {
    color: #0066cc;
}


.aoc-footer {
    background-color: #f8f9fa;
    color: #555;
}

    .aoc-footer a {
        color: #0056b3;
        text-decoration: none;
    }

        .aoc-footer a:hover {
            text-decoration: underline;
        }