/* ===============================
   Section 2: Dégradé de fond moderne et champ de recherche
   =============================== */
.domain-checker-bg {
    background: linear-gradient(to bottom, #e0f0ff, #ffffff);
    padding: 60px 20px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.input-group-lg .form-control {
    font-size: 18px;
    padding: 12px;
    border-radius: 8px 0 0 8px;
    border: 1px solid #ccc;
}


/* ===============================
   Section 3: Bouton "Chercher"
   =============================== */
.btn-primary.domain-check-availability {
    background-color: #0073e6;
    border: none;
    border-radius: 0 8px 8px 0;
    padding: 12px 25px;
    font-size: 18px;
    color: #fff;
}

.btn-primary.domain-check-availability:hover {
    background-color: #005bb5;
}


/* ===============================
   Section 4: Texte blanc sur fond coloré
   =============================== */
.bg-primary,
.btn-primary,
.badge-primary,
.label-primary {
    color: #fff !important;
}


/* === Revoluhost Blue Accent === */

/* Boutons principaux */
.btn-primary,
.btn-warning,
.btn-success,
.btn-info {
    background-color: #0057B8 !important;
    border-color: #0057B8 !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-warning:hover,
.btn-success:hover,
.btn-info:hover {
    background-color: darken(#0057B8, 10%) !important;
    border-color: darken(#0057B8, 10%) !important;
}

/* Bordures autour des boîtes */
.featured-tld,
.domain-promo-box,
.domain-checker-bg {
    border: 2px solid #0057B8;
    border-radius: 8px;
}

/* Badge et filtres */
.badge-secondary,
.label-default {
    background-color: #0057B8 !important;
    color: #fff !important;
}