/*
╔══════════════════════════════════════════════════════════════════════════════╗
║                                                                              ║
║                   MYCARTOSOINS - CORE MODULE                        ║
║                                                                              ║
║   Extrait de css-general.css - Sections: 1, 2, 15, 16                          ║
║   Chargement conditionnel selon les pages                                    ║
║                                                                              ║
╚══════════════════════════════════════════════════════════════════════════════╝
*/

   ║   ██████╗  ██╗      SECTION 1                                                ║
   ║  ██╔════╝ ███║      CLASSES ATOMIQUES & UTILITAIRES                          ║
   ║  ╚█████╗  ╚██║      Classes réutilisables basiques                           ║
   ║   ╚═══██╗  ██║      .d-flex, .w-100, .no-after, .wrap, .half-flex-*          ║
   ║  ██████╔╝  ██║      .bg-gray-light, .et-waypoint                             ║
   ║  ╚═════╝   ╚═╝                                                               ║
   ║                                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════════╝ */

/* CLASSES ATOMIQUES */
.d-flex{
	display:flex;
}
.w-100{
	width:100%;
	
}

.no-after:after{
	display:none!important
}
/* .w-50{
	width:50%;
	
} */

div.et_pb_section_1.et_pb_section.engine-expanded, .engine-expanded{
	height: 0 !important;
	background-color: #ffffff00 !important;
}
.home-intro-closed{
	padding-top:0!important
}

.wrap{
	flex-wrap:wrap
}
.half-flex-65{
	min-width:60%;
	flex:1;
}
.half-flex-35{
	min-width:35%;
	flex:1;
}

.bg-gray-light{
	background-color: #f5f5f5;
	border-radius: 10px;
	padding:1% 2%;
}

.et-waypoint:not(.et_pb_counters) {
	opacity: 1;
}




   ║  ██████╗  ██████╗   SECTION 2                                                ║
   ║  ██╔═══╝  ╚════██╗  BOUTONS & ACTIONS                                        ║
   ║  ██████╗   █████╔╝  Boutons de profil, logout, favoris                       ║
   ║  ╚════██╗ ██╔═══╝   .btn-fiche, .btn-fiche-draft, .btn-cust-all              ║
   ║  ██████╔╝ ███████╗  .fav-btn-full, .divi-logout-button                       ║
   ║  ╚═════╝  ╚══════╝                                                           ║
   ║                                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════════╝ */

/* BOUTON DE LOGIN LOGOUT------------------------------------- */

.user-profile-image {
	width: 33px; height: 33px; border-radius: 50%;
	background-image: url("");
	background-position: center; background-repeat: no-repeat;
	background-size: 90%; margin-right: 10px;
}

.user-profile-container {
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer;
	background-color:#f48e00;
	color:white;
	padding:0px 9px 0px 0px;
	border-radius: 35px;
}

.user-profile-name {
	font-size: 14px;
	margin-right: 5px;
	white-space: nowrap;
}
.dropdown-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	margin-left: 5px;
	transition: transform 0.3s;
}
.user-dropdown-menu {
	position: absolute;
	top: 100%;
	right: 0;
	background-color: #f48e00;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	min-width: 160px;
	width:130%;
	z-index: 999;
	display: none;
	border-radius:10px 10px;
}
.user-dropdown-menu a {
	color: white;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	transition: background-color 0.3s;
}
.user-dropdown-menu a:hover {
	background-color: #f1f1f1;
	color:#f48e00;
}
.user-profile-container:hover .user-dropdown-menu {
	display: block;
}
.user-profile-container:hover .dropdown-arrow {
	transform: rotate(180deg);
}


div.logout-button-container div.et_pb_code_inner{
	display:flex;
	justify-content: flex-end;
}
.divi-logout-button{
	background-color:#f48e00;
	color:white;
	font-size:15px;
	display:flex;
	align-items:center;
	width:fit-content;
	padding:0px 19px 0px 0px;
	gap:10px;
	position:relative;
	white-space:nowrap;
}
.divi-logout-button img{
	max-width: 23px
}

