.elementor-kit-7{--e-global-color-primary:#585D35;--e-global-color-secondary:#CEC3B0;--e-global-color-text:#131313;--e-global-color-accent:#813512;--e-global-color-aa14913:#ECE9E4;--e-global-color-ce95672:#FFFFFF;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:56px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.1em;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:36px;--e-global-typography-secondary-font-weight:500;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:1px;--e-global-typography-320e639-font-family:"Inter";--e-global-typography-320e639-font-size:22px;--e-global-typography-320e639-font-weight:400;--e-global-typography-320e639-line-height:1.3em;color:var( --e-global-color-text );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-7{--e-global-typography-primary-font-size:44px;--e-global-typography-secondary-font-size:30px;--e-global-typography-text-font-size:16px;--e-global-typography-320e639-font-size:20px;--e-global-typography-320e639-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-primary-font-size:34px;--e-global-typography-secondary-font-size:26px;--e-global-typography-text-font-size:16px;--e-global-typography-accent-font-size:15px;--e-global-typography-320e639-font-size:19px;--e-global-typography-320e639-line-height:1.3em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Olive:#585D35; --Onyx:#131313; --Cognac:#813512; --Parchemin:#ECE9E4; --Chene:#CEC3B0; --Blanc:#FFFFFF; }
/* Start custom CSS *//* =========================================================
   HATI — CSS global (Elementor → Réglages du site → CSS personnalisé)
   ========================================================= */

html{scroll-padding-top:80px}


/* ============ EN-TÊTE : BANDE OLIVE ============ */

/* Téléphone vertical dans la bande */
#hati-tel{writing-mode:vertical-rl;transform:rotate(180deg)}
#hati-tel a{color:inherit;text-decoration:none}


/* ============ EN-TÊTE : BARRE DU HAUT ============ */

/* Transparente sur le hero, parchemin au scroll */
#hati-barre{transition:background .45s,border-color .45s,min-height .45s}
#hati-logo-fonce{display:none}
body.hati-scrolled #hati-barre{background:#ECE9E4;border-bottom-color:rgba(88,93,53,.55);min-height:80px}
body.hati-scrolled #hati-logo-clair{display:none}
body.hati-scrolled #hati-logo-fonce{display:block}
body.hati-scrolled #hati-barre .elementor-nav-menu--main .elementor-item{color:#131313!important}
body.hati-scrolled #hati-barre .elementor-nav-menu--main .elementor-item-active{color:#585D35!important}
body.hati-scrolled #hati-barre .elementor-menu-toggle{color:#131313!important}

/* Menu : espace entre les liens */
#hati-barre .elementor-nav-menu--main .elementor-nav-menu{gap:50px}

/* Menu : soulignement animé de gauche à droite (parchemin sur le hero) */
#hati-barre .elementor-nav-menu--main .elementor-item{
  background-image:linear-gradient(#ECE9E4,#ECE9E4);
  background-repeat:no-repeat;
  background-position:0 100%;
  background-size:0% 2px;
  transition:background-size .4s cubic-bezier(.2,.7,.2,1),color .45s;
  padding-left:0!important;padding-right:0!important}
#hati-barre .elementor-nav-menu--main .elementor-item:hover,
#hati-barre .elementor-nav-menu--main .elementor-item:focus-visible{background-size:100% 2px}

/* Après le scroll : cognac au survol, olive pour la section en cours */
body.hati-scrolled #hati-barre .elementor-nav-menu--main .elementor-item{background-image:linear-gradient(#813512,#813512)}
body.hati-scrolled #hati-barre .elementor-nav-menu--main .elementor-item-active{background-image:linear-gradient(#585D35,#585D35);background-size:100% 2px}


/* ============ BARRE WORDPRESS (quand tu es connectée) ============ */
.admin-bar #hati-barre,.admin-bar #hati-bande{top:32px}


/* ============ CARTES PROJETS (Réalisations) ============ */

/* Badge « 3 photos + » */
.hati-count{display:inline-flex;align-items:center;gap:8px;color:#ECE9E4;font-size:11.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.hati-plus{display:flex;width:28px;height:28px;border:1px solid rgba(236,233,228,.85);border-radius:50%;align-items:center;justify-content:center;font-size:15px;line-height:1;transition:background .3s,border-color .3s}

[data-hati="carte"]{cursor:pointer}
[data-hati="photo"]{position:relative!important;overflow:visible!important}

/* Zoom de la photo, sans sortir du cadre */
[data-hati="photo"] img{display:block!important;clip-path:inset(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1)!important}
[data-hati="carte"]:hover [data-hati="photo"] img{transform:scale(1.045)!important;clip-path:inset(2.15%)}

/* 2e photo qui apparaît en fondu au survol */
[data-hati="photo"] [data-hati="photo2"]{
  position:absolute!important;top:0!important;left:0!important;
  width:100%!important;height:100%!important;
  z-index:1!important;margin:0!important;
  object-fit:cover!important;
  opacity:0;
  transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.1s cubic-bezier(.2,.7,.2,1),clip-path 1.1s cubic-bezier(.2,.7,.2,1)!important}
[data-hati="photo2"] img{width:100%!important;height:100%!important;object-fit:cover!important}
[data-hati="carte"]:hover [data-hati="photo"] [data-hati="photo2"]{opacity:1}

/* Lignes de construction chêne autour de la photo */
[data-hati="photo"]::before,
[data-hati="photo"]::after{
  content:""!important;position:absolute!important;z-index:3!important;pointer-events:none!important;
  opacity:1!important;mix-blend-mode:normal!important;background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-image:linear-gradient(#CEC3B0,#CEC3B0),linear-gradient(#CEC3B0,#CEC3B0)!important;
  transition:background-size .55s cubic-bezier(.2,.7,.2,1)!important}
[data-hati="photo"]::before{
  top:-10px!important;left:-18px!important;right:auto!important;bottom:auto!important;
  width:calc(100% + 36px)!important;height:calc(100% + 20px)!important;
  background-position:0 0,100% 100%!important;background-size:0% 1px,0% 1px!important}
[data-hati="photo"]::after{
  top:-18px!important;left:-10px!important;right:auto!important;bottom:auto!important;
  width:calc(100% + 20px)!important;height:calc(100% + 36px)!important;
  background-position:0 100%,100% 0!important;background-size:1px 0%,1px 0%!important}
[data-hati="carte"]:hover [data-hati="photo"]::before{background-size:100% 1px,100% 1px!important}
[data-hati="carte"]:hover [data-hati="photo"]::after{background-size:1px 100%,1px 100%!important}

/* + cognac et symbole qui grossit */
[data-hati="carte"]:hover .hati-plus{background:#813512;border-color:#813512}
[data-hati="sym"]{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
[data-hati="carte"]:hover [data-hati="sym"]{transform:scale(1.08)}


/* ============ MOBILE ============ */
@media(max-width:767px){
  body{padding-left:20px}               /* la bande devient un liseré de 20 px */
  #hati-bande > *{display:none}
  .admin-bar #hati-barre,.admin-bar #hati-bande{top:46px}
}


/* ============ ANIMATIONS DÉSACTIVÉES (réglage système) ============ */
@media (prefers-reduced-motion:reduce){
  [data-hati="carte"] *,[data-hati="carte"] *::before,[data-hati="carte"] *::after{transition:none!important}
}

/* ============ EXPERTISES : bande « Expertises complémentaires » ============ */
[data-hati="services-texte"]{grid-column:2 / span 2!important}
[data-hati="services-lien"]{grid-column:4!important;align-items:flex-end!important}
@media(max-width:1024px){
  [data-hati="services-texte"],[data-hati="services-lien"]{grid-column:auto!important;align-items:flex-start!important}
}

/* ============ ACCOMPAGNEMENT : timeline ============ */
[data-hati="timeline"]{position:relative!important;column-gap:56px!important}
[data-hati="timeline"] > *{position:relative!important}

/* Segment de chaque point jusqu'au point suivant (pas après le dernier) */
[data-hati="timeline"] > *:not(:last-child)::after{
  content:""!important;position:absolute!important;pointer-events:none!important;
  opacity:1!important;mix-blend-mode:normal!important;
  top:7px!important;left:7px!important;right:auto!important;bottom:auto!important;
  width:calc(100% + 56px)!important;height:1px!important;
  background:rgba(236,233,228,.45)!important;z-index:0!important}

/* Les points passent au-dessus de la ligne */
[data-hati="timeline"] > * > *{position:relative;z-index:1}

/* Tablette et mobile : ligne verticale */
@media(max-width:1024px){
  [data-hati="timeline"] > *:not(:last-child)::after{
    width:1px!important;height:calc(100% + 48px)!important}
}

/* ============ ENTREPRISE : cadre de construction (fixe) ============ */
[data-hati="cadre"]{position:relative!important;overflow:visible!important}
[data-hati="cadre"]::before,
[data-hati="cadre"]::after{
  content:""!important;position:absolute!important;z-index:3!important;pointer-events:none!important;
  opacity:1!important;mix-blend-mode:normal!important;background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-image:linear-gradient(#B8AB93,#B8AB93),linear-gradient(#B8AB93,#B8AB93)!important}
/* horizontales : 10 px au-dessus et en dessous, dépassent de 18 px */
[data-hati="cadre"]::before{
  top:-10px!important;left:-18px!important;right:auto!important;bottom:auto!important;
  width:calc(100% + 36px)!important;height:calc(100% + 20px)!important;
  background-position:0 0,0 100%!important;background-size:100% 1px,100% 1px!important}
/* verticales : 10 px à gauche et à droite, dépassent de 18 px */
[data-hati="cadre"]::after{
  top:-18px!important;left:-10px!important;right:auto!important;bottom:auto!important;
  width:calc(100% + 20px)!important;height:calc(100% + 36px)!important;
  background-position:0 0,100% 0!important;background-size:1px 100%,1px 100%!important}

/* ============ CONTACT : liste « Type de projet » ============ */
.elementor-form select option[value=""]{display:none}
.elementor-form select.hati-vide{color:#8a8a85!important}
.elementor-form select option{color:#131313!important}

/* ============ CONTACT : case à cocher olive ============ */
.elementor-form input[type="checkbox"]{accent-color:#585D35!important;width:15px;height:15px;cursor:pointer}/* End custom CSS */