/* Maak de oranje domeinbanner groen */
.domain-checker-bg {
    background: #F1F1F1 !important; /* De WHMCS-groene kleur */
}

/* 1. Forceer de achtergrondkleur van de complete succes-balk naar blauw */
.alert-success, 
div.alert-success, 
#domainSearchResults .valid, 
.domain-checker-result-headline.valid,
.domain-lookup-result.available {
    background-color: #8CC63E !important;
    background: #005D9A !important;
    border-color: #123d70 !important;
}

/* 2. Forceer de tekstkleur van de domeinnaam en het vinkje naar wit voor leesbaarheid */
.alert-success,
.alert-success *,
#domainSearchResults .valid *,
.domain-checker-result-headline.valid * {
    color: #ffffff !important;
}

/* Maak de zoeken knop in de domeinchecker groen */
#btnCheckDomain,
.btn-domain-check,
.domain-checker-container .btn-primary {
    background-color: #8CC63E !important; /* Dezelfde groene kleur als de winkelwagen-knop */
    background-image: none !important;    /* Verwijdert eventuele kleurverlopen */
    border-color: #27ae60 !important;     /* Iets donkerdere groene rand voor diepte */
    color: #ffffff !important;            /* Zorgt dat de tekst 'Zoeken' wit blijft */
}

/* Kleur van de knop als je er met de muis overheen herst (hover) */
#btnCheckDomain:hover,
.btn-domain-check:hover,
.domain-checker-container .btn-primary:hover {
    background-color: #27ae60 !important; /* Iets donkerder groen tijdens hover */
    border-color: #219653 !important;
}

/* Wijzig de kleur van de 'Aan winkelwagen toevoegen' knop */
.btn-add-to-cart,
#domainSearchResults .btn-success,
.domain-checker-result-headline .btn-success,
#domainSearchResults .valid .btn {
    background-color: #8CC63E !important; /* Jouw specifieke kleur groen */
    background-image: none !important;    /* Verwijdert eventuele kleurverlopen */
    border-color: #7bb531 !important;     /* Iets donkerdere rand voor definitie */
    color: #ffffff !important;            /* Zorgt dat de tekst wit en leesbaar blijft */
}

/* Kleur van de knop als je er met de muis overheen beweegt (hover) */
.btn-add-to-cart:hover,
#domainSearchResults .btn-success:hover,
.domain-checker-result-headline .btn-success:hover,
#domainSearchResults .valid .btn:hover {
    background-color: #7bb531 !important; /* Iets donkerder groen tijdens hover */
    border-color: #6a9e28 !important;
}

/* Wijzig de kleur van de grote Afrekenen knop in de samenvatting */
#orderSummary #btnCompleteOrder,
.order-summary .btn-checkout,
.order-summary .btn-success,
#checkout .btn-checkout {
    background-color: #8CC63E !important; /* Jouw specifieke gifgroene kleur */
    background-image: none !important;    /* Verwijdert eventuele kleurverlopen */
    border-color: #7bb531 !important;     /* Iets donkerdere rand voor definitie */
    color: #ffffff !important;            /* Zorgt dat de tekst wit en leesbaar blijft */
}

/* Kleur van de Afrekenen knop tijdens hover (muis eroverheen) */
#orderSummary #btnCompleteOrder:hover,
.order-summary .btn-checkout:hover,
.order-summary .btn-success:hover,
#checkout .btn-checkout:hover {
    background-color: #7bb531 !important; /* Iets donkerder groen tijdens hover */
    border-color: #6a9e28 !important;
}