.divi-logout-button:after{
	font-family: ETmodules !important;
	position:absolute;
	right:0;
	max-width:12px;
	opacity:0;
	content: "\35";
	font-size:25px;
	margin-left: -1em;
	-webkit-transition: margin-left .2s, opacity .1s;
	transition:  margin-left.2s, opacity .1s;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
}

.divi-logout-button:hover{
	background-color:#121234;
}
.divi-logout-button:hover:after{
	opacity: 1;
	position:relative;
	margin-left: 0;
}

.fav-btn-full {
	display:flex;
	justify-content:flex-end;
	gap:10px;
}
.fav-btn-full a.fav-btn-body{
	width:33px;
	height:33px;
	display: flex;
	border-radius: 30px;
	background-color: rgb(244, 142, 0) !important;
	outline-color: rgb(244, 142, 0);
	justify-content: center;
	align-items: center;
	transition:all 0.2s linear;
}
.fav-btn-full a.fav-btn-body:hover{
	background-color:#121234!important
}

/* Boutons génériques fiche */
.btn-fiche, .acf-input input, #jb-job-submission input[type="text"], .jb-jobs-search-line  input[type="text"], .jb-jobs-search-line  input[type="search"], .jb-job-type-filter {
	color: #121234;
	width:100%;
	font-size: 1rem;
	font-weight: 600;
	background-color: #eeeeee;
	border-radius: 10px;
	padding:5px 10px;
	display: inline-flex;
	justify-content:flex-start;
	align-items:center;
	height: fit-content;
	position:relative;
	transition:all 0.1s linear;
	border: 1px solid #d0d0d0;
	white-space: nowrap;
}
.jb-jobs-search-line  input[type="search"], #jb-job-submission input[type="text"], .jb-jobs-search-line  input[type="text"],  .jb-job-type-filter  {
	border:1px solid #ececec!important;
}

.acf-input input{
	min-height:4vh;
}

.btn-fiche:hover {
	color:white;
	background-color:#121234
}

.btn-fiche svg{
	margin-right: 3%;
	padding: 0 4% 0 0;
	box-sizing: content-box;
	border-right: 1px solid #d7d7d7;
}

.btn-fiche-draft{
	pointer-events:none;
	cursor:normal;
	opacity:0.5;
}

/* Style pour le tooltip sur le bouton fiche draft */
.btn-fiche-draft {
	position: relative;
}
.btn-fiche-draft::after {
	content: "Votre fiche sera visible une fois validée";
	position: absolute;
	top: 0;
	left: 100%;
	background-color: rgba(0,0,0,0.8);
	color: white;
	padding: 5px 10px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
	z-index: 1000;
	margin-left: 10px;
}
.btn-fiche-draft:hover::after {
	opacity: 1;
	visibility: visible;
}

