/*
╔══════════════════════════════════════════════════════════════════════════════╗
║                                                                              ║
║                   MYCARTOSOINS - PROFESSIONAL MODULE                        ║
║                                                                              ║
║   Extrait de css-general.css - Sections: 6                          ║
║   Chargement conditionnel selon les pages                                    ║
║                                                                              ║
╚══════════════════════════════════════════════════════════════════════════════╝
*/

   ║  ██████╗   ██████╗  SECTION 6                                                ║
   ║  ██╔═══╝  ██╔════╝  CARDS & ITEMS                                            ║
   ║  ╚█████╗  ██████╗   Cartes professionnels, jobs, events                      ║
   ║   ╚═══██╗ ██╔══██╗  .category-id, .pros-grid, .pros-item                     ║
   ║  ██████╔╝ ╚█████╔╝  .banner-post-background, .id-card                        ║
   ║  ╚═════╝   ╚════╝                                                            ║
   ║                                                                              ║
   ╚══════════════════════════════════════════════════════════════════════════════╝ */

/* mini fiche map */
.category-id{
	width:50%;
	flex:1 50%;
}


.cat-fiche-scrollable {
	max-height: 150px !important;
	overflow-y: scroll !important;
}


div[data-field-id="field_6749cc06f193e"] .wpgmza-integration-field-value .category-id img, div[data-field-id="field_6842c4fef0f92"] .wpgmza-integration-field-value .category-id img{
	max-width:25px!important
}


#wpgmza_map_4 > div.wpgmza-inner-stack.left.viewport-grouping.expanded > div.grouping.visible > div:nth-child(2) > div > div.wpgmza-address > span{
	word-break: break-word;
	max-width:100%
}

div[data-field-id="field_6749cc06f193e"] .wpgmza-integration-field-value .category-id, div[data-field-id="field_681c80e3ce5bd"] .wpgmza-integration-field-value .category-id, div[data-field-id="field_6842c4fef0f92"] .wpgmza-integration-field-value .category-id{
	flex:1 40%;
	font-size:11px;
	cursor:normal;
	color:#121234;
	font-weight:500;
	line-height:1em;
	padding:3px 5px;
	border-radius:50px;
	box-shadow: 0px 0px 10px #c3c3c3
}


div[data-field-id="field_681c80e3ce5bd"] .wpgmza-integration-field-value .category-id{
	padding:0!important
}



div[data-field-id="field_6749cc06f193e"] .wpgmza-integration-field-value .category-id a{
	display:flex;
	align-items: center;
	gap:5px;
}
.dynamic-categories-thematiques
.et_pb_code_inner > div{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin:10px 0 25px;
	align-items:flex-start;
	row-gap:10px;
}

.dynamic-categories-thematiques .et_pb_code_inner > div.thematiques-generales span.category-id{
	flex:1 25%;
	width:25%;
	max-width:25%;
	display:flex;
}

.category-group{
	width:100%;
	background-color:#f5f5f5;
	padding:0% 0% 15px;
	border-radius: 10px;
	margin-bottom:12px;
}
.category-group .category-children{
	display:flex;
	flex-wrap:wrap;
	padding:0 1%
}
.dynamic-categories-thematiques .et_pb_code_inner>div.sous-thematiques span.category-id{
	display:flex;
	width:19%;
	flex: 1 19%;
	max-width:19%;
	margin:5px
}
.dynamic-categories-thematiques
.et_pb_code_inner > div span.category-id a{
	display:flex;
	justify-content:flex-start;
	text-align:center;
	font-size:12px;
	color:#121234;
	cursor: normal;
	color: #121234;
	font-weight: 500;
	line-height: 1em;
	padding: 3px 15px 3px 5px;
	border-radius: 50px;
	box-shadow: 0px 0px 10px #c3c3c3;
}
.dynamic-categories-thematiques
.et_pb_code_inner > div span.category-id a img{
	max-width:25px;
}

.dynamic-categories-thematiques .et_pb_code_inner span.category-id a{
	width:98%
}

