/* =========================================================
   ELEMENTOR BRIDGE
   Objectif :
   - fond noir global du site
   - sections/conteneurs Elementor transparents par défaut
   - si un fond est défini dans Elementor en inline, il override ce CSS
   - conserver les comportements legacy qui marchent déjà
   ========================================================= */

/* =========================================================
   VARIABLES DE COMPAT
   ========================================================= */

:root{
  --ma-right-w: 50%;
}

/* =========================================================
   FONDS PAR DÉFAUT
   ========================================================= */

/* Sections / containers transparents par défaut */
.elementor-section,
.elementor-section > .elementor-container,
.e-con,
.e-con > .e-con-inner,
.elementor-widget,
.elementor-widget-container{
  background-color: transparent;
}

/* Contenu Elementor principal transparent */
[data-elementor-type="wp-page"],
[data-elementor-type="single"],
[data-elementor-type="wp-post"],
[data-elementor-type="archive"],
.elementor-location-single,
.elementor-location-archive{
  background: transparent;
}

/* Header location transparent par défaut */
.elementor-location-header{
  background: transparent;
}

/* =========================================================
   HEADER LEGACY COMPAT
   ========================================================= */

.logo-text{
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity var(--dur-base) ease,
    transform var(--dur-base) ease;
}

.logo-img{
  opacity: 0;
  transform: translateX(-200px);
  transition:
    opacity var(--dur-base) ease,
    transform var(--dur-base) ease;
}

.elementor-sticky--effects .logo-text{
  opacity: 0;
  transform: translateX(-200px);
}

.elementor-sticky--effects .logo-img{
  opacity: 1;
  transform: translateX(0);
}


