/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Effet Glass (Générique) */


.glass-effect { 
    --blur-intensity: 0.5vw; --brightness-level: 97%;
    backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    -webkit-backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 1px 1px 1px rgba(255, 255, 255, 0.5), inset -1px -1px 1px rgba(0, 0, 0, 0.15); 
    border-radius: 1.5vw;
}
#samartPhone > div{overflow-y: auto; border-radius: 0}
.iphone-mockup-wrapper iframe{height: 648px; border-radius: 0 0 50px 50px; width: 330px !important; margin-left: -5px;}
#appContentContainer{width: 345px; border-radius: 0 0 20px 20px; }
.e-loop-item{overflow: visible !important;}
.heure h2{overflow: hidden; line-height: 1;}
.infos .elementor-icon-box-content{position: absolute; background-color: #fff; border: solid 1px #ccc; left: -5vw; padding: 1vw; width: max-content; max-width: 20vw; bottom: 0vw; border-radius: 1vw; box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.1); z-index: 1000; scale: 0; transition: all 0.3s}
.infos:hover .elementor-icon-box-content{scale: 1; transition: all 0.3s}
.infos .elementor-icon-box-icon{position: absolute;right: -5vw; }
.ti-layout-container section{width: 100%}
.tarif span{font-size: 40%; letter-spacing: -0.03vw}
.tarif.mb>div{font-size: 1.5vw !important;letter-spacing: -0.03vw !important}
.tarif.mb>div span{font-size: 60%}
.marqueBlanche a:after{content: 'Sans branding'; font-size: 70%; text-transform: none;}
img.emoji {
    height: 1em !important;  /* Prend la hauteur du texte autour */
    width: 1em !important;   /* Reste carré */
    margin: 0 .05em 0 .1em !important; /* Petites marges pour pas coller aux lettres */
    vertical-align: -0.1em !important; /* S'aligne parfaitement sur la ligne d'écriture */
    display: inline !important; /* Reste dans la ligne */
}
br.mobile{display: none;}
br.desktop{display: block;}
#header{--blur-intensity: 0.5vw; --brightness-level: 100%;
    backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    -webkit-backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));}



@media only screen and (max-width: 767px) {
    #header{--blur-intensity: 1vw; --brightness-level: 97%;
    backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));
    -webkit-backdrop-filter: blur(var(--blur-intensity)) brightness(var(--brightness-level));}
    .hideMobile{display: none !important;}
    br.mobile{display: block;}
    br.desktop{display: none;}
    .tarif>div{font-size: 10vw !important; letter-spacing: -0.03vw}
    .tarif.mb>div{font-size: 6vw !important;letter-spacing: -0.03vw !important}
    .infos .elementor-icon-box-content{position: absolute; background-color: #fff; border: solid 1px #ccc; left: -35vw; padding: 1vw; width: max-content; max-width: 82vw; bottom: 0vw; border-radius: 1vw; box-shadow: 0 0.5vw 0.5vw rgba(0, 0, 0, 0.1); z-index: 1000; scale: 0; transition: all 0.3s}
    .infos:hover .elementor-icon-box-content{scale: 1; transition: all 0.3s}
    .infos .elementor-icon-box-icon{position: absolute;right: -18vw; }
    #brevo-conversations{ right:1vw !important; bottom:1vw }
    summary{align-items: start !important;}
    summary .e-n-accordion-item-title-icon{margin-top: 1vw}


}