.category-id.parent-category{
	margin:0!important;
	width:100%;
	flex:1 100%;
	max-width:100%;
	min-width:100%;
	padding:10px;
	background-color:#e6e6e6;
	box-sizing: border-box;
	border-top-left-radius:10px;
	border-top-right-radius: 10px;
}
.dynamic-categories-thematiques hr{
	margin-top:0;
	margin-bottom:13px;
}
.category-id.parent-category a{
	box-shadow: none!important;
	font-size:18px!important;
} 

.google-map-address{
	display:flex;
	flex-direction:column;
}
.google-map-address span{
	line-height:1.5rem
}

.google-map-address span.city-postal{
	text-transform:uppercase;
}

.google-map-address span.street{
	font-weight:400;
}
.ligne-1-detail .et_pb_column:nth-child(1){
	overflow: hidden;
	border-radius: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* .ligne-1-detail .et_pb_column:nth-child(1){
	width:33%;
	max-width:320px;
	margin-right:30px
}
.ligne-1-detail .et_pb_column:nth-child(2){
	max-width:400px;
min-width:fit-content;
	margin-right:30px
	
}


.ligne-1-detail .et_pb_column:nth-child(3){
	max-width:750px;
	width:60%!important;
	margin-right:30px
} */

.success-message, .error-message {
	padding: 15px;
	margin: 15px 0;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
}

.success-message {
	background-color: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.error-message {
	background-color: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.submit-custom-btn:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}
.pict-detail{
	height:100%
}

.pict-detail span img{
	width: auto;
	height: 100%;
	max-width: 450px;
}

span.category-id{position:relative}
/* span.cat-name-tag{
		position: absolute;
		top: -26px;
		right: 0;

		background-color: white;
		padding: 5px 9px;
		border: 1px solid #121234;
		border-radius: 80px;
		display: none;
		white-space: nowrap;
} */
span.category-id:hover span.cat-name-tag{
	display:block
}

.categories-metiers-with-thumbnails{
	display:flex;
	align-items:flex-start;
	padding:0!important;
	gap:10px;
	border-bottom:1px solid #ececec;
	margin-bottom:0px
}


.categories-metiers-with-thumbnails img{
	max-width:40px;
	max-height:40px;
	margin-top:-5px
}
.categories-metiers-with-thumbnails li{
	list-style-type:none
}

.categories-metiers-with-thumbnails h2{
	font-size:23px;
	font-weight:600;
	padding:0 0 15px 0!important;
	white-space:nowrap;
}
.categories-metiers-with-thumbnails h1{
	font-size:clamp(18px, 1.5dvw, 30px)!important;
	white-space:nowrap;
}

.actions-bloc{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: stretch;
}
.actions-bloc .et_pb_text{
	width:100%
}




.actions-bloc .et_pb_blurb, .actions-bloc .et_pb_code_3_tb_body{
	margin:0!important;
	flex: 1 50%;
	border:5px solid white
}

.actions-bloc .et_pb_code_3_tb_body .et_pb_code_inner, .actions-bloc .et_pb_code_3_tb_body .et_pb_code_inner a.btn-primary{
	width:100%;
	height:100%;
}

.actions-bloc .et_pb_code_3_tb_body .et_pb_code_inner a.btn-primary{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	align-items:center;
	color:white;
	font-weight: 600;
	font-size: 23px;
	padding-bottom:10px
}

.actions-bloc .et_pb_code_3_tb_body .et_pb_code_inner a.btn-primary svg{
	margin-bottom:30px;
	width:84px;
	height:84px;
}

.tel-auteur{
	color: #121234;
	text-decoration: none;
	display: flex;
	gap: 20px;
	margin-left: 3px;
	margin-top: 9px;
}
.email-auteur{
	color: #121234;
	text-decoration: none;
	display: flex;
	gap: 20px;
	margin-left: 2px;
	margin-top: 0px;
}

.tel-pro-message{
	text-decoration: none;
	display: flex;
	gap: 20px;
	margin-left: 3px;
	margin-top: 5px;
}
.email-auteur span, .tel-auteur span, .tel-pro-message span.et_pb_animation_top_phone{
	font-size:25px!important;
	color:#121234;
}
.email-auteur a, a.tel-auteur, .tel-pro-message span.et_pb_animation_top_phone{
	color:#121234!important;
	text-decoration:none;
	font-size:1.2rem;
	font-weight:600
}

.entry-content tr td,.actions-bloc .et-l.et-l--body tr td {
	padding: 0px 8px 0 !important;
}


.et-l.et-l--body table:not(.variations){
	margin:0!important
}

.website-pro{
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #121234;
	font-weight: 600;
	margin-top: 5px;
	margin-bottom: 5px;
}
.website-pro img{
	max-width:30px;
	margin-right: 17px;
	margin-left:2px
}


.professionnels-template-default .et_pb_post_content .simplefavorite-button{
	display:none
}


.professionnels-template-default .et_pb_post_content{
	min-height: 10vh;
	background-color: #f5f5f5;
	border-radius: 10px;
	padding:1% 2%;
}


.acf-acces_pmr-subfield:last-child{
	margin-top: 30px;
	padding-top:10px;
	border-top:1px solid #ececec
}

/* fiche detail------------------------------------- */
/* fiche detail------------------------------------- */
/* fiche detail------------------------------------- */

.pict-detail .et_pb_image_wrap{
	height:100%;  
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content:center;
}

.titre-fiche-detail .et_pb_blurb_content{
	margin:0!important
}

/* PAGE ARCHIVES CATEGORIES */

.pros-de-sante-list{
	display:flex;
	gap:1vw;
}

li.pros-item{
	list-style-type:none;
	background-color:#ececec;
	box-shadow:0px 0px 10px #d7d7d7;
	padding:0;
	border-radius:10px;
	transition:all 0.2s linear
}
li.pros-item:hover{
	transform:scale(1.01)
}

.pros-thumbnail img{
	border-top-right-radius:10px;
	border-top-left-radius:10px;
}

li.pros-item h3{
	color:#121234;
}

#filtre-grille { margin-bottom: 20px; }

.pros-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.pros-item {background-color: #ececec;
	box-shadow: 0px 0px 15px #c7c7c7; padding: 10px; position: relative; }

.pros-item .post-thumbnail {
	object-fit: cover;
	max-height: 390px;
	width: 100%;
	height: 400px; }

.share-popup {
	display: none;
	position: absolute;
	top: 10px; right: 10px;
	background: white;
	border-radius:5px;
	padding: 5px;
	z-index: 10;
}
.share-popup a{
	color:#121234;
}
/*     .pros-item:hover .share-popup { display: block; } */

.pros-item{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

/* 
		.favoris-button, .share-button {
				position: absolute;
				top: 10px;
			 
			 
				z-index: 9;
		}
		.favoris-button { left: 10px; }
		.share-button {cursor:pointer; right: 10px; } */


.pro-item-content{
	display: flex;
	min-height: 34%;
	padding: 10px;
	background-color: white;
	flex-direction: column;
	justify-content: space-between;
}
.pro-item-content .category-thumbnail{
	max-width:30px;
}
.pro-item-content h3{
	color:#121234;
	font-weight:600;
}
.pro-item-content .category-id{
	color:#121234;
	display:inline-flex;
	width:100%;
	margin-bottom:15px;
}
.pro-item-content .category-id a{
	color:#121234;
	font-size:1.1rem;
	display:flex;
	gap:10px;
}

.pro-item-content .voir-fiche-button{
	color:white;
	background-color:#121234;
	width: fit-content;
	margin: 0 auto 0px;
	border-radius:50px;
	padding:3px 1.5vw;
}

/* .pros-item .btn-favoris, .pros-items .share-button{
		position:absolute
}
.pros-item .btn-favoris{
		top:10px;
		left:10px
}
.pros-item .share-button{
		right: 15px;
		top:15px;
		
} */

.pros-item{
	padding:0;
	border-radius:10px;
	overflow: hidden;
	min-height:50vh;
}

.pro-item-actions{
	position: absolute;
	width: 100%;
	padding: 10px;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: linear-gradient(to bottom, rgb(0 0 0 / 43%), transparent);
}


.secteurs-tags{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding:0!important
}

.secteurs-tags li, .favorite-item{
	list-style-type: none;
	flex:1;
	min-width:fit-content;
	max-width: fit-content;
	padding:0px 8px;
	background-color: #ececec;
	margin:5px;
	border-radius:50px ;
	display:flex;
	align-items:center;
	box-shadow: 0px 0px 2px #bfbfbf;
}

.secteurs-tags li a{
	color:#121234;
	display: flex;
	align-items: center;
	font-size:13px;
	padding:2px 5px
}
.secteurs-tags li a img{
	max-width:25px!important;
	margin-right:5px;
	border-right:1px solid #d0d0d0
}
.les_pros_de_sante-template-default .btn-fiche{
	min-height: initial;
	font-size:14px;
	white-space:nowrap;
}
.les_pros_de_sante-template-default h1{
	padding:0
}

.bloc-infos-pratiques-fiche{
	display:flex;
	flex-wrap:wrap;
}
.categorie-129 img{
	max-width:40px
}
.categorie-129{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:20px
}
.categorie-129 a{
	color:#121234;
	font-size:18px;
	font-weight: 600;
}

.category-link .category-thumbnail{
	width:35px
}
.category-link{
	display:flex;
	align-items:center;
	gap:10px;
}

.secteurs-tags-container .secteurs-tags li{
	padding-left:0;
}

.banner-post-background {
	position: relative;
	width: 100%;
	height: 100%;
	min-height:40vh;
	background-position:center;
	max-height:100%!important;
	background-size: cover;
	border-radius: 12px;
	overflow: hidden;
}

.banner-buttons {
	position: absolute;
	top: 10px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
}

.btn-share button{
	background:none;
	border:none;
	cursor:pointer
}

.btn-share {
	position: relative;
}

.btn-share .share-popup {
	display: none;
	position: absolute;
	top: 30px;
	right: 0;
	background: white;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 8px;
	z-index: 10;
	min-width: 140px;
}

.btn-share .share-popup a {
	display: block;
	margin: 5px 0;
	text-decoration: none;
	font-size: 14px;
}

.btn-share.open .share-popup {
	display: block;
}
.banner-post-background:before{
	content: '';
	display: block;
	width: 100%;
	height: 25%;
	background: linear-gradient(to bottom, rgb(0 0 0 / 43%), transparent);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.card-detail{
	gap:2%
}

.id-card{
	display:flex;
	flex-direction:column;
	gap:10px;
	background: #f5f5f5;
	padding: 1% 2%;
	border-radius: 12px;
}

.acf-adress{
	align-items:center;
	font-size:1.3rem;
	color:#121234;
	font-weight:600;
}

.acf-map-link{
	color:#121234!important
}

.close-cal{
	display:none!important;
}
.btn-voir-fiche .btn-fiche{white-space:nowrap}

.card-detail .half-flex-35:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
	background-image:url('https://mycartosoins.fr/wp-content/uploads/2025/06/image-user-vide.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center
}
.card-detail .half-flex-35{
	border-radius:12px;
	overflow:hidden;
	position:relative
}
.mobile-only{
	display:none!important;
}

.card-detail .half-flex-35 {
	min-height:35vh;
}

.feature-img-block .card-detail .id-card h1{
	font-weight: 700;
	font-style: normal;
	text-transform: inherit;
	font-variant: normal;
	text-decoration-line: none;
	text-decoration-color: inherit;
	text-decoration-style: solid;
	color: #121234;
	font-size: 30px;
	letter-spacing: 0px;
	line-height: 1em;
}

.reseaux-sociaux-pro .reseau-social{
	display: flex!important;
	align-items: center
}

.reseaux-sociaux-pro {
	display: flex;
	gap: 15px;
	margin:  0;
}
.reseaux-sociaux-pro .reseau-social {
	display: inline-block;
	transition: transform 0.3s ease;
}
.reseaux-sociaux-pro .reseau-social:hover {
	transform: scale(1.2);
}
.reseaux-sociaux-pro .facebook svg {
	fill: #1877F2;
}
.reseaux-sociaux-pro .instagram svg {
	fill: #E4405F;
}
.reseaux-sociaux-pro .linkedin svg {
	fill: #0A66C2;
}
.reseaux-sociaux-pro .doctolib svg {
	fill: #1DBAC1;
}

.svg-num-pro{
	width: 36px!important;
	height: 30px!important;
	margin-top: 5px;
	margin-bottom: -7px;
	margin-right: 11px;
}

.acf-info-badge {
	background: #ececec;
	color: #121234;
	padding: 4px 10px;
	display: inline-block;
	border-radius: 16px;
	margin-top: 0px;
	font-size: 13px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 17px;
}




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