.btn-cust-all{
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
.btn-cust-all:before{
	position:relative;
	margin-right:10px; 
	padding-right:5px;
	border-right:1px solid #d0d0d0
}

.code-col-2 .et_pb_code_inner{
	display:flex;
	justify-content:space-between;
	gap:15px
}

/* Navigation buttons */
.nav-btn, .field-group input[type="file"]::file-selector-button {
	font-size:0.9rem;
	border:none;
	border-radius:50px;
	color:#121234;
	font-weight:500;
	background-color:#eeeeee;
	padding:5px 2%;
	transition:all 0.2s linear;
	cursor:pointer
}

.nav-btn:hover, .field-group input[type="file"]::file-selector-button:hover{
	color:white;
	background-color:#121234
}

.submit-custom-btn{
	font-size:1rem;
	cursor:pointer;
	border:none;
	border-radius:50px;
	color:white;
	font-weight:600;
	background-color:#5bb880;
	padding:5px 2%;
	transition:all 0.2s linear
}

.fea-submit-button:hover, .fea-delete-button:hover, .nav-btn, .submit-custom-btn:hover{
	transform:scale(1.05)
}




/* ╔══════════════════════════════════════════════════════════════════════════════╗

   ║  ██╗  ██████╗      SECTION 15                                                ║
   ║  ██║  ██╔═══╝      DIVERS & UTILITAIRES                                      ║
   ║  ██║  ╚█████╗      Classes diverses non catégorisées                         ║
   ║  ██║   ╚═══██╗     .titre-fiche-detail, .flux-item, .validation-btn          ║
   ║  ██║  ██████╔╝     .contenu-non-accessible, Admin styles, PWA                ║
   ║  ╚═╝  ╚═════╝                                                                ║
   ║                                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════════╝ */

.flux-item{
	padding:10px;
	border-radius:8px;
	background-color: #ececec;
	color:#121234!important
}
.flux-item a{
	color:#121234;
	font-size:18px;
	font-weight: 600
}

.contenu-non-accessible{
	width:100%;
	height:50vh;
	text-align:center;
}

.validation-btn .et_pb_code_inner{
	display:flex;
	justify-content: center;
}

/* PWA install button */
#installAppBtn{
	display: block;
	width: 80%;
	max-width: 250px;
	padding: 10px;
	border-radius: 80px;
	border: none;
	background-color: #121234;
	color: white;
	border: 1px solid white;
	font-size: 1.2rem;
	margin: 0 auto;
}

#wpadminbar {
	z-index: 999999999999999;
}

.liens-utiles-grid{
	margin-top:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	row-gap:1vh;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border: 1px solid #ececec;
	border-radius: 20px;
	padding:1vh 2%;
}
.liens-utiles-grid a{
	flex: 1 100%;
	border: 1px solid #ececec;
	background-color: #f5f5f5;
	display: flex;
	border-radius: 50px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #121234;
	padding: 8px 0;
}
.liens-utiles-grid a:hover{
	background-color:#121234;
	color:white!important
}

.liens-utiles-grid a img{
	max-width:70%;
}

/* add css sur la page admin-------------------------------------------------------------------- */
/* add css sur la page admin-------------------------------------------------------------------- */
/* add css sur la page admin-------------------------------------------------------------------- */

.liens-list-container{
	position:relative
}

.liens-form-footer{
	position: fixed;
	width: 90%;
	bottom: 10px;
	background-color: white;
	max-width: 1155px;
}


#addLienForm .view-btn{
	background-color:#121234
}


#addLienForm .view-btn:hover{
	background-color:#00899c;
}
.pending-actions a.small.view-fiche-btn svg, .pending-actions a.small.view-fiche-btn, .item-actions a svg, .item-main{
	color:#121234
}
.pending-actions a.approve-btn svg, .pending-actions a.approve-btn{
	color:#29a95e
}
.pending-actions a.reject-btn svg, .pending-actions a.reject-btn, .item-actions a.delete-btn svg {
	color:#dd4949
}




/* ╔══════════════════════════════════════════════════════════════════════════════╗

   ║  ██╗   ██████╗     SECTION 16                                                ║
   ║  ██║  ██╔════╝     RESPONSIVE - MEDIA QUERIES                                ║
   ║  ██║  ██████╗      Toutes les media queries regroupées par breakpoint        ║
   ║  ██║  ██╔══██╗     @media 1360px, 1024px, 767px, 600px                        ║
   ║  ██║  ╚█████╔╝                                                               ║
   ║  ╚═╝   ╚════╝                                                                ║
   ║                                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════════╝ */

