/* ============================================
   VSO-Hulp.nl Style Overrides
   Alle visuele verbeteringen op één plek
   ============================================ */

/* --- 5. Warmere achtergrondkleur --- */
:root {
	    --section-bg: #faf8f2 !important;
}

/* --- 1. CTA-knoppen: goud met witte tekst (Von Restorff effect) --- */
.submit-btn,
.lead-magnet-form button {
	    background-color: #c5a059 !important;
	    color: #ffffff !important;
	    border: none !important;
}

.submit-btn:hover,
.lead-magnet-form button:hover {
	    background-color: #1a1a1a !important;
	    color: #ffffff !important;
}

/* --- 2. Step-buttons: lichtgouden achtergrond + dikkere gouden border --- */
.step-btn {
	    background-color: #faf3e0 !important;
	    border: 2px solid #c5a059 !important;
}

.step-btn:hover {
	    background-color: #c5a059 !important;
	    color: #ffffff !important;
	    border-color: #c5a059 !important;
}

/* --- 3. Topbar: warm donkergoud i.p.v. zwart --- */
.topbar-alert {
	    background-color: #3d3422 !important;
}

/* --- 4. Urgentie-kleur voor waarschuwingen --- */
.urgentie-warning {
	    background-color: #fef5ec;
	    border-left: 4px solid #d35400;
	    padding: 15px 20px;
	    margin: 15px 0;
	    font-size: 0.9rem;
	    color: #1a1a1a;
	    font-weight: 500;
}

.urgentie-warning strong {
	    color: #d35400;
}

/* Chat-knop ook goud maken voor consistentie */
#chat-btn {
	    background-color: #c5a059 !important;
}

#chat-btn:hover {
	    background-color: #1a1a1a !important;
}