/*
Theme Name:   Theme EESE
Template:     enfold
Description:  Chil theme for Euroelec Smartenergy
Version:      1.0.0
*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Questrial', sans-serif;
	text-transform: none!important; 
    font-weight: 700!important;
	letter-spacing: 1px;
	
}
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3 { font-size: 2.25em; }
h4 { font-size: 1.75em; }
h5 { font-size: 1.375em; }
h6 { font-size: 1.125em; }

p, li { 
	font-weight: 300!important; 
}

::selection {
  background-color: #0bc26e;
  color: #fff; /* couleur du texte sélectionné */
}

.bullet-vert { color: #00bb6a; font-size: 12px; line-height:20px;}
.h2-small { font-size: 1.15em}

#main {
	background-color: none;
}
.header-scrolled {
	background: white!important;
}
/* Compense le header fixe avec la variable native d'Enfold */
#top #main {
    padding-top: var(--enfold-header-height, 118px)!important;
}
#top .av-logo-container img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
/* Logo taille normale */
#top .av-logo-container img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.1s ease;
}

/* Logo réduit au scroll */
#top #header.header-scrolled .av-logo-container img {
    transform: translateY(-50%) scale(0.8);
    transform-origin: left center; /* ancre le scale à gauche */
}

/* Taille et couleur des liens du menu */
#top .main_menu ul#avia-menu > li > a {
    font-size: 1.05em; /* ajuste selon ton rendu */
    color: #4c536b; /* gris proche du logo, ajuste le code couleur */
	font-weight: normal;
}


.container {
    max-width: 1310px !important;
}
/* ===========================
   MENU PRINCIPAL
=========================== */
#top .main_menu ul#avia-menu > li > a {
    position: relative;
}

#top .main_menu ul#avia-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background-color: #00bb6a;
    transition: width 0.3s ease, left 0.3s ease;
}

#top .main_menu ul#avia-menu > li > a:hover::after {
    width: 100%;
    left: 0;
}
#top .av-menu-button > a .avia-menu-text {
    background-color: #00bb6a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding-right: 30px;
    padding-left: 30px;
    transition: background-color 0.2s ease !important; /* ← !important ici aussi */
}

#top .av-menu-button > a:hover .avia-menu-text {
    background-color: #3c3f40 !important;
}
#top .main_menu ul#avia-menu > li.av-menu-button-colored > a::after {
    display: none !important;
}
/* Styles du sous-menu hérités du menu parent */
#top .main_menu ul#avia-menu .sub-menu {
    border: none !important;
    box-shadow: 0 12px 20px rgba(0,0,0,0.32) !important;
    border-radius: 0 0 0 0;
    padding: 4px 0;
	font-size: 1.25em!important;
	margin-top: -4px;
}

#top .main_menu ul#avia-menu .sub-menu a {
    display: block;
    width: 100%;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 10px 20px;
    box-sizing: border-box;
    color: #595963;
    font-family: HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 0.95em;
    font-weight: 400;
    text-transform: none;
    text-decoration: none;
    border-left: 3px solid transparent;
	background: rgba(255,255,255,1);
    transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
#top .main_menu ul {
	background: white;
}
/* Supprime les borders internes imposées par layout.min.css */
#top .main_menu ul#avia-menu .sub-menu li a {
    border-right: none !important;
    border-bottom: none !important;
    border-left: 3px solid transparent !important; /* garde l'espace pour le hover */
}

#top .main_menu ul#avia-menu .sub-menu li:last-child a {
    border-bottom: none !important;
}

/* Hover — border-left accent */
#top .main_menu ul#avia-menu .sub-menu a:hover {
    border-left: 3px solid #00bb6a !important;
}

