.elementor-kit-7{--e-global-color-primary:#6A7D71;--e-global-color-secondary:#D78174;--e-global-color-text:#1E1E1E;--e-global-color-accent:#F5F3EF;--e-global-color-a6a383b:#FFFFFF;--e-global-color-17f2803:#E2DDD5;--e-global-color-14f8116:#173638;--e-global-typography-primary-font-family:"Work Sans";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:55px;--e-global-typography-primary-letter-spacing:1px;--e-global-typography-secondary-font-family:"Lora";--e-global-typography-secondary-font-size:25px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Work Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-line-height:27px;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-a6a383b );border-radius:0px 0px 0px 0px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-primary );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:"Work Sans", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;line-height:19px;letter-spacing:1px;color:var( --e-global-color-text );border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;padding:10px 25px 10px 10px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:40px;}.elementor-element{--widgets-spacing:40px 40px;--widgets-spacing-row:40px;--widgets-spacing-column:40px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:var( --e-global-color-text );--lightbox-ui-color:var( --e-global-color-a6a383b );--lightbox-text-color:var( --e-global-color-a6a383b );}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Niveau de gras et italique perso*/

.bold-light {
    font-weight:600;
}

.titre-projet
{
    font-style: italic;
}

/* ACCUEIL - section ma methode hover */ 
.process-card {
    transition:all .35s ease;
}

.process-card:hover{
    background:#173638;
}

/* Numéro */
.process-number{
    transition:all .35s ease;
}

.process-card:hover .process-number{
    color:#f58b82 !important;
}

/* Titre */
.process-title{
    transition:all .35s ease;
}

.process-card:hover .process-title{
    color:#ffffff !important;
}

/* Texte */
.process-text{
    transition:all .35s ease;
}

.process-card:hover .process-text{
    color:#ffffff !important;
}

/* Taille et couleurs du SVG dans les boutons */

.elementor-button-icon svg {
    width: 34px;
}

.btn-fleche-noire .elementor-button-icon svg * {
    fill: #1e1e1e !important;
}

.btn-fleche-blanche .elementor-button-icon svg * {
    fill: #ffffff !important;
}

/* MISE EN FORME ACCORDEON */
.accordion-images .e-n-accordion-item-title-header {
  flex: 1;
  min-width: 0;
}

.accordion-images .e-n-accordion-item-title-text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 15px;
}

.accordion-images .e-n-accordion-item-title-text::before {
  content: "";
  display: block;
  width: 130px;
  height: 130px;
  min-width: 130px;
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Article 1 */
.accordion-images .e-n-accordion-item:nth-child(1) .e-n-accordion-item-title-text::before {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/picto-beige-sens.png");
}

/* Article 2 */
.accordion-images .e-n-accordion-item:nth-child(2) .e-n-accordion-item-title-text::before {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/picto-beige-sensibilite.png");
}

/* Article 3 */
.accordion-images .e-n-accordion-item:nth-child(3) .e-n-accordion-item-title-text::before {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/picto-beige-pente.png");
}
  /* Article 4 */
.accordion-images .e-n-accordion-item:nth-child(4) .e-n-accordion-item-title-text::before {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/picto-beige-accompagnement.png");
}
 /* Article 5 */
.accordion-images .e-n-accordion-item:nth-child(5) .e-n-accordion-item-title-text::before {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/picto-beige-vision.png");
}

/* Mobile Elementor */
@media (max-width: 767px) {
  .accordion-images .e-n-accordion-item-title-text::before {
  width: 110px;
  height: 110px;
  min-width: 110px;
}
}

/* Forcer couleur du + et - de laccordéon */

.accordion-images .e-n-accordion-item-title-icon svg .st0 {
  fill: #173638 !important;
}

/* ajouter barre horizontale entre chaque item de l'accordéeon à la fois sur accordéon page accueil et page accompagnement) */

.accordion-images .e-n-accordion-item {
    border-bottom: 1px solid #D9D9D9;
}

.accordion-images-accompagnement .e-n-accordion-item {
    border-bottom: 1px solid #D9D9D9;
}

.accordion-images-accompagnement .e-n-accordion-item-title-text
{
    padding-bottom: 20px;
}

/* SLIDER  */
.slider-projets .elementor-swiper-button svg,
.slider-projets .elementor-swiper-button i {
  display: none;
}


/* MODIFIER LES FLECHES DU SLIDER page PROJETS (slider du haut) */

.slider-projets .elementor-swiper-button {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.slider-projets .elementor-swiper-button-prev {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/fleche-gauche.svg");
}

.slider-projets .elementor-swiper-button-next {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/fleche-droite.svg");
}

/* MODIFIER LES FLECHES DU SLIDER sous-page PROJETS (slider du bas) */

.slider-realisations .elementor-swiper-button svg,
.slider-realisations .elementor-swiper-button i {
  display: none;
}

.slider-realisations .elementor-swiper-button {
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.slider-realisations .elementor-swiper-button-prev {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/fleche-gauche.svg");
}

.slider-realisations .elementor-swiper-button-next {
  background-image: url("https://jda-architecte.fr/wp-content/uploads/2026/06/fleche-droite.svg");
}

/* Mobile */
@media (max-width: 767px) {
  .slider-realisations .elementor-swiper-button {
    width: 30px;
    height: 30px;
  }
}

/* Page Contact - mise en couleur du carré en orange */

.carre-orange .st0 {
    fill:#D78174 !important;
}

/* Page Contact - mise en couleur de la couleur des placehodlers dans les champs */

.form-contact input::placeholder,
.form-contact textarea::placeholder {    color:#000 !important;
    opacity:1 !important;
}

/* Page projets : en Desktop, les projets avec filtre catégories voient leur titre apparaitre uniquement en hover */
@media (min-width: 1025px) {

    .carte-projet .projet-hover {
        opacity: 0 !important;
        transition: opacity .3s ease !important;
        pointer-events: none;
    }

    .carte-projet:hover .projet-hover {
        opacity: 1 !important;
        pointer-events: auto;
    }
}

/* Tablette et mobile */
@media (max-width: 1024px) {

    .carte-projet .projet-hover {
        opacity: 1 !important;
        pointer-events: auto;
    }
}

/* Page projet type : forcer la couverture de l'image sur le container (ça sautait quand on mettait l'image cliquable - correctif css) */

.carousel-cover-projet .elementor-widget-image > a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  line-height: 0;
}

/* Page Projets : forcer l'ordre des catégories (filtre) dans ordre souhaité par la cliente  */

.filtre-projets .e-filter-item[data-filter="__all"] {
    order: 1 !important;
}

.filtre-projets .e-filter-item[data-filter="construction-neuve"] {
    order: 2 !important;
}

.filtre-projets .e-filter-item[data-filter="extension-surelevation"] {
    order: 3 !important;
}

.filtre-projets .e-filter-item[data-filter="transformation-renovation"] {
    order: 4 !important;
}

.filtre-projets .e-filter-item[data-filter="professionnel-collectif"] {
    order: 5 !important;
}

.filtre-projets .e-filter-item[data-filter="terrain-et-amenagement"] {
    order: 6 !important;
}/* End custom CSS */