/* Satoshi Variable font */
@font-face {
    font-family: 'Satoshi Variable';
    src: url('/wp-content/uploads/fonts/Satoshi-Variable.ttf') format('truetype');
    font-weight: 300 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Satoshi Variable';
    src: url('/wp-content/uploads/fonts/Satoshi-VariableItalic.ttf') format('truetype');
    font-weight: 300 900;
    font-style: italic;
    font-display: swap;
}

/* Hero exact spacing (matching Webflow margins) */
.elementor-element.elementor-element-hp_h1 {
    margin-bottom: 16px !important;
}
.elementor-element.elementor-element-hp_desc {
    margin-bottom: 48px !important;
}
.elementor-element.elementor-element-hp_cta_hero {
    margin-bottom: 40px !important;
}
.elementor-element.elementor-element-hp_cta_hero .elementor-button {
    width: auto !important;
    display: inline-flex !important;
}
.elementor-element.elementor-element-hp_social_proof {
    padding: 0 !important;
}
.elementor-element.elementor-element-hp_hero_left {
    gap: 0 !important;
}

/* Chevron after Nos Preparations - SVG style */
.elementor-nav-menu > li:first-child > a::after {
    content: '' !important;
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
    position: relative !important;
    top: 0px !important;
    opacity: 1 !important;
}

/* Header border - exact Webflow color */
header.elementor-location-header .e-con {
    border-bottom-color: #f0f0f0 !important;
}

/* Buttons - exact border-radius 8px (0.5rem) matching Webflow */
.elementor-button {
    border-radius: 8px !important;
}

/* Header Commencer button - exact Webflow .uui-button-5 */
header .elementor-button {
    border-radius: 8px !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 10px 18px !important;
    background-color: #0e2905 !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(16,24,40,0.05) !important;
}

/* Hero CTA button - exact Webflow .uui-button-5 */
.elementor-element-hp_cta_hero .elementor-button {
    border-radius: 8px !important;
    font-family: Inter, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding: 10px 18px !important;
}

/* Hero background - subtle off-white */
.elementor-element-hp_hero {
    background-color: #f9fafb !important;
}

/* Description text - exact Webflow */
.elementor-element-hp_desc,
.elementor-element-hp_desc .elementor-text-editor,
.elementor-element-hp_desc .elementor-text-editor p {
    color: #333333 !important;
    font-family: Inter, sans-serif !important;
    font-size: 18px !important;
    line-height: 30px !important;
}

/* Nav links - exact Webflow */
.elementor-nav-menu > li > a,
.elementor-nav-menu--main .elementor-item {
    font-family: Inter, sans-serif !important;
    color: #667085 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
}

/* H1 font weight - exact Webflow 800 */
.elementor-element-hp_h1 .elementor-heading-title {
    font-weight: 800 !important;
}

/* Footer social icons outlined */
footer .elementor-social-icon {
    background-color: transparent !important;
    border: 1.5px solid #D0D5DD !important;
}
footer .elementor-social-icon i {
    color: #667085 !important;
}
footer .elementor-social-icon:hover {
    border-color: #98A2B3 !important;
}
footer .elementor-social-icon:hover i {
    color: #344054 !important;
}

/* Footer links hover */
footer .elementor-heading-title a {
    transition: color 0.2s ease;
}
footer .elementor-heading-title a:hover {
    color: #0e2905 !important;
}