/* Home — List behavior */
.bind li {
    list-style-type: none;
	margin: 0;
    padding: 11px 0;
    border-bottom: 1px dotted #e1e1e1 !important;
    transition: all ease-in-out 0.2s;
}
.bind li:hover {
	padding-left: 16px;
}
.download {
	background: white;
}
.download a {
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 18px 24px 18px 18px !important;
    background: var(--color-background-primary, #fff);
    border: 0.5px solid #e0e0e0;
    border-radius: 8px;
    margin-bottom: 8px;
    color: #595963 !important;
    text-decoration: none !important;
	margin: 3px 0;
    line-height: 1.2em;
    position: relative;
    font-weight: normal;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
	background: transparent !important;
    border: none !important;
    color: #3c3f40 !important;
    border-bottom: 1px solid #f1f1f1 !important;
    font-size: 18px !important;
    border-radius: 0px !important;
    width: 100% !important;
    text-align: left !important;
}
.download .avia-button-wrap {
	display: block!important;
}


/* Icône document via Entypo */
.download a::before {
	font-family: 'Material Icons';
    content: 'picture_as_pdf'; /* icône PDF */
    color: #00bb6a;
    font-size: 24px;
    flex-shrink: 0;
}

/* Flèche à droite */
.download a::after {
    content: '→';
    margin-left: auto;
    color: #CCC;
    font-size: 1.2em;
	font-weight: 600;
	transition: all 0.2s ease
}
.download a:hover:after{
	margin-right: -18px!important;
	color: #00bb6b;
}
/* Hover */
.download a:hover {

    border-color: #00bb6a;
}


.iconbox_top .iconbox_content {
    padding: 45px 20px 20px 20px;
    border: 1px solid #00bb6a;
	border-radius: 0px;
	background: white;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .3);
	min-height: 194px;
}
.competences .iconbox_top .iconbox_content {
	border: 0px solid #00bb6a;
}
.box {
	transition: all ease-in-out 0.2s;
}
.competences .box {
	transition: none!important;
}
.box:hover {
	transform: translateY(-10px);
}
.competences .box:hover {
	transform: none;
}
figcaption .mfp-bottom-bar {
	display: none;
}

#footer li {
	list-style-type: none;
	padding: 0!important;
}
#footer a, #socket a {
	text-decoration: none!important;
	transition: ease all 0.3s;
}
#socket a:hover {
	opacity: 0.6;
}
#footer a:hover {
	margin-left: 5px;
}
#footer h4, #socket h4 {
	line-height: 5px;
}
#footer p, #socket p {
	line-height: 20px;
}

fieldset .text_input, fieldset .text_area {
	font-family: 'Questrial', sans-serif!important;
	font-weight: 300!important;
	font-size: 16px!important;
	color: #aaa!important;
	opacity: 1;
	transition: ease 0.2 all;
	box-shadow: 
    inset 0 1px 3px rgba(0, 0, 0, 0.06),
    inset 0 2px 8px rgba(225, 225, 225, 0.8);

}
.avia_ajax_form .button {
	font-family: 'Questrial', sans-serif!important;
	font-weight: 300!important;
	font-size: 18px!important;
	background:#3c53a0;
	border: none;
	color: white;
	opacity: 1!important;
	margin-top: 50px;
	transition: ease 0.2 all;
}
.avia_ajax_form .button:hover {
	cursor: pointer!important;
	background: #0bc26e;
}
fieldset .text_input:focus, fieldset .text_area:focus {
	box-shadow: inset 0 1px 3px rgba(60, 83, 160, 0.15),
              inset 0 2px 8px rgba(60, 83, 160, 0.25)!important;
	outline: none!important;
}
.image-box img {
	margin-top: -75px;
}

/* Bloc filtre complet */
.avia_show_sort,
.all_sort_button {

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 8px 16px !important;
  margin: 0 8px 10px 0 !important;

  border: 1px solid #00c56e !important;
  border-radius: 999px !important;

  background: #fff !important;

  box-shadow: 0 2px 10px rgba(0,0,0,0.04) !important;

  transition: all 0.2s ease !important;
}

/* Texte */
.avia_show_sort span,
.avia_show_sort span span,
.all_sort_button span,
.all_sort_button span span {

  color: #00c56e !important;
  font-size: 12px !important;
  font-weight: 700 !important;

  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;

  line-height: 1 !important;
}

/* Actif */
.all_sort_button {
  background: #00c56e !important;
  box-shadow: 0 8px 18px rgba(0,197,110,0.18) !important;
}

.all_sort_button span,
.all_sort_button span span {
  color: #fff !important;
}

/* Hover */
.avia_show_sort:hover {
  background: #00c56e !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,197,110,0.18) !important;
  opacity: 1 !important;
}

.avia_show_sort:hover span,
.avia_show_sort:hover span span {
  color: #fff !important;
}



