.elementor-3584 .elementor-element.elementor-element-88043a6{--display:flex;--min-height:100px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:8%;}.elementor-3584 .elementor-element.elementor-element-7937e785{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3584 .elementor-element.elementor-element-7937e785.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-3584 .elementor-element.elementor-element-88043a6{--min-height:85px;--margin-top:5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}}@media(max-width:767px){.elementor-3584 .elementor-element.elementor-element-88043a6{--min-height:65px;}.elementor-3584 .elementor-element.elementor-element-7937e785{--width:20%;}}@media(min-width:768px){.elementor-3584 .elementor-element.elementor-element-7937e785{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3584 .elementor-element.elementor-element-7937e785{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-88043a6 *//* Normal state */
#cta-devis-header {
    display: inline-block;
    padding: 12px 24px;
    font-size: 16px;
    font-weight: bold;
    color: white !important;
    text-transform: uppercase;
    text-decoration: none;
    border: 2px solid rgba(223, 199, 199, 0.5) !important;
    border-radius: 8px !important;
    backdrop-filter: blur(10px) !important;
    background: rgba(223, 199, 199, 0.2) !important;
    transition: all 0.3s ease !important;
}

#cta-devis-header:hover {
    background: rgba(223, 199, 199, 0.4) !important;
    border-color: rgba(223, 199, 199, 0.8) !important;
}

/* Sticky effect applied */
#header.elementor-sticky--effects {
    background-color: rgba(232, 223, 217, 0.8) !important;
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    transition: background-color 1s ease !important;
}

/* Ensure height transition on scroll */
#header.elementor-sticky--effects > .elementor-container {
    min-height: 70px;
    transition: min-height 2s ease !important;
}

/* Button change on sticky header */
#header.elementor-sticky--effects #cta-devis-header {
    background: rgba(44, 45, 47, 0.2) !important;
    border-color: rgba(44, 45, 47, 0.5) !important;
    color: rgba(62, 74, 89, 1) !important; /* Change text color on hover */
}

#header.elementor-sticky--effects #cta-devis-header:hover {
    background: rgba(44, 45, 47, 0.4) !important;
    border-color: rgba(44, 45, 47, 0.8) !important;
    color: rgba(62, 74, 89, 1) !important; /* Change text color on hover */
}

/* Sticky menu links */
#header.elementor-sticky--effects .menu-header li a,
#header.elementor-sticky--effects .menu-contact a {
    color: rgba(62, 74, 89, 1) !important;
    transition: color 1s ease !important;
}

/* Sticky header logo transition */
#header.elementor-sticky--effects img {
    content: url('/wp-content/uploads/2025/02/ce-jour-compte-logo-dark.png');
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

#header.elementor-sticky--effects img {
    opacity: 1;
}/* End custom CSS */