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

#blockTobLeft40{transform: rotate(-45deg) translateX(-26vw) translateY(-33vw);}
h2{font-size: inherit !important; font-weight: inherit !important; text-transform: uppercase !important;}
.menu-scroll-vertical {font-family: var(--e-global-typography-primary-font-family), Sans-serif;position: fixed;top: 50%;right: 0;transform: translateY(-50%);z-index: 1000000000;background-color: #fff;border-radius: 1vw 0 0 1vw;padding: 1vw 0 1vw 1vw;box-shadow: 0 0 2vw rgba(0, 0, 0, 0.2); background-color: rgba(255, 255, 255, 1);}
.menu-scroll-vertical ul {list-style: none;margin: 0;padding: 0;}
#logo{opacity: 0; transition: opacity 0.3s ease;}
body.scroll #logo { opacity: 1 !important;}
.menu-scroll-vertical li {margin: 0.5em 0;text-align: right;}
.menu-scroll-vertical a {display: inline-block;padding: 0.3em 0.8em;color: #000;text-decoration: none;font-size: 1vw;font-weight: 300;transition: all 0.3s ease;transform-origin: right center;}
.menu-scroll-vertical a:hover,
.menu-scroll-vertical a.active {font-size: 1.5vw;font-weight: 500;color: var(--e-global-color-accent);transition: all 0.3s ease;}
.back-to-top {background: var(--e-global-color-accent);;padding: 10px 12px;border-radius: 1vw 0 0 0;z-index: 999;cursor: pointer;opacity: 0 !important;transition: opacity 0.3s ease;}
body.scroll .back-to-top {opacity: 1 !important;}
#access .elementor-icon-list-icon svg{fill: #fff !important; transition: all 0.3s ease;}
body.scroll #access .elementor-icon-list-icon svg{fill: var(--e-global-color-primary) !important}
body.scroll > header > div{background-color: #fff !important; transition: all 0.3s ease; box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);}
footer a{color: var(--e-global-color-primary);}

#slideurservices {display: flex;width: 100%;overflow: hidden;}
#slideurservices .bloc-service {flex: 1;transition: all 0.4s ease;height: 100vh;overflow: hidden;}
#slideurservices .bloc-service:before{scale: 1;	transition: all 0.3s ease;}

/* La div survolée ou active */
#slideurservices .survol {flex: 3;}
#slideurservices .survol:before{opacity: 0.3;scale: 1.8;transition: all 0.3s ease;}

/* Les autres */
#slideurservices .nonsurvol {flex: 1;}

.bloc-service .elementor-widget-heading,
.bloc-service .elementor-widget-text-editor,
.bloc-service .ctaForm {opacity: 0;visibility: hidden;height: 0;overflow: hidden;pointer-events: none;transition: opacity 0.5s ease, visibility 0s linear 0.5s;}

.bloc-service.survol .elementor-widget-heading,
.bloc-service.survol .elementor-widget-text-editor,
.bloc-service.survol .ctaForm {opacity: 1;visibility: visible;height: auto;overflow: visible;pointer-events: auto;transition: opacity 0.5s ease, visibility 0s linear 0s;}

.elementor-popup-modal.dialog-type-lightbox{ background-color: rgba(255, 255, 255, 0.3); /* Couleur de fond semi-transparente */  backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px); /* Safari */  /* Pour les navigateurs sans support */
  /* fallback visuel en arrière-plan flouté simulé */ z-index: 1000000000000}
#flowInsta *{font-size: 1vw !important}
#flowInsta .ti-feed-widget > header > .ti-widget-header .ti-profile-details .ti-name .ti-username{font-size: 2vw !important; width: 100% !important}
.ti-header-numbers{margin-left: 1vw !important; color:#fff; }
.ti-header-numbers *{color: #fff;}

@media screen and (max-width: 768px) {
  #blockTobLeft40{height: 30vw; width: 140vw; left: 0; position: fixed; transform: rotate(-45deg) translateX(-40vw) translateY(-45vw) !important}
}