/* Empêche le zoom/transform Enfold au hover */
.avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
  transform: none !important;
  -webkit-transform: none !important;
}
/* Masquer les séparateurs / entre les filtres */
#top .av-sort-by-term .text-sep,
#top .av-sort-by-term span.text-sep {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}
.av-sort-by-term {
	padding-top: 50px;
	padding-bottom: 30px;
}



/* Texte au-dessus */
#top .av-masonry-entry .av-inner-masonry-content {
  position: relative !important;
  z-index: 5 !important;
}
/* RESET effets masonry Enfold */
#top .av-masonry-entry,
#top .av-masonry-entry *,
#top .av-masonry-image-container,
#top .av-inner-masonry,
#top .av-inner-masonry-content {
  transition: none !important;
}

/* Supprime overlays / backgrounds résiduels */
#top .av-inner-masonry::before,
#top .av-inner-masonry::after,
#top .av-masonry-entry::before,
#top .av-masonry-entry::after {
  display: none !important;
  content: none !important;
}

#top .av-inner-masonry-content {
  background: transparent !important;
}
/* Etat normal */
#top .av-masonry-entry .av-masonry-image-container {

  filter:
    grayscale(100%)
    brightness(0.75)
    contrast(0.9);

  transition:
    filter 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Hover : image couleur */
#top .av-masonry-entry:hover .av-masonry-image-container {

  filter:
    grayscale(0%)
    brightness(1.00)
    contrast(0.9)
    saturate(0.9);
}

/* Overlay vert uniquement au hover */
#top .av-masonry-entry:hover .av-inner-masonry-content {
  background: rgba(11, 194, 110, 0.5) !important;

  transition:
    background 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ==========================================================
   SLIDER REFERENCES - START
   ========================================================== */

/* Etat normal : grayscale via filter sur le slide */
#top .avia_feature_image_slider_1 .avia-featureimage-slide {
  filter: grayscale(90%) brightness(0.88) contrast(0.92) !important;
  transition: filter 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Hover : image couleur */
#top .avia_feature_image_slider_1 .avia-featureimage-slide:hover {
  filter: grayscale(0%) brightness(1.05) contrast(1.05) saturate(1.10) !important;
}

/* Overlay vert appliqué au caption fullwidth */
#top .avia_feature_image_slider_1 .avia-featureimage-slide:hover .caption_fullwidth {
  background: rgba(11, 194, 110, 0.38) !important;
}

/* Sécurité : caption au-dessus */
#top .avia_feature_image_slider_1 .caption_fullwidth,
#top .avia_feature_image_slider_1 .slideshow_caption {
  position: relative !important;
  z-index: 10 !important;
  transition: background 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ==========================================================
   SLIDER REFERENCES - END
   ========================================================== */


/* =========================================================
   EUROELEC - CARDS + BUTTON HOVER
========================================================= */

/* ---------------------------------
   BUTTON
--------------------------------- */

