/*
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
*/

/******************************************
 * Annimation card zoom
 *****************************************/
/* ZOOM IMAGE */
.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;}

/* FILTRE BLEU */
.mon-conteneur-zoom .zoom-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 60, 122, 0.5);
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    pointer-events: none;
    z-index: 1;
}
.mon-conteneur-zoom:hover .zoom-img::after {opacity: 1;}

/* TITRE — monte légèrement au hover */
.mon-conteneur-zoom .elementor-widget-heading {transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.mon-conteneur-zoom:hover .elementor-widget-heading {transform: translateY(-8px);}

/* TEXTE & BOUTON — cachés par défaut */
.mon-conteneur-zoom .elementor-widget-text-editor,
.mon-conteneur-zoom .elementor-widget-button {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(15px);
    transition: opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* AU HOVER — révélation fluide */
.mon-conteneur-zoom:hover .elementor-widget-text-editor,
.mon-conteneur-zoom:hover .elementor-widget-button {opacity: 1;max-height: 100px;transform: translateY(0);}

/*************************************************
 * Saut conteneur hover
 *************************************************/
.conteneur-saut {transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.conteneur-saut:hover{transform: translateY(-20px);}

/*************************************************
 * Boutton rond
 *************************************************/
body .elementor .btn-rond {
    width: 150px;
    height: 150px;
    border-radius: 50% !important;
    background-color: #EDF1F7 !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;}
}
/*************************************************
 * Categorie articles
 *************************************************/
.categories-list {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.categories-list a {
    font-size: 14px;
	font-family: Geologica;
    font-weight: 400;
    letter-spacing: 1.5px;
    color: #4A4A4A;
    text-decoration: none;
    text-transform: uppercase;
}

.categories-list a:hover {color: #555;}

.categories-list .sep {
    color: #5b9bd5; /* point bleu comme sur ton image */
    font-size: 10px;
}

/*************************************************
 * Display non mobile 
 *************************************************/
@media (max-width: 768px) {
    .deco-left,
    .deco-right {
        display: none !important;
    }
	.e-n-tabs-heading ~ * img[src*="Vector-3.svg"],
    img[src*="Vector-3.svg"] {
        display: none !important;
    }
}