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

/* état “scrollé” */
header .header_sticky.is-scrolled {
  background: rgba(255, 255, 255, 0.50) !important;
  backdrop-filter: blur(15px) saturate(180%);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.lca-button{
	padding:3px 10px;
    text-decoration: none;
	border-radius:50px !important;
	text-transform:uppercase !important;
	letter-spacing:1px;
}
a.lca-button:hover{
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
}

.lca-button.glossy_blur {
	text-transform:initial !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

.lca-button.bg_white_text_gradient{
	background: #fff;
}
.lca-button.bg_white_text_gradient .lca-button-text{
	background: linear-gradient(to left, #FFCE00, #4E9D2D);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.lca-button.bg_gradient, .title_gradient strong{
	border-radius:50px !important;
	background: #4E9D2D;
	background: linear-gradient(90deg, #4E9D2D 0%, #FFCE00 100%) !important;
	color:#fff !important;
}
.title_gradient strong{
	display:inline-block;
	line-height:3.1vw;
}
.lca-button.bg_gradient{
	color:#fff !important;
	font-weight:300 !important;
}
.lca-button.bg_gradient:hover{
	color:#fff !important;
}

.lca-button.bg_gradient strong{
	font-weight:800 !important;
}

.txt_gradient_vertical{
  background: linear-gradient(#FFCE00, #4E9D2D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.txt_gradient_horizontal strong{
  background: linear-gradient(to left, #FFCE00, #4E9D2D);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.count_border {
  border-color: transparent; /* épaisseur et base transparente */
  border-image: linear-gradient( #FFCE00, #4E9D2D) 1;
  border-radius: 8px; /* facultatif */
}

.arc-shadow {
 	filter: drop-shadow(0px 5px 3px rgba(50, 50, 0, 0.2));
}
.arc-shadow > .e-con {
	background:#fff;
  clip-path: ellipse(65% 100% at 50% 0);
}
@media (max-width: 768px) {
	.arc-shadow > .e-con {
		clip-path: ellipse(100% 100% at 50% 0);
	}
}

.title_line {
	overflow:hidden;
}
.title_line .elementor-heading-title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  letter-spacing: 6px;
  padding-right: 1rem; /* espace entre le texte et le trait */
}

.title_line .elementor-heading-title::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  height: 1px;
  width: 9999px; /* pour que la ligne s'étende loin à droite */
  background: #9c9c9c;
}