.btn-dark-arrow {

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    min-width: 125px;

    padding: 10px 16px;

    border: 1px solid #18c37e;
    border-radius: 2px;

    background: transparent;
    color: #18c37e;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    white-space: nowrap;

    text-transform: uppercase;
    text-decoration: none;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Arrow */

.btn-dark-arrow .btn-arrow {

    display: inline-block;

    line-height: 1;

    transform: translateY(-1px);

    transition: transform 0.25s ease;
}

/* =========================================================
   COMPETENCES CARDS
========================================================= */

/* ---------------------------------
   CARD
--------------------------------- */

.flex_column.av_one_fourth.competence-card {

    border-radius: 2px;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ---------------------------------
   INNER CARD
--------------------------------- */

.flex_column.av_one_fourth.competence-card .iconbox {

    border: 1px solid rgba(24, 195, 126, 0.45);

    transition:
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease;
}

/* ---------------------------------
   CARD HOVER
--------------------------------- */

.flex_column.av_one_fourth.competence-card:hover {

    transform: translateY(-6px);
}

/* ---------------------------------
   CARD GLOW
--------------------------------- */

.flex_column.av_one_fourth.competence-card:hover .iconbox {

    border-color: #18c37e;

    background: rgba(24, 195, 126, 0.025);

    box-shadow:
        0 0 0 1px rgba(24, 195, 126, 0.15),
        0 12px 30px rgba(0, 0, 0, 0.08);
}

/* ---------------------------------
   BUTTON HOVER
--------------------------------- */

.flex_column.av_one_fourth.competence-card:hover .btn-dark-arrow {

    background: #18c37e;

    color: #ffffff;

    border-color: #18c37e;

    text-decoration: none;

    box-shadow:
        0 6px 16px rgba(24, 195, 126, 0.22);
}

/* ---------------------------------
   ARROW ANIMATION
--------------------------------- */

.flex_column.av_one_fourth.competence-card:hover .btn-arrow {

    transform: translate(5px, -1px);
}

/* ---------------------------------
   BUTTON HOVER
--------------------------------- */

.competence-card .flex_column.av_one_fourth:hover .btn-dark-arrow,
.competence-card .btn-dark-arrow:hover {

    background: #18c37e;

    color: #ffffff;

    border-color: #18c37e;

    text-decoration: none;

    box-shadow:
        0 6px 16px rgba(24, 195, 126, 0.22);
}

/* Arrow animation */

.competence-card .flex_column.av_one_fourth:hover .btn-dark-arrow .btn-arrow,
.competence-card .btn-dark-arrow:hover .btn-arrow {

    transform: translate(5px, -1px);
}
/* =========================================================
   ENFOLD ACCORDEON - EUROELEC CLEAN
========================================================= */

.togglecontainer {
    border: none !important;
    background: transparent !important;
}

/* Ligne accordéon */
.togglecontainer .single_toggle {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    margin: 0 !important;
}

/* Titre */
.togglecontainer .toggler {
    position: relative !important;

    background: transparent !important;
    border: none !important;

    padding: 17px 0 17px 38px !important;

    font-size: 15px;
    font-weight: 400;
    color: #444444;

    line-height: 1.4;

    transition:
        color 0.25s ease,
        padding-left 0.25s ease;
}

/* Hover titre */
.togglecontainer .toggler:hover {
    color: #18c37e;
}

/* Titre ouvert */
.togglecontainer .activeTitle {
    color: #18c37e !important;
}

/* Contenu */
.togglecontainer .toggle_content {
    border: none !important;
    padding: 0 0 20px 38px !important;

    background: transparent !important;
    color: #666666;
}

/* =========================================================
   PICTO + / -
========================================================= */

.togglecontainer .toggle_icon {
    position: absolute !important;

    left: 10px!important;
    top: 50% !important;

    width: 18px !important;
    height: 18px !important;

    margin: 0 !important;

    border: none !important;
    background: transparent !important;

    transform: translateY(-50%);

    transition:
        left 0.25s ease,
        transform 0.25s ease;
}

/* Barres du + / - */
.togglecontainer .toggle_icon .vert_icon,
.togglecontainer .toggle_icon .hor_icon {
    border-color: #18c37e !important;
    background-color: #18c37e !important;
}

/* Animation hover : le picto part légèrement à gauche */
.togglecontainer .single_toggle:hover .toggle_icon {
    left: 5px !important;
}

/* Active : reste propre */
.togglecontainer .activeTitle .toggle_icon .vert_icon,
.togglecontainer .activeTitle .toggle_icon .hor_icon {
    border-color: #18c37e !important;
    background-color: #18c37e !important;
}




/* Opacité du slider */
.avia-slideshow-dots a {
	opacity: 1!important;
}

/* =========================================================
   ENFOLD SLIDER ARROWS - EUROELEC CENTERED
========================================================= */

.avia-slideshow-arrows a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 30px !important;
    height: 30px !important;

    margin-top: -15px !important;
    padding: 0 !important;

    background: rgba(24, 195, 126, 0.85) !important;
    text-decoration: none !important;
    overflow: hidden !important;
	
	transition:
        opacity 0.15s ease,
        background 0.15s ease,
        transform 0.15s ease;
}

/* SVG Enfold */
.avia-slideshow-arrows a svg {
    display: block !important;

    width: 13px !important;
    height: 13px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
    transform: none !important;
}

/* Si Enfold garde aussi un pseudo-icon */
.avia-slideshow-arrows a:before {
    display: none !important;
}

/* Hover */
.avia-slideshow-arrows a:hover {
    background: #18c37e !important;
}
/* =========================================================
   ENFOLD SLIDER ARROWS - FULL OPACITY HOVER
========================================================= */

.avia-slideshow:hover .avia-slideshow-arrows a {

    opacity: 1 !important;
}


.avia-slideshow li img {
	border-radius: 0px!important;
}



/* =========================================================
   TEAM CARD - EUROELEC
========================================================= */

.flex_column.team-card-gpt {

    padding: 34px 28px;

    border: 1px solid rgba(24, 195, 126, 0.45);

    border-radius: 2px;

    background: #ffffff;

    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease,
        box-shadow 0.35s ease,
        background 0.35s ease;
}

.flex_column.team-card-gpt:hover {

    transform: translateY(-6px);

    border-color: #18c37e;

    background: rgba(24, 195, 126, 0.015);

    box-shadow:
        0 0 0 1px rgba(24, 195, 126, 0.15),
        0 14px 40px rgba(0, 0, 0, 0.07);
}
/* ---------------------------------
   BOUTON LINKEDIN
--------------------------------- */

.team-card-gpt .avia-button {

    background: #0A66C2;
    border: 1px solid #0A66C2;
    border-radius: 0px;

    color: #fff !important;

    box-shadow: none;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

/* Icône */

.team-card-gpt .avia_button_icon {

    font-size: 28px;
    margin-right: 15px;
}

/* Texte */

.team-card-gpt .avia_iconbox_title,
.team-card-gpt .avia-button .avia_iconbox_title,
.team-card-gpt .avia-button span {

    font-weight: 500;
    letter-spacing: .2px;
}

/* Hover */

.team-card-gpt .avia-button:hover {

    background: #0958A8;
    border-color: #0958A8;

    transform: translateY(0px);

    box-shadow:
        0 6px 18px rgba(10,102,194,.18);
}

/* =========================================================
   CTA CONTACT
========================================================= */

.CTA-contact .avia-button {

    background: transparent !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,.45);
    border-radius: 0;

    padding: 14px 26px;

    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;

    transition: all .3s ease;

    box-shadow: none;
}

/* Icône mail */

.CTA-contact .avia_button_icon {

    font-size: 18px !important;
    margin-right: 10px;
}

/* Flèche */

.CTA-contact .avia_iconbox_title::after {

    content: "→";

    display: inline-block;

    margin-left: 10px;

    transition: transform .3s ease;

    font-weight: 600;
}

/* Hover bouton */

.CTA-contact .avia-button:hover {

    background: rgba(255,255,255,.08) !important;

    border-color: rgba(255,255,255,.85);

    box-shadow:
        0 0 0 1px rgba(255,255,255,.15),
        0 8px 24px rgba(0,0,0,.15);
}

/* Animation flèche */

.CTA-contact .avia-button:hover .avia_iconbox_title::after {

    transform: translateX(6px);
}

/* Icône légèrement plus visible */

.CTA-contact .avia-button:hover .avia_button_icon {

    transform: scale(1.05);
}

/* =========================================================
   CTA REFERENCES
========================================================= */

.CTA-references .avia-button,
.CTA-references a.avia-button {
    background: transparent !important;
    background-color: transparent !important;

    color: #18c37e !important;

    border: 1px solid rgba(24,195,126,.45) !important;
    border-radius: 0 !important;

    padding: 14px 26px !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;

    transition: all .3s ease;

    box-shadow: none !important;
}

/* Texte du bouton */
.CTA-references .avia-button span,
.CTA-references .avia-button .avia_iconbox_title {
    color: #18c37e !important;
}

/* Flèche */
.CTA-references .avia_iconbox_title::after {
    content: "→";
    display: inline-block;
    margin-left: 10px;
    transition: transform .3s ease;
    font-weight: 600;
}

/* Hover bouton */
.CTA-references .avia-button:hover {
    background: rgba(24,195,126,.08) !important;
    background-color: rgba(24,195,126,.08) !important;

    border-color: rgba(24,195,126,.85) !important;

    box-shadow:
        0 0 0 1px rgba(24,195,126,.15),
        0 8px 24px rgba(0,0,0,.15) !important;
}

/* Animation flèche */
.CTA-references .avia-button:hover .avia_iconbox_title::after {
    transform: translateX(6px);
}

/* =========================================================
   BLOG - READ MORE BUTTON
========================================================= */

.read-more-link a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 12px 22px !important;

    background: transparent !important;
    color: #3c53a0 !important;

    border: 1px solid rgba(60, 83, 160, 0.65) !important;
    border-radius: 0 !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-decoration: none !important;

    box-shadow: none !important;

    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

/* Flèche native Enfold */
.read-more-link .more-link-arrow {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    margin-left: 2px !important;

    transition: transform 0.25s ease;
}

/* SVG natif */
.read-more-link .more-link-arrow svg {
    width: 13px !important;
    height: 13px !important;
}

/* Hover */
.read-more-link a:hover {
    background: rgba(60, 83, 160, 0.08) !important;
    color: #3c53a0 !important;
    border-color: #3c53a0 !important;

    box-shadow:
        0 8px 24px rgba(60, 83, 160, 0.14);
}

/* Animation flèche */
.read-more-link a:hover .more-link-arrow {
    transform: translateX(6px);
}

.read-more-link {
    display: flex;
    justify-content: center;
    margin-top: 25px;
}

.post-meta-infos {
	display: none!important;
}


/* Conteneur image article */
.big-preview {
    width: 100%;
    max-width: 650px;
    height: 320px;

    margin: 0 auto 40px;

    overflow: hidden;
}

/* Image */
.big-preview img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    transition: transform .4s ease;
}