.header-blur{
  background: rgba(255,255,255,.78);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* =========================================================
   HERO : RESTAURATION DU COMPORTEMENT HISTORIQUE
   - conserve --ma-right-w
   - conserve .ma-hero__left / .ma-hero__right
   ========================================================= */

.ma-hero{
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 160vh !important; /* 200vh + lent*/
  min-height: 160vh !important; /* 200vh + lent*/
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  z-index: 1 !important;
}

.ma-hero__stage{
  position: sticky !important;
  top: var(--ma-header-h) !important;
  left: 0 !important;
  width: 100% !important;
  height: calc(100vh - var(--ma-header-h)) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  isolation: isolate !important;
}

.ma-hero__left{
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 50% !important;
  height: 100% !important;
  min-height: 0 !important;
  z-index: 1 !important;

  display: flex !important;
    
  align-items: center !important;       /*centre verticalement*/ 
  justify-content: flex-start !important;

  box-sizing: border-box !important;
  padding: clamp(50px, 4vw, 100px) !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.ma-hero-titre{
  width: 100%;
  padding: clamp(10%, 4vw, 10%) !important;
}
.titre-alt{
/*    font-family: var(--font-title);*/
    font-weight:400; 
}
.ma-hero-soustitre{
  padding: clamp(10%, 4vw, 20%) !important;
  padding-top: 25px !important;
}

.ma-hero__right{
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: auto !important;
  width: var(--ma-right-w, 50%) !important;
  height: 100% !important;
  min-height: 0 !important;
  z-index: 2 !important;
  overflow: hidden !important;
  background: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* neutralise certains wrappers Elementor */
.ma-hero > .e-con-inner,
.ma-hero__stage > .e-con-inner,
.ma-hero__left > .e-con-inner,
.ma-hero__right > .e-con-inner{
  display: contents !important;
}

/* le widget carousel doit prendre toute la hauteur */
.ma-hero__right > .elementor-widget,
.ma-hero__right > .elementor-widget-image-carousel,
.ma-hero__right > .elementor-widget-image-carousel > .elementor-widget-container{
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Swiper / Elementor full height */
.ma-hero__right .elementor-image-carousel-wrapper,
.ma-hero__right .swiper,
.ma-hero__right .elementor-image-carousel,
.ma-hero__right .swiper-wrapper,
.ma-hero__right .swiper-slide,
.ma-hero__right .swiper-slide-inner,
.ma-hero__right figure{
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ma-hero__right .swiper-slide{
  display: flex !important;
  align-items: stretch !important;
}

/* image cover */
.ma-hero__right img,
.ma-hero__right .swiper-slide-image{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* titre */
.ma-hero__left .elementor-heading-title{
  margin: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

/* section suivante */
.ma-after-hero{
  position: relative !important;
  z-index: 5 !important;
  background: #FFFFFF !important;
}

/* mobile / tablet */
@media (max-width: 1024px){
  .ma-hero{
    height: auto !important;
    min-height: 0 !important;
     
  }

  .ma-hero__stage{
    position: relative !important;
    top: auto !important;
    height: auto !important;
    display: block !important;
  }

  .ma-hero__left,
  .ma-hero__right{
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
  }

  .ma-hero__left{
    pointer-events: auto !important;
    padding: 24px !important;
  }

  .ma-hero__right{
    aspect-ratio: 16 / 9 !important;
  }
  .ma-after-hero{
  padding: 0px 25px !important;
   }   
}

/* =========================================================
   TERMS SHORTCODE : RESTAURATION LEGACY
   ========================================================= */

.ma-terms{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: flex-start;
}

.ma-term-group{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}

.ma-term-pills{
  display: inline-flex;
  gap: 8px;
  flex-wrap: wrap;
}

.ma-term-label{
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
}

.ma-term-pill{
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  background-color: #F2F2F2;
  color: #111111;
  border-radius: 3px;
  line-height: 1;
  text-decoration: none;
  font-size: 13px;
}

.ma-term-pill:hover{
  opacity: .85;
  color: #FFF !important;
  background-color: #0036FF !important;
  text-decoration: none !important;
}

.ma-term-pill--static{
  cursor: default;
}

.ma-terms--block{
  flex-direction: column;
  align-items: flex-start;
}

.ma-terms--block .ma-term-group{
  width: 100%;
}

/* =========================================================
   TAGS / TERMS ELEMENTOR
   restauration spacing + style
   ========================================================= */

.elementor-widget-post-info .elementor-post-info__terms-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
  column-gap: 0;
  font-size: 0; /* masque séparateurs */
}

.elementor-widget-post-info .elementor-post-info__item--type-terms,
.elementor-widget-post-info .elementor-icon-list-text,
.elementor-widget-post-info .elementor-icon-list-item{
  display: block;
}

.elementor-widget-post-info .elementor-post-info__terms-list > .elementor-post-info__terms-list-item{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  border-radius: 3px;
  line-height: 2.5;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 10px;
  transition: all .2s ease;
  background-color: #F2F2F2;
  color: #111111 !important;
}

.elementor-widget-post-info .elementor-post-info__terms-list > .elementor-post-info__terms-list-item:last-child{
  margin-right: 0;
}

.elementor-widget-post-info .elementor-post-info__terms-list > a.elementor-post-info__terms-list-item:hover,
.elementor-widget-post-info .elementor-post-info__terms-list > a.elementor-post-info__terms-list-item:focus{
  color: #FFF !important;
  background-color: #0036FF !important;
  text-decoration: none !important;
  outline: none;
  opacity: .85;
}

.elementor-widget-post-info .elementor-inline-item::after{
  display: none !important;
  content: none !important;
}

/* =========================================================
   PORTFOLIO / FILTERS
   ========================================================= */

/* si tu veux masquer "All" */
.elementor-portfolio__filters li:first-child{
  display: none;
}

.elementor-widget-portfolio .elementor-portfolio-item__img{
  background-size: cover;
  background-position: center;
}

/* badge count */
.e-filter-item .ma-filter-count,
.elementor-portfolio__filter .ma-filter-count{
  display: inline-flex;
}

/* =========================================================
   LOOP E-FLEX / ROLLOVER
   restauration du hover existant
   ========================================================= */

.e-loop-item{
  position: relative;
}

.e-loop-item .elementor-element-b0762fd,
.e-loop-item .ma-loop__reveal{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;
  z-index: 2;
  will-change: opacity, transform;
}

.e-loop-item:hover .elementor-element-b0762fd,
.e-loop-item:focus-within .elementor-element-b0762fd,
.e-loop-item:hover .ma-loop__reveal,
.e-loop-item:focus-within .ma-loop__reveal{
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* =========================================================
   LEGACY CARD COMPAT
   ========================================================= */

.projet-card{
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-md);
}

.projet-card img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.projet-card__overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: var(--space-lg);
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity var(--dur-base) ease,
    transform var(--dur-base) ease;
}

.projet-card:hover .projet-card__overlay{
  opacity: 1;
  transform: translateY(0);
}

/* =========================================================
   PATCH COMPAT — FILTER COUNT + LOOP PROJETS
   ========================================================= */

/* =========================
   FILTER COUNT
   restaure le badge count historique
   compatible .ma-count et .ma-filter-count
   ========================= */

.e-filter-item .ma-count,
.elementor-portfolio__filter .ma-count,
.e-filter-item .ma-filter-count,
.elementor-portfolio__filter .ma-filter-count{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  margin-left: .5em !important;
  border-radius: 999px;
  font-size: .85em;
  line-height: 1;
  border: 1px solid currentColor;
  opacity: .85;
  vertical-align: middle;
  box-sizing: border-box;
}

@media (max-width: 767px){
  .e-filter-item .ma-count,
  .elementor-portfolio__filter .ma-count,
  .e-filter-item .ma-filter-count,
  .elementor-portfolio__filter .ma-filter-count{
    min-width: 20px;
    height: 20px;
    font-size: .8em;
  }
}

/* =========================
   LOOP PROJETS
   restaure le rollover image + titre dessous
   classes attendues :
   .ma-card
   .ma-thumb
   .ma-img--main
   .ma-img--hover
   .ma-title
   ========================= */

.ma-card{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ma-card .ma-thumb,
.ma-push{
  position: relative !important;
  overflow: hidden;
  aspect-ratio: 5 / 4;
/*  background: #f2f2f2;*/
}

.ma-card .ma-thumb .ma-img--main,
.ma-card .ma-thumb .ma-img--hover,
.ma-img-push{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

/* wrappers Elementor */
.ma-card .ma-thumb .elementor-widget-container,
.ma-card .ma-thumb .elementor-widget-image,
.ma-card .ma-thumb .elementor-widget-image .elementor-widget-container,
.ma-card .ma-thumb .elementor-widget-image .elementor-image,
.ma-card .ma-thumb .elementor-widget-image a,
.ma-card .ma-thumb .elementor-widget-image figure{
  width: 100% !important;
  height: 100% !important;
}

/* image cover */
.ma-card .ma-thumb img,
.ma-card .ma-thumb .elementor-widget-image img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  transform: scale(1);
  transition: transform .45s ease, opacity .25s ease;
}

/* états par défaut */
.ma-card .ma-thumb .ma-img--main{
  z-index: 1 !important;
  opacity: 1;
}

.ma-card .ma-thumb .ma-img--hover{
  z-index: 2 !important;
  opacity: 0;
}

/* zoom léger */
.ma-card:hover .ma-thumb .ma-img--main img,
.ma-card:hover .ma-thumb .ma-img--hover img{
  transform: scale(1.015);
}

/* fallback si pas d'image hover */
.ma-card .ma-thumb .ma-img--hover img[src=""],
.ma-card .ma-thumb .ma-img--hover img:not([src]){
  display: none !important;
}

/* crossfade seulement si image hover réelle présente */
.ma-card:hover .ma-thumb .ma-img--hover:has(img[src]):not(:has(img[src=""])){
  opacity: 1;
}

.ma-card:hover .ma-thumb .ma-img--main:has(+ .ma-img--hover:has(img[src]):not(:has(img[src=""]))){
  opacity: 0;
}

/* titre sous l'image, masqué par défaut */
.ma-card .elementor-widget-theme-post-title.ma-title,
.ma-card .ma-title{
  opacity: 0;
  transform: translateY(6px);
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}

/* affichage du titre au hover */
.ma-card:hover .elementor-widget-theme-post-title.ma-title,
.ma-card:hover .ma-title{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* shapes éventuelles dans la thumb */
.ma-card .ma-thumb .elementor-shape{
  position: absolute;
  inset: auto 0 0 0;
  z-index: 3;
  pointer-events: none;
}

/* =========================================================
   PATCH COMPAT — GALLERY ACF SINGLE LEGACY
   restaure :
   - numérotation sur chaque image
   - pattern 1 + 2 + 2 + 1
   - bloc crédits inline sous la galerie
   ========================================================= */

.ma-acf-gallery{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:24px !important;
}

.ma-acf-gallery__item{
  margin:0 !important;
  grid-column:span 1 !important;
}

/* Pattern 1 + 2 + 2 + 1 (boucle de 6) */
.ma-acf-gallery__item:nth-child(6n+1),
.ma-acf-gallery__item:nth-child(6n){
  grid-column:1 / -1 !important;
}

/* Zone image */
.ma-acf-gallery__media{
  position:relative;
  aspect-ratio:4 / 5;
  overflow:hidden;
}

.ma-acf-gallery__item:nth-child(6n+1) .ma-acf-gallery__media,
.ma-acf-gallery__item:nth-child(6n) .ma-acf-gallery__media{
  aspect-ratio:16 / 9;
}

.ma-acf-gallery__img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
}

/* Numéro sur chaque image */
.ma-acf-gallery__num{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:28px;
  height:28px;
  padding:0 8px;
  border-radius:999px;
  background:#0036FF;
  color:#FFF;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
}

/* Bloc crédits sous chaque groupe */
.ma-acf-gallery__captions{
  grid-column:1 / -1 !important;
  margin:0;
  font-size:12px;
  line-height:1.4;
  opacity:.75;
}

.ma-acf-gallery__captions-title{
  margin:0 0 8px 0;
  font-weight:600;
  opacity:.9;
}

.ma-acf-gallery__captions-list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
}

.ma-acf-gallery__captions-list li{
  margin:0;
  padding:0;
  white-space:nowrap;
}

.ma-acf-gallery__captions-num{
  display:inline-block;
  margin-right:6px;
  padding:2px 6px;
  border:1px solid currentColor;
  border-radius:999px;
  font-size:11px;
  line-height:1.1;
  opacity:.9;
}

/* Mobile */
@media (max-width:767px){
  .ma-acf-gallery{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .ma-acf-gallery__item{
    grid-column:1 / -1 !important;
  }

  .ma-acf-gallery__media{
    aspect-ratio:4 / 5;
  }

  .ma-acf-gallery__item:nth-child(6n+1) .ma-acf-gallery__media,
  .ma-acf-gallery__item:nth-child(6n) .ma-acf-gallery__media{
    aspect-ratio:16 / 9;
  }

  .ma-acf-gallery__captions-list{
    flex-direction:column;
    gap:8px;
  }

  .ma-acf-gallery__captions-list li{
    white-space:normal;
  }
}
/* Pages single + archive sur fond noir */
body.single .elementor-location-single,
body.archive .elementor-location-archive,
body.tax .elementor-location-archive,
body.category .elementor-location-archive,
body.tag .elementor-location-archive,
body.single [data-elementor-type="single"],
body.single [data-elementor-type="wp-post"],
body.archive [data-elementor-type="archive"],
body.tax [data-elementor-type="archive"],
body.category [data-elementor-type="archive"],
body.tag [data-elementor-type="archive"],
body.single #content,
body.single .site-main,
body.archive #content,
body.archive .site-main,
body.tax #content,
body.tax .site-main,
body.category #content,
body.category .site-main,
body.tag #content,
body.tag .site-main{
  background: #FFFFFF !important;
}

/* =========================================================
   THEME INVERSE — garde-fous legacy
   ========================================================= */

.ma-hero__left,
.ma-hero__content,
.ma-hero__left .elementor-heading-title,
.ma-hero__content .elementor-heading-title{
  color: #111111 !important;
}

footer.elementor-location-footer,
footer.elementor-location-footer .elementor-widget-container,
footer.elementor-location-footer .e-con,
footer.elementor-location-footer .e-con-inner{
  background: #000000 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
}
/*
TOGGLE PROJET
*/
.ma-acf-toggles{
  border-top:1px solid rgba(255,255,255,.18);
}

.ma-acf-toggle{
  border-bottom:1px solid rgba(255,255,255,.18);
}

.ma-acf-toggle__title{
  position:relative;
  display:block;
  cursor:pointer;
/*padding:22px 44px 22px 0; align droite*/
  padding:22px 0 22px 44px; /* espace à gauche pour le + / - */    
  list-style:none;
  font-size:clamp(18px, 2vw, 24px);
  line-height:1.3;
  font-weight:500;
}

/* enlève la flèche native */
.ma-acf-toggle__title::-webkit-details-marker{
  display:none;
}
.ma-acf-toggle__title::marker{
  display:none;
  content:"";
}

/* icône + par défaut */
.ma-acf-toggle__title::after{
  content:"+";
  position:absolute;
  top:50%;
/*  right:0; à droite */
  left:0;
  right:auto;
  transform:translateY(-50%);
  font-size:28px;
  line-height:1;
  font-weight:700;
}

/* icône - quand c'est ouvert */
.ma-acf-toggle[open] .ma-acf-toggle__title::after{
  content:"−";
}

.ma-acf-toggle__content{
  padding:0 0 22px 0;
}

.ma-acf-toggle__content > *:last-child{
  margin-bottom:0;
}
/*
FIN TOGGLE PROJET
*/
/*UL LI*/
.ul{
  margin:0 !important;
  padding-left:0 !important;
  list-style:none !important;
}

.ul li{
  position:relative;
  list-style:none !important;
  padding-left:18px !important;
  margin-bottom:10px !important;
}

.ul li::marker{
  content:"" !important;
}

.ul li::before{
  content:">" !important;
  position:absolute;
  left:0;
  top:0;
}
.ma-term-pills a,
.ma-term-pills a:link,
.ma-term-pills a:visited{
    color:#000;
    text-decoration:none !important;
}
.elementor-widget-theme-post-content a,
.elementor-widget-theme-post-content a:link,
.elementor-widget-theme-post-content a:visited
{
  color:#000;
  text-decoration:underline;
}
.elementor-widget-theme-post-content a:hover
{
    color:var(--color-accent);
    text-decoration:underline;
}



/*UL LI*/

/*CF7 FORM*/
.cf7-deux-colonnes{
    display: flex;
    flex-direction: row;
    column-gap: 20px;
}

.cf7-deux-colonnes label{
    min-width:0px;
    max-width: 50%;
    padding-right: 20px;
}
.cf7-ligne{
    margin-bottom: 10px;
    max-width: 100%;
}

@media (max-width:560px){
.cf7-deux-colonnes{
    flex-direction: column;
    }
}
    
.ma-cf7 label{
    line-height: 2em;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-select {
    padding: 10px;                /* marge interne de 10 pixels*/
    border-radius: 0px !important;       /* rayon de la bordure courbé de 3 pixels */
    /*  background: #e8eaed;           arrière-plan de couleur #e8eaed (code couleur HEX) */
    font-size: 17px;              /* taille de police de 17 pixels */
    color: black;               /* couleur de police */
    background-color: #fbfbfb;
    border-style: solid;
    border-width: 0px 0px 1px 0px !important;
    border-color: #000 !important;
    /*    border-radius: 60px 60px 60px 60px;*/
}

.wpcf7-submit, .wpcf7-submit:focus, .wpcf7-submit:active, .wpcf7-submit:visited {
   
    background-color: var(--e-global-color-primary);
    font-family: "neue-haas-grotesk-display", Sans-serif;
    font-weight: 700;
    font-style: normal;
    fill: var(--e-global-color-7305681);
    color: var(--e-global-color-7305681);
    border-style: solid;
    border-width: 2px 2px 2px 2px !important;
    border-color: #0136FE;
    border-radius: 60px 60px 60px 60px !important;
}

.wpcf7-submit:hover {
    background: white;   /* couleur d’arrière-plan */
    color: #0136FE;
    font-family: "neue-haas-grotesk-display", Sans-serif;
    font-weight: 700;
    border-style: solid;
    border-width: 2px 2px 2px 2px !important;
    border-color: #0136FE;
    border-radius: 60px 60px 60px 60px;
    cursor: pointer;       /* forme du curseur de la souris */
}

.wpcf7-not-valid-tip {
    color: #0136FE !important;
    font-size: 1em;
    font-weight: 700;
    display: block;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: #0136FE;
}
/*SELECT*/
/* =========================
   SELECT harmonisé Chrome / Safari
   ========================= */

.ma-cf7 .wpcf7-form-control-wrap{
  display:block;
}

.ma-cf7 select{
  width:100%;
  display:block;
  box-sizing:border-box;
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;

  background-color: #fbfbfb;
  color:var(--ma-form-text);
  font-family:var(--ma-form-font);
  font-size:16px;
  font-weight:500;
  line-height:1.5;

  box-shadow:none;
  outline:none;

  height:60px;
  min-height:60px;
  padding:0 35px 0 20px;

  /* flèche custom */
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat:no-repeat;
  background-position:right 10px center;
  background-size:16px 16px;
  cursor:pointer;
  border-style: solid;
  border-width: 0px 0px 1px 0px !important;
  border-color: #000 !important;
}

/* focus */
.ma-cf7 select:focus{
  border-bottom-color:var(--ma-form-line-strong);
}

/* retire certains styles internes Safari */
.ma-cf7 select::-ms-expand{
  display:none;
}

/* options */
.ma-cf7 select option{
  color:#000;
  background-color: #fbfbfb;
  font-weight:500;
}

/* text area 100%*/
.ma-cf7 .wpcf7-textarea{
/*    width:100% auto!important;*/
}

/* évite certains rendus arrondis / zooms iOS */
.ma-cf7 select,
.ma-cf7 input,
.ma-cf7 textarea{
  border-radius:0;
  -webkit-border-radius:0;
}
.cf7-honeypot {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	display:none;
}
/* CF7 */
/* =========================================================
   SEOPRESS CONSENT BUTTON
   ========================================================= */
.seopress-user-consent button {
    padding: 12px 30px 12px 30px !important;
    border: 2px solid #0036FF !important;
    border-radius: 60px !important;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    flex: 0 1 auto;
    min-width: 120px;
    background:#1a1a1a;
    color:#0036FF;
}

#seopress-user-consent-accept
{
    color: #ffffff !important;
    background-color: #0036FF !important; 
    border: 2px solid #0036FF !important;

}
#seopress-user-consent-close{
    color: #0036FF !important;
    background-color: #ffffff !important;
    border: 2px solid #0036FF !important;
}

.seopress-user-consent button:hover {
    background: #0036FF !important;
}