/* ═══════════════════════════════════════════════════════════════════════════════
   @media screen and (max-width: 1360px)
   Ajustements map
   ═══════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width: 1360px){
	.wpgmza_map .wpgmza-inner-stack.left {
		height: 81% !important;
		transform: translateY(-44%) !important;
	}
}


/* ═══════════════════════════════════════════════════════════════════════════════
   @media screen and (max-width: 1024px) - TABLETTE
   Filtres verticaux, Grilles 3 colonnes, Ajustements map mobile
   ═══════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width: 1024px){
	
	.btn-vertical-mode{
		flex-direction:column;
		gap:10px;
		position: absolute!important;
		top:23vh;
		right: 5vw;
		max-width: 120px!important;
	}
	
	div.btn-vertical-mode .btn-filtres {
		height: 10vh !important;
		margin-bottom:10px!important;
	}
	.pros-item .post-thumbnail {
		object-fit: cover;
		max-height: 250px;
		width: 100%;
		height: 260px;
	}
	.pro-item-content h3 {
		font-size: 17px;
	}
	.pro-item-content .category-id a {
		font-size: 0.9rem;
	}
		
	div.uimob800 .um-account-main {
		width: 90%;
		max-width: 100%;
	}
	div.uimob800 .um-account-side ul {
		border-radius:15px;
		padding:1px
	}
	
	.acf-image-uploader .image-wrap{
		max-width: 100%!important;
		width: 100%;
		background-color:#ececec
	}
	.acf-image-uploader .image-wrap img {
		margin:0 auto!important;
		max-width:300px!important;
	}
	
	
	.pros-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}
	
	.wpgmza_map .wpgmza-inner-stack.top_right{
		top:82%!important
	}
	#wpgmza_map_4 > div:nth-child(1) > div.gm-style > div:nth-child(8) > button[aria-label="Passer en plein écran"]{
		top:78%!important
	}
	.search-1st-row{
		padding-top:10px
	}

	
	.half-flex-65{
		min-width:45%;
		flex:1;
	}
	.half-flex-35{
		min-width:45%;
		flex:1;
	}
	.banner-post-background{
		min-height: 31vh;
		background-position: center;
	}
	.wpgmza_map .wpgmza-inner-stack.left {
		height:60%!important;
		transform: translateY(-24%) !important;
	}
	
	.wpgmza_map .wpgmza-inner-stack > .grouping {
		transform: translateX(0%)!important;
		top:105%;
		min-width:100%;
	}
	.wpgmza_map .wpgmza-inner-stack>.grouping.visible {
		width: 100% !important;
		top:0
	}
	.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle{
		height: 3%!important;
		top: 104% !important;
		width: 100%!important;
		left: 0% !important;
		border-top-left-radius: 10px!important;
		border-bottom-left-radius: 0!important;
		border-top-right-radius: 10px!important;
		border-bottom-right-radius: 0!important;
	}
	.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle .icon:after{
		left:initial!important;
		transform:rotate(313deg)!important
	}
	.wpgmza_map .wpgmza-inner-stack .grouping.visible ~ .grouping-handle .icon:after {
		transform: rotate(135deg) scale(0.8)!important;
		left: initial;
		top: -6px!important;
	}
	
	.pros-item{
		min-height:30vh;
	}
	.dynamic-categories-thematiques .et_pb_code_inner>div.sous-thematiques span.category-id {
		display: flex;
		width: 19%;
		flex: 1 19%;
		max-width: 24%;
		margin: 5px;
	}
}


/* ═══════════════════════════════════════════════════════════════════════════════
   @media screen and (max-width: 767px) - MOBILE
   Grilles 2 colonnes, Menu mobile, Filtres mobile, Navigation mobile
   ═══════════════════════════════════════════════════════════════════════════════ */