/* Zoom léger au survol */
article:hover .big-preview img {
    transform: scale(1.04);
}
/* =========================================================
   EUROELEC — Grille références custom
   ========================================================= */

.euroelec-references-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    max-width: 1180px;
    margin: 0 auto;
}

.euroelec-ref-card {
    position: relative;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

.euroelec-ref-card__link {
    display: block;
    color: inherit;
    text-decoration: none;
}

.euroelec-ref-card__image {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #111111;
    isolation: isolate;
}

.euroelec-ref-card__image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .45s ease, filter .45s ease;
}

.euroelec-ref-card:hover .euroelec-ref-card__image img {
    transform: scale(1.03);
    filter: grayscale(20%);
}

.euroelec-ref-card__badges {
    position: absolute;
    top: auto;
    left: 0;
    right: auto;
    bottom: -1px;
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.euroelec-ref-card__badges span {
    padding: 7px 10px;
    background: #00c878;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.euroelec-ref-card__hover {
    position: absolute;
    inset: 0;
    z-index: 5;
    padding: 24px;
    background: rgba(24,195,126,0.9);
    color: #ffffff;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.euroelec-ref-card:hover .euroelec-ref-card__hover {
    opacity: 1;
}

.euroelec-ref-card__hover p {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.45;
}

.euroelec-ref-card__hover strong {
    color: #ffffff;
    font-weight: 800;
}

.euroelec-ref-card__cta {
    display: inline-flex;
    margin-top: 10px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .1em;
}

.euroelec-ref-card__content {
    padding: 22px;
    background: #ffffff;
}

.euroelec-ref-card__content h3 {
    margin: 0 0 8px;
    color: #202020;
    font-size: 19px;
    line-height: 1.2;
    font-weight: 400;
}

.euroelec-ref-card__location,
.euroelec-ref-card__year {
    margin: 0;
    color: #666666;
    font-size: 14px;
}

.euroelec-ref-card__year {
    margin-top: 8px;
    color: #18c37e;
    font-weight: 700;
}

.euroelec-ref-card__link{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

/* Neutralisation overlay automatique Enfold */
.euroelec-ref-card .image-overlay,
.euroelec-ref-card .image-overlay-inside {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Responsive */
@media (max-width: 989px) {
    .euroelec-references-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .euroelec-references-grid {
        grid-template-columns: 1fr;
    }
}
.euroelec-ref-card .image-overlay,
.euroelec-ref-card .image-overlay-inside {
    display: none !important;
}

.euroelec-ref-card img {
    transition: transform .45s ease;
    will-change: transform;
}
/* =========================================================
   EUROELEC — Filtres Références
   ========================================================= */

.euroelec-ref-filters {
    max-width: 1180px;
    margin: 0 auto 34px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.euroelec-ref-filters button {
    appearance: none;
    border: 1px solid #18c37e;
    background: #ffffff;
    color: #18c37e;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .06em;
    cursor: pointer;
    transition: background .22s ease, color .22s ease, box-shadow .22s ease;
}

.euroelec-ref-filters button:hover,
.euroelec-ref-filters button.is-active {
    background: #18c37e;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(24,195,126,.18);
}

.euroelec-ref-card[style*="display: none"] {
    pointer-events: none;
}

/* =========================================================
   REFERENCES - Alignement date en bas des cartes
========================================================= */

.euroelec-ref-card__link {
    display: flex !important;
    flex-direction: column;
    height: 100%;
}

.euroelec-ref-card__content {
    display: flex;
    flex-direction: column;
    flex: 1;
}

/* Groupe ville + date poussé vers le bas */

.euroelec-ref-card__location {
    margin-top: auto;
}

.euroelec-ref-card__year {
    margin-top: 4px;
}

/* =====================================================
   HOME - REFERENCES FEATURED SLIDER
===================================================== */

.euroelec-featured-slider{
    display:flex;
    gap:30px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-bottom:15px;
}

.euroelec-featured-slider::-webkit-scrollbar{
    height:8px;
}

.euroelec-featured-slide{
    flex:0 0 420px;
    scroll-snap-align:start;
    background:#fff;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    overflow:hidden;
}

.euroelec-featured-slide img{
    display:block;
    width:100%;
    height:280px;
    object-fit:cover;
}

.euroelec-featured-content{
    padding:25px;
}

.euroelec-featured-content h3{
    margin:0 0 10px;
    font-size:26px;
    line-height:1.2;
}

.euroelec-featured-content p{
    margin:0;
    color:#777;
}

.euroelec-featured-slide a{
    display:block;
    color:inherit;
    text-decoration:none;
}

.euroelec-featured-slide{
    transition:.3s ease;
}

.euroelec-featured-slide:hover{
    transform:translateY(-6px);
}




@media(max-width:768px){

    .euroelec-featured-slide{
        flex:0 0 85%;
    }

}

.social-home a img {
    transition:
        opacity 0.25s ease,
        transform 0.25s ease,
        filter 0.25s ease;
}

.social-home a:hover img {
    opacity: 1;
    transform: translateY(-3px);
    filter: brightness(1.15);
}

.social-home a {
    overflow: visible !important;
}


/* =========================================================
   FICHE REFERENCE - Header automatique
========================================================= */

.euroelec-reference-complete {
    max-width: 1310px;
    margin: 0 auto;
    padding: 80px 50px 40px;
}

.euroelec-reference-complete h1 {
    max-width: 1310px;
    margin: 0;
    font-size: 48px;
    line-height: 1.12;
    color: #444;
}

.euroelec-reference-complete__meta {
    margin-top: 18px;
    color: #18c37e;
    font-size: 17px;
}


.euroelec-reference-complete {
    position: relative;
    max-width: 100%;
    padding: 80px 50px 40px;
    overflow: hidden;
}

.euroelec-reference-complete::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            rgba(255,255,255,0.90),
            rgba(255,255,255,0.90)
        ),
        url('/wp-content/uploads/2026/04/lycs-architecture-aKij95Mmus8-unsplash-1-scaled.jpg');

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    z-index: 0;
}

.euroelec-reference-complete > * {
    position: relative;
    z-index: 1;
}
.euroelec-reference-body {
    background: #f4f4f4;
    padding: 80px 0;
}

.euroelec-reference-body__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 90px;
    align-items: start;
}

.euroelec-reference-body__main {
    max-width: 720px;
}

.euroelec-reference-body__sidebar {
    background: #fff;
    padding: 56px 64px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
}

.euroelec-reference-info + .euroelec-reference-info {
    margin-top: 34px;
}
.euroelec-reference-body p {
	font-size: 17px!important;
	line-height: 26px!important;
}
.euroelec-reference-body li {
	font-size: 17px!important;
	line-height: 26px!important;
}
.euroelec-reference-info h3 {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.25;
    color: #222;
}

.euroelec-reference-info p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}
.euroelec-reference-body {
    background: #f4f4f4;
    padding: 80px 0;
}

