/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
couleur pixelio

CTA : E04E39 rouge
:hover C13B28

bleu : #0D367A
hover -> #0A246A

fond : rgba(89, 140, 243, 0.1)
*/

@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Bebas+Neue&family=Figtree:ital,wght@0,300..900;1,300..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
	@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&family=Bebas+Neue&family=Figtree:ital,wght@0,300..900;1,300..900&family=Lora:ital,wght@0,400..700;1,400..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
/* Fonts */
@font-face {
    font-family: 'Poppins';
    src: url('./fonts/Poppins-Regular.ttf') format('ttf');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('./fonts/Poppins-SemiBold.ttf') format('ttf');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('./fonts/Poppins-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* WorkSans pour le corps du texte */
@font-face {
    font-family: 'Work Sans';
    src: url('./fonts/workSans-Regular.ttf') format('tff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('./fonts/workSans-Thin.ttf') format('tff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('./fonts/workSans-Italic.ttf') format('ttf');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Work Sans';
    src: url('./fonts/workSans-Bold.ttf') format('ttf');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* Styles globaux */
body {
    font-family: 'Work Sans', serif!important;;
    font-weight: 400;
    line-height: 1.6;
color: #0A246A;
}
p,li{
    color: #0A246A;
}



h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', sans-serif!important;
    font-weight: 700!important;; /* Titres forts */
    line-height: 1.2;
    color: #0A246A;
}

body {
    font-family: system-ui, sans-serif;
    font-size: 1rem;  /* 16px de base */
    line-height: 1.6;
}

h1 { font-size: 2.5rem; line-height: 1.2; margin-bottom: 0.75em; }
h2 { font-size: 2rem; line-height: 1.3; margin-bottom: 0.75em; }
h3 { font-size: 1.75rem; line-height: 1.3; margin-bottom: 0.5em; }
h4 { font-size: 1.5rem; line-height: 1.3; margin-bottom: 0.5em; }
h5 { font-size: 1.25rem; line-height: 1.2; margin-bottom: 0.5em; }
h6 { font-size: 1rem; line-height: 1.2; margin-bottom: 0.5em; }

/* Responsive scaling */
@media (min-width: 1440px) {  /* grand écran */
    body { font-size: 1.125rem; } /* 18px */
    h1 { font-size: 3rem; }
    h2 { font-size: 2.25rem; }
    h3 { font-size: 2rem; }
    h4 { font-size: 1.75rem; }
    h5 { font-size: 1.5rem; }
    h6 { font-size: 1.125rem; }
}

@media (max-width: 1024px) {
    body { font-size: 1rem; }
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.5rem; }
    h4 { font-size: 1.25rem; }
}

@media (max-width: 768px) {
    body { font-size: 0.95rem; } /* 15px pour mobile */
    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.5rem; }
    h3 { font-size: 1.25rem; }
    h4 { font-size: 1.1rem; }
    h5, h6 { font-size: 1rem; }
}
/* Inputs et textarea dans les formulaires */
form input,
form textarea {
    width: 100% !important;
    padding: 10px 5px !important;
    border: none !important;
    border-bottom: 2px solid #0A246A !important;
    outline: none !important;
    font-size: 16px !important;
    background: transparent !important;
    transition: border-color 0.3s, box-shadow 0.3s !important;
}

/* Bordure du bas au focus */
form input:focus,
form textarea:focus {
    border-bottom: 2px solid #0A246A !important;
}

/* Placeholder subtil */
form input::placeholder,
form textarea::placeholder {
    color: #aaa !important;
    transition: color 0.3s !important;
}

form input:focus::placeholder,
form textarea:focus::placeholder {
    color: #777 !important;
}
button, a {
    transition: all 0.3s ease;
}
html {
    scroll-behavior: smooth;
}
.fl-accordion-button-label:active,
.fl-accordion-button-label:focus,.fl-accordion-button-icon:active,.fl-accordion-button-icon:focus{
    outline: none !important;
    border: none !important;
}
button:hover, a:hover {
    transform: scale(1.03);
}
/* Boutons et liens dans les formulaires */
form button,
form input[type="submit"],
form a, form button {
    display: inline-block;
    text-decoration: none;
    background-color: #d4422d !important;
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 15px 50px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    transition: background-color 0.3s, transform 0.2s !important;
    text-align: center;
}

/* Hover et active */
form button:hover,
form input[type="submit"]:hover,
form a.button:hover {
    background-color: #b33a25 !important;
    transform: translateY(-2px) !important;
}

form button:active,
form input[type="submit"]:active,
form a.button:active {
    transform: translateY(0px) !important;
}

/* Labels */
form label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: 500 !important;
    color: #0A246A !important;
}
.fl-accordion-button-icon:before,.fl-accordion-button-label,.fl-accordion-content p,..fl-node-f39jey0iv65k .fl-accordion-button .fl-accordion-button-label,.fl-accordion-button-icon{
   color: #0A246A !important;
}
.fl-module-fl-post-content h3{
    font-size: 5rem;
}
.fl-module-fl-post-content *{
    color: #0A246A !important;
}

/* Espacement entre champs */
form > * {
    margin-bottom: 20px !important;
}

.wpcf7-response-output{
    border:none!important;
    color:#d4422d !important;
}#menu-header{
     justify-content: space-evenly;
     width: 100%;
 }
.faq {
    position: relative;
    cursor: pointer;
    padding-right: 20px; /* espace pour la flèche */
}
.faq::after {
    content: "▼" !important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 12px;
    transition: transform 0.3s;
}
/* Quand actif (ouvert) → flèche tournée */
.faq.active::after {
    transform: translateY(-50%) rotate(180deg);
}
.pixelio-home .fl-module-accordion {
    display: none; /* caché par défaut */
}



@media screen and (max-width: 500px) {
    footer     .fl-row-content-wrap{
        padding: 25px!important;
    }
}
@media screen and (max-width: 1440px) {
    header .fl-module-button{
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 999;
    }

}