/* CSS global pour le site */

/***********************************************/
/* Import CSS (si nécessaire)                  */
/***********************************************/
/* @import url('http://example.com/example_style.css'); */

/*****************************************/
/* Styles globaux pour le site           */
/*****************************************/
.content-wrapper--vertical-spacing, .dnd-section {
    padding: 60px 20px;
}

.kl-navbar__logo {
    width: 140px;
}

/*****************************************/
/* Boutons : Style général et spécifique */
/*****************************************/
a.Navbar__button, a.Navbar__button:hover, .button_cta, .button_cta a, button, button:hover, .button_cta:hover, .button_cta:hover a {
    background-color: #000000 !important; /* Couleur de fond */
    border-color: #000000; /* Couleur de la bordure */
    color: #fff !important; /* Couleur du texte */
    padding: 12px 20px; /* Espacement interne */
    border-radius: 5px; /* Coins arrondis */
    font-size: 16px; /* Taille de la police */
    font-weight: bold; /* Texte en gras */
    text-transform: uppercase; /* Texte en majuscules */
    transition: background-color 0.3s ease, border-color 0.3s ease; /* Animation */
}

.kl-footer__byline {
    display: none !important; /* Masque complètement cet élément */
}

a.Navbar__button:hover, .button_cta:hover {
    background-color: #f81045 !important; /* Couleur de fond au survol */
    border-color: #f81045; /* Couleur de la bordure au survol */
}

/*****************************************/
/* Styles typographiques                 */
/*****************************************/
body, span, p, h1, h2, h3, h4 {
    font-family: "Inter", sans-serif;
    line-height: 135%;
}

/*****************************************/
/* Styles spécifiques                    */
/*****************************************/
span.kl-pricing__badge {
    background-color: red;
    font-size: 14px !important;
    color: #fff;
}

.kl-features-01__card h4 {
    font-weight: bold;
    margin-bottom: 10px;
}

.kl-pricing__price h3, .kl-pricing__price h2 {
    margin-bottom: 10px;
}

.kl-pricing__price h3 {
    font-size: 20px;
}

.kl-pricing__price h2 {
    font-size: 46px;
}

.kl-pricing__card {
    box-shadow: 0 11px 30px rgba(154, 161, 177, .3);
}

.kl-pricing__description {
    font-size: 16px;
    font-weight: bold;
}

.kl-pricing hr {
    margin: 1rem;
}

/*****************************************/
/* Footer : Forcer le fond noir complet  */
/*****************************************/
footer,
.kl-footer__content, 
.footer-wrapper, 
.kl-footer {
    background-color: #000 !important; /* Fond noir pour tous les éléments du footer */
    color: #fff !important; /* Texte blanc */
    padding: 30px 0;
    width: 100%; /* Assure la couverture complète */
}

body > div.footer-wrapper {
    background-color: #000 !important; /* Forcer le parent global à noir si nécessaire */
}

/*****************************************/
/* Liens et Icônes du Footer             */
/*****************************************/
.kl-footer__menu a {
    color: #fff; /* Liens blancs */
    text-decoration: none;
    font-weight: bold;
}

.kl-footer__menu a:hover {
    color: #ccc; /* Gris clair au survol */
}

.kl-footer__social a svg {
    fill: #fff; /* Icônes sociales blanches */
    transition: fill 0.3s ease;
}

.kl-footer__social a:hover svg {
    fill: #ccc; /* Icônes sociales gris clair au survol */
}

/*****************************************/
/* Texte additionnel                     */
/*****************************************/
.kl-footer__legal > span {
    color: #ccc; /* Texte gris clair */
    font-size: 15px;
}

}