.euroelec-reference-body__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 420px;
    gap: 90px;
    align-items: start;
}

.euroelec-reference-body__main {
    max-width: 760px;
}

.euroelec-reference-text-block + .euroelec-reference-text-block {
    margin-top: 56px;
}

.euroelec-reference-text-block h2 {
    margin: 0 0 22px;
    font-size: 30px;
    line-height: 1.15;
    color: #444;
    text-transform: uppercase;
}

.euroelec-reference-body__sidebar {
    background: #fff;
    padding: 56px 64px;
    box-shadow: 0 20px 60px rgba(0,0,0,.08);
}

.euroelec-reference-info + .euroelec-reference-info,
.euroelec-reference-taxo-group {
    margin-top: 32px;
}

.euroelec-reference-info h3,
.euroelec-reference-taxo-group h3 {
    margin: 0 0 12px;
    font-size: 18px;
    line-height: 1.25;
    color: #222;
}

.euroelec-reference-info p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
    color: #444;
}

.euroelec-reference-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.euroelec-reference-tags span {
    display: inline-flex;
    padding: 6px 10px;
    background: #3e55a1;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase; 
    letter-spacing: .7px;
}

.euroelec-reference-body h2 {
	font-size: 38px;
}
.euroelec-reference-body h3 {
	font-size: 24px;
}

