/* Kleurenpalet en styling */
:root {
    --primary-green: #76bc21; /* Gebaseerd op de groene rand van je logo */
    --primary-blue: #007bc4;  /* Gebaseerd op de blauwe tekst in je logo */
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #333;
}

.hero-section {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
                url('hero.jpg') center/cover;
    height: 400px;
}

.text-success {
    color: var(--primary-green) !important;
}

.bg-success-subtle {
    background-color: rgba(118, 188, 33, 0.1) !important;
}

.border-success {
    border-color: var(--primary-green) !important;
}

.btn-success {
    background-color: var(--primary-green);
    border-color: var(--primary-green);
}

.btn-success:hover {
    background-color: #629e1b;
    border-color: #629e1b;
}

.badge {
    padding: 0.5em 0.8em;
    font-weight: 500;
}

/* Sidebar sticky effect fix voor mobiel */
@media (max-width: 991.98px) {
    .sticky-top {
        position: relative !important;
        top: 0 !important;
    }
}