/*
Theme Name: Elementor Child Vitrine
Theme URI: https://g-webdesign.fr/
Description: Thème enfant pour Elementor optimisé
Author: Gaetan Granet
Author URI: https://leclubkravmaga.fr/
Template: hello-elementor
Version: 1.2.2026
Text Domain: elementor-child
*/

/*************************************************
 * Nombre rond
 *************************************************/
.myNumber .elementor-heading-title {
    background: #BAF49C;
    color:#1F4941;
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50%;
    text-align: center;
    display: block;
    margin: 0 auto;
}

@media (max-width: 767px) {
    selector .elementor-heading-title {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 45px;
    }
}
/******************************************
 * Annimation card zoom
 *****************************************/
.mon-conteneur-zoom .zoom-img img {transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;will-change: transform;}
.mon-conteneur-zoom:hover .zoom-img img {transform: scale(1.2) !important;}
/***************************************
 * Afficher le corp avec lire plus
 ***************************************/.texte-cache {
    max-height: 100px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.texte-cache.ouvert {max-height: none;}
.btn-voir-plus {
    font-weight: 300!important;
    background: none!important;
    padding: 0!important;
    border: none;
    cursor: pointer;
    margin-top: 10px;
}
/*************************************************
 * Boutton rond
 *************************************************/
body .elementor .btn-rond {
    width: 150px;
    height: 150px;
    border-radius: 50% !important;
    background-color: #BAF49C !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                box-shadow 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
}
body .elementor .btn-rond:hover {transform: scale(1.05);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);}
body .elementor .btn-rond .elementor-widget {margin-bottom: 0 !important;}
@media (max-width: 767px) {
    body .elementor .btn-rond {width: 110px;height: 110px;}
}