.euroelec-reference-text-block ul {
    list-style: disc !important;
    padding-left: 24px !important;
    margin: 15px 0 25px !important;
}

.euroelec-reference-text-block li {
    display: list-item !important;
    list-style: disc !important;
    margin-bottom: 8px;
}
.euroelec-reference-complete .euroelec-reference-complete__meta{
    display:inline-block;
    background:#18c37e;
    color:#fff !important;
    padding:6px 12px;
    border-radius:0p!important;
	text-transform: uppercase;
}
.euroelec-reference-featured {
    background: #fff;
    padding: 70px 0;
}

.euroelec-reference-featured img {
    display: block;
    width: 100%;
    height: auto;
}
.euroelec-reference-featured img {
    max-height: 520px!important;
    object-fit: cover;
}
/* =========================================================
   FICHE REFERENCE - Sections auto indépendantes d'Avia
========================================================= */

.single-portfolio .euroelec-reference-complete,
.single-portfolio .euroelec-reference-body {
    position: relative;
    left: 50%;
    width: 100vw;
    max-width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.single-portfolio .euroelec-reference-complete > .container,
.single-portfolio .euroelec-reference-body > .container {
    max-width: 1310px !important;
    margin-left: auto;
    margin-right: auto;
}


















@media (max-width: 989px) {
    .euroelec-reference-body__grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .euroelec-reference-body__main {
        max-width: none;
    }

    .euroelec-reference-body__sidebar {
        padding: 42px;
    }
}

@media (max-width: 767px) {
    .euroelec-reference-body {
        padding: 50px 0;
    }

    .euroelec-reference-body__sidebar {
        padding: 32px 26px;
    }

    .euroelec-reference-text-block h2 {
        font-size: 24px;
    }
}

@media (max-width: 989px) {
    .euroelec-reference-body__grid {
        grid-template-columns: 1fr;
        gap: 50px;
    }

    .euroelec-reference-body__sidebar {
        padding: 42px;
    }
}

@media (max-width: 767px) {
    .euroelec-reference-body {
        padding: 50px 0;
    }

    .euroelec-reference-body__sidebar {
        padding: 32px 26px;
    }
}




/* Responsive */
@media (max-width: 989px) {
    .euroelec-references-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .euroelec-references-grid {
        grid-template-columns: 1fr;
    }
}
/* Tablette */
@media (max-width: 989px) {
    .euroelec-reference-complete {
        padding: 60px 32px 32px;
    }

    .euroelec-reference-complete h1 {
        font-size: 34px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .euroelec-reference-complete {
        padding: 44px 24px 28px;
    }

    .euroelec-reference-complete h1 {
        font-size: 28px;
        line-height: 1.18;
    }

    .euroelec-reference-complete__meta {
        font-size: 13px;
        line-height: 1.5;
    }
}


/*********************************** Desktop ****************************************/

/* Only — Desktop */
@media only screen and (min-width: 1200px) {
    
	
	
	.bind img {
        width: 500px;
        margin-top: -465px !important;
    }
	.bind li {
		margin-left: 45px;
	}
	
	
	
	
	#top #header .main_menu {
        right: auto !important;
        left: 200px !important;
    }

}

}