/* ===============================
   Onglets Réalisations filtrées par types de réalisation (onglets custom)
   =============================== */
/*
.tabs-realisations .realisation-item {
    display: none;
}*/


html.js-enabled .tabs-realisations .realisation-item {
    display: none;
}

html.js-enabled .tabs-realisations 
.realisation-item[aria-hidden="false"] {
    display: block;
}


.tabs-realisations .realisation-item[aria-hidden="false"] {
    display: block;
}

/* Onglets */
.tabs-realisations .tabs-realisations__nav a {
    cursor: pointer;
    transition: all 0.25s ease;
}

/* Onglet actif */
.tabs-realisations .tabs-realisations__nav a.is-active {
    font-weight: 700;
    opacity: 1;
}

/* Si liste d’icônes Elementor */
.tabs-realisations .tabs-realisations__nav li.is-active a {
    color: var(--e-global-color-primary, #000);
}

/* Icône Elementor active */
.tabs-realisations .tabs-realisations__nav li.is-active i,
.tabs-realisations .tabs-realisations__nav li.is-active svg {
    transform: scale(1.1);
}

/* Hover */
.tabs-realisations .tabs-realisations__nav a:hover {
    opacity: 0.85;
}

html:not(.js-enabled) .tabs-realisations .realisation-item {
    margin-bottom: 3rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 2rem;
}
html.js-enabled .tabs-realisations .realisation-item .titre .elementor-heading-title{
    display: none;
}

html.js-enabled .tabs-realisations .realisation-item .titre {
        position: absolute;
    top: -65px;left:0;
}

@media (max-width: 879px) {
		html.js-enabled .tabs-realisations .realisation-item .titre {
		 position: relative;
    top: initial;left:initial;transform:translateY(-10px);
	}
	html.js-enabled .tabs-realisations .realisation-item .titre{display:none!important;}
	html.js-enabled .tabs-realisations .realisation-item .titre  .widget-ucaddon_arrow_navigation{ position: absolute;
    left:50%;transform:translateX(-50%);}
	.tabs-realisations .elementor-widget-icon-list .elementor-icon-list-text {margin-bottom:10px;}
}

.tabs-realisations .realisation-item .titre .elementor-widget-ucaddon_arrow_navigation {z-index:3;}
.tabs-realisations .elementor-widget-icon-list {z-index:2;}
.tabs-realisations .elementor-widget-icon-list .is-active .elementor-icon-list-text {color:#252321;}
.tabs-realisations .elementor-widget-icon-list .elementor-icon-list-text {display: inline-block;
    background-color: #FFF;
    border-radius: 20px;
    padding: 6px 15px;
    font-weight: 500;}
	
	
	/* Overlay de chargement (JS only) */
html.js-enabled .tabs-realisations {
  position: relative; /* pour positionner l’overlay */
}

html.js-enabled .tabs-realisations .tabs-loader {
  position: absolute;
  inset: 0;
  display: none;                 /* caché par défaut */
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(2px);    /* optionnel, joli */
  z-index: 999;
}

/* état actif */
html.js-enabled .tabs-realisations.is-loading .tabs-loader {
  display: flex;
}

/* Spinner */
html.js-enabled .tabs-realisations .tabs-loader .spinner {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 3px solid rgba(0,0,0,0.15);
  border-top-color: rgba(0,0,0,0.6);
  animation: wq3spin 0.8s linear infinite;
}

@keyframes wq3spin {
  to { transform: rotate(360deg); }
}