/*
============================================================

Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
	
============================================================
*/

/* HEADER / MENU */

/* .home header {
	display:none;
} */

/* Bug Divi 5 (pas stable) */
.et_pb_menu_inner_container {
	flex-direction:row!important;
}

.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a {
	padding: 11px 0;
}

nav ul li a {
	color:#000000!important;
}
nav ul li.current-menu-item a,
nav ul li.current-page-ancestor a {
	font-weight:600;
}
nav ul li.current-menu-item > a {
	color:#006335!important;
	font-weight:600;
}

/* Item de 1er degré */
.et_pb_sticky nav > ul > li > a,
.et_pb_sticky nav > ul > li.current-menu-item > a {
	color:#FFFFFF!important;
}
/* Sous-menu */
nav ul.sub-menu {
	width:300px!important;
	border-top-color:#006335!important;
}
nav ul.sub-menu li a {
	width:260px;
}

/* Logo normal */
.et_pb_menu__logo img {
  transition: opacity 0.3s ease;
}
/* Logo sticky (header fixé) */
.et_pb_sticky .et_pb_menu__logo img {
  content: url("/wp-content/uploads/2025/10/logo-mpc-200x100-blanc.svg");
	height:40px!important;
}


/* SIDEBAR */

/* Colonne gauche de la section spéciale */
.sidebar {  /* ou ton ID/Classe exacte */
  position: sticky;
  top: 100px; /* distance du haut, ajuste selon ton menu sticky */
}

.sidebar-prestations {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-prestations ul {
    padding: 0;
    margin: 0;
}
.sidebar-prestations li {
    margin-bottom: 10px;
}

.sidebar-prestations a {
    text-decoration: none;
    color: #111;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 24px; /* espace pour la flèche */
    transition: color 0.3s;
}

/* Flèche : inactive par défaut */
.sidebar-prestations a::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background-image: url('/wp-content/uploads/2025/09/arrow-right-lucide.svg');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0; /* invisible par défaut */
    transition: opacity 0.3s, transform 0.3s;
}

/* Item actif : flèche visible en permanence */
.sidebar-prestations a.active {
    font-weight:600;
}
.sidebar-prestations a.active::before {
    opacity: 1;
}

/* Hover : flèche apparaît pour les autres */
.sidebar-prestations a:hover::before {
    opacity: 1;
    transform: translateY(-50%) translateX(4px); /* petite translation pour effet */
}

/* Texte au survol */
.sidebar-prestations a:hover {
	color: #006335; /* couleur au survol */
}

/***************/
/* PRESTATIONS */
/***************/

/* Typographie */
.prestations-content ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 20px;
}

/* Vous êtes */
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.vous-etes .et_pb_blurb_container {
	  padding-left:5px!important;
	}
}

/* Domaines d'intervention en cartes */
.domaines .cards {
  display: flex;
  flex-wrap: wrap;
  gap: 15px; /* espacement entre les cartes */
  margin-top: 20px;
}
.domaines .cards > .card:last-child {
  flex-grow: 2; /* augmente l’espace pour remplir la ligne */
}
.domaines .card {
	flex: 1 1 220px; /* largeur min 220px, se rétracte si écran plus petit */
	background-color: #e0dfd5;
	padding: 15px 20px;
	padding:25px 30px;
	border-radius: 8px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.05);
	margin-bottom: 15px;
	transition: transform 0.3s, box-shadow 0.3s;
}
.domaines .card:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.domaines .card {
		margin-bottom: 0;
	}
}

/* Affaires récentes */
.affaires ul {
  list-style: none;
  padding: 0;
}
.affaires li {
  background-color: #f2f2f2;
  padding: 15px;
  margin-bottom: 15px;
  border-left: 4px solid #006335;
}