@media screen and (max-width:767px){
	.pros-grid{
		grid-template-columns: repeat(2, 1fr);
	}
	.mobile-only{
		display:initial!important;
	}

	.ligne-1-detail .et_pb_column:nth-child(1){
		min-height:40vh
	}
	.dynamic-categories-thematiques .et_pb_code_inner > div span.category-id {
		flex: 1 50%;
		width: 50%;
		max-width: 49%;
		display: flex;
	}
	.dynamic-categories-thematiques .et_pb_code_inner > div span.category-id a{
		width:100%
	}
	.bloc-info-dashboard .et_pb_toggle_content a{
		max-width: 97%;
		float: none;
		margin: 5px;
	}
	
	.um-account-nav a{
		color: #121234 !important;
		font-size: 1.05rem;
		font-weight: 600;
	}
	.et_pb_menu .et_pb_menu__wrap{
		justify-content:center!important
	}
	.user-profile-image {
		margin-right:-5px!important;
	}
	.evenements-auteur .event-item {
		width:100%;
	}
	.jobs-pro-list li{
		min-width: 100% !important;
		width: 100%;
		max-width: 100% !important;
	}
	.secteurs-tags li {
		list-style-type: none;
		flex: 1;
		min-width: 47%;
		max-width: 43%;
	}
	
	.bascule-flex-content .bascule-content-cust {
		max-width: 100%;
		flex-wrap:wrap
	}
	
	.um-account-nav span.ico {
		left: 8px;
	}
	.um-account-nav span.arr {
		right: 8px;
	}

	
	div.uimob500 .uimob500-show a{
		color: #121234!important;
		width: 100%;
		font-size: 1rem;
		font-weight: 600;
		background-color: #eeeeee;
		border-radius: 10px;
		padding: 5px 10px 5px 38px;
		height: fit-content;
		position: relative;
		transition: all 0.1s linear;
		min-height: 5vh;
		border: 1px solid #d0d0d0;
	}
	.um-account-nav span.ico{
		top:initial;
	}
	
	div.um-account-nav a.current{
		background-color:#121234!important;
		color:white!important;
	}

	.col-vert-nav .et_pb_code_0.btn-voir-fiche
	{
		position: initial!important;
		width: fit-content!important;
		transform:initial!important;
	}
	
	.user-profile-name{
		width: 0;
		overflow: hidden;
	}
	.et_pb_image_0_tb_header.main-logo.scrolled {
		position: initial !important;
		margin-top: 6px !important;
		max-width: 155px !important;
		margin-bottom: 8px !important;
	}
	.wpgmza_map .wpgmza-inner-stack.left {
		height:60%!important;
		transform: translateY(-24%) !important;
		width:100%!important
	}
	
	.wpgmza_map .wpgmza-inner-stack > .grouping {
		transform: translateX(0%)!important;
		top:100%;
		min-width:100%;
	}
	.wpgmza_map .wpgmza-inner-stack>.grouping.visible {
		width: 100% !important;
		top:0
	}
	.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle{
		height: 3%!important;
		top: 104% !important;
		width: 100%!important;
		left: 0% !important;
		border-top-left-radius: 10px!important;
		border-bottom-left-radius: 0!important;
		border-top-right-radius: 10px!important;
		border-bottom-right-radius: 0!important;
	}
	.wpgmza_map .wpgmza-inner-stack .grouping ~ .grouping-handle .icon:after{
		left:initial!important;
		transform:rotate(313deg)!important
	}
	.wpgmza_map .wpgmza-inner-stack .grouping.visible ~ .grouping-handle .icon:after {
		transform: rotate(135deg) scale(0.8)!important;
		left: initial;
		top: -6px!important;
	}
	
	.wpgmza_map .gmnoprint.gm-bundled-control .gmnoprint{
		top:-33px!important
	}
	.event-pict{
		display:block!important
	}
	#multi-step-form label:has(input) {
		min-width: 100%;
	}


	#submit-all-forms{
		border-radius:10px
	}

	.filtre-metiers, .et_pb_code_13.filtre-multicolor, .filtre-localisation {
		position: relative!important;
	}
	.filtre-filtres.gallery-body{
		display:inherit;
		display: none;
		position: fixed;
		top: 0px;
		left: 0px;
		z-index:999999;
		height:100vh
	}
	#filtres-btn-mobile .et_pb_code_inner{
		display:flex;
		justify-content:center;
		align-items:center
	}
	

	
	.filters-tag-container-mobile .filter-ajax-cust-mobile{
		white-space: nowrap;
		padding: 5px 8px 5px 5px !important;
		background-color: #ececec;
		box-shadow: 0px 0px 10px #bcbcbc;
	}
	.filtre-filtres-mobile{
		background-color: white!important;
		min-height:100px!important
	}
	a.et_pb_button.connexion-btn{
		padding:6px 12px 5px 7px!important;
		padding-top: 6px !important;
		padding-bottom: 5px !important;
		margin-right:3px
	}

	.connexion-btn:after{
		position:relative
	}
	
	.et_parallax_bg{
		height:20%!important;
		bottom:initial;
		top:0
	}
	.les_pros_de_sante-template-default h1,  .et_pb_module h1{
		font-size:28px!important;
		font-weight:600!important;
	}
	
	.header-fiche-name-btn{
		flex-wrap:wrap;
	}
	.header-fiche-name-btn .et_pb_post_title{
		min-width:100%;
	}
	
	.gm-control-active.gm-fullscreen-control, .wpgmza-inner-stack.top_right {
		transform: translateY(100px)!important;
	}
	.filtre-filtres.gallery-body{
		margin:0!important
	}
	.search-1st-row{
		align-items:flex-start;
		background: linear-gradient(180deg, #ffffff, #ffffff0a)!important;
	}

	.filter-ajax-cust-mobile{
		margin-top: 0.5em;
		padding: 10px 8px 10px 12px!important;
		width: 100%;
		border-radius: 50px; 
		font-weight: 600;
		font-size: 15px;
	}

	
	.filter-ajax-cust-mobile.pmr-btn{
		display: flex; align-items: center; gap: 0.5em; justify-content:flex-end;
		width:fit-content!important;
		padding:5px 3px!important;
		float:inline-end;
		border-radius: 50px; 
		background-color:white;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>.wpgmza_cat_ul_child>li {
		flex: 1;
		min-width:100%;
	}
	
	
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul{
		flex-wrap:wrap;
		row-gap:0px;
		flex-direction: column;
		align-items: flex-start;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder>input:checked+label+ul, .filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder:hover .wpgmza_cat_ul_child{
		left:0;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48{
		position:initial;
		padding:3% 0;
		height:fit-content
	}
	label[for="wpgmza_cat_checkbox_86"] {
		padding: 0 7% !important;
	}
	
	
	.header-fav-btn{
		display:none!important;
	}
	.header-fav-btn-mobile{
		display:initial
	}
	.pros-item .post-thumbnail {
		object-fit: cover;
		max-height: 250px;
		width: 100%;
		height:100%;
	}
	.pros-item{
		min-height:35vh;
	}
	
	.act-post.et_pb_with_border>div.row>div.col-md-6{
		width:90%!important;
		margin:0 auto!important
	}
	.pro-item-content .category-id a {
		font-size: 2.9vw;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48 label {
		padding: 2%!important;
		display: flex;
		gap:10px;
		justify-content: flex-start;
		align-items:center;
		font-size: 1.1rem !important;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder>label:before{
		width: 50px;
		height:50px;
		background-size:cover
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder:hover .wpgmza_cat_ul_child{
		min-width:100%;
		max-width:100%;
		position:initial!important;
		border-radius:0!important;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder ul li input, .filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>ul.wpgmza_cat_ul_child>li.wpgmza_cat_checkbox_item_holder ul li label{
		max-height:none;
		padding: 2vh 5px !important;
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48 input{
		height:auto
	}
	.filtre-multicolor .wpgmza_cat_checkbox_item_holder_48>label{
		display:none
	}
	
	
	.bascule-content-cust{
		flex-wrap:wrap;
	}
	.bascule-content-cust .auteur-valide{
		max-width:100%
	}
	
	.half-flex-65{
		min-width:100%;
		margin-top:20px;
		flex:1;
	}
	.half-flex-35{
		min-width:100%;
		flex:1;
	}
	
	.toggle-mon-compte > div.d-flex{
		flex-wrap:wrap;
		row-gap:10px!important;
	}
	#filtre-grille select{
		margin-top:10px;
	}
	.pro-item-content h3 {
		font-size: 14px;
		text-align: center;
	}
	.pro-item-content .category-id{
		justify-content:center;
	}
	.category-link .category-thumbnail {
		width: 21px;
	}
	.home .category-link .category-thumbnail{
		width:37px;
	}
	.pro-item-content{
		min-height:41%;
	}
	.pro-item-content .voir-fiche-button{
		padding:3px 8vw;
	}
	.pro-item-content .category-id{
		margin-bottom:10px;
	}
	#popup-container {
		width: 100vw;
		border-radius: 0;
		max-height:100%;
		height: 100%;
	}
	#popup-overlay{
		align-items:flex-end
	}
	
	.et_pb_row.et_pb_row_1.search-1st-row.et_pb_equal_columns{
		width:100%;
		padding: 5px 20px
	}
	.et_pb_row.et_pb_row_1.search-1st-row.et_pb_equal_columns .et_pb_column_3{
		max-width:200px!important
	}
	.dynamic-categories-thematiques .et_pb_code_inner>div.sous-thematiques span.category-id {
		display: flex;
		width: 100%;
		flex: 1 100%;
		max-width: 100%;
		margin: 5px;
	}
	
	
	.row-event-cust{flex-wrap:wrap;}
	.wpfd-container .with_foldertree{
		max-width:100%!important;
	}
	#et-boc .wpfd-content .wpfdcategory, .wpfd-content .wpfdcategory{
		min-width:90%!important;
	}
	.acf-adress{
		font-size:17px;
	}
	.email-auteur a, a.tel-auteur, .tel-pro-message span.et_pb_animation_top_phone{
		font-size:1.1rem;
	}
	
	.decm_event_display_0 .ecs-event-list .ecs-event .act-post .row{
		flex-direction:column;
	}
	.decm_event_display_0 .ecs-event-list .ecs-event .act-post .dec-image-overlay-url, .decm_event_display_0 .decm-cover-image-overlay {
		border-radius: 10px 10px 0px 0px!important;
	}
}


/* ═══════════════════════════════════════════════════════════════════════════════
   @media (max-width: 600px) - PETIT MOBILE
   Grilles 2 colonnes chips, Ajustements finaux
   ═══════════════════════════════════════════════════════════════════════════════ */

@media (max-width:600px){
	.dynamic-chips{ 
		grid-template-columns: repeat(2, 1fr);
	}
	.dynamic-chips .chip{ 
		margin:3px
	}
	.pro-item-content h3 {
		font-size: 13px;
		text-align: center;
	}
	#wpfd-core {
		margin-top: 46px;
		height: 100vh;
	}
}


/*
╔══════════════════════════════════════════════════════════════════════════════╗
║                                                                              ║
║                        FIN DU FICHIER CSS                                    ║
║                        MYCARTOSOINS                                          ║
║                                                                              ║
║   📊 STATISTIQUES :                                                          ║
║   ─────────────────                                                          ║
║   • Sections principales : 16                                                ║
║   • Lignes totales : ~6000                                                   ║
║   • Classes CSS : ~800+                                                      ║
║   • Media queries : 4 breakpoints principaux                                 ║
║                                                                              ║
║   ✅ TOUT LE CODE ORIGINAL A ÉTÉ CONSERVÉ                                    ║
║   ✅ AUCUNE SUPPRESSION (même les doublons)                                  ║
║   ✅ RÉORGANISATION LOGIQUE PAR FONCTIONNALITÉ                               ║
║                                                                              ║
╚══════════════════════════════════════════════════════════════════════════════╝
*/