.users-container .user-item{
    width:100% !important;
}

.users-container .user-item img{
    width:100% !important;
}

.users-container .user-item a{
    color:black;
    display: inline-block !important;
    padding-bottom: 1em !important;
}

.pro-carte[hidden] { display: none; } /* needed if your grid sets display on cards */
.pro-filtres button[aria-pressed="true"] { background: #fff; border-color: transparent; }


/* Modal overlay */
.professional-modal {
    display: none !important;
    position: fixed;
    inset: 0;
    z-index: 99999;
    padding: 30px 15px;
    background: rgba(0, 0, 0, 0.6);
    overflow-y: auto;
    align-items: center;
    justify-content: center;
}

/* Show modal */
.professional-modal.is-open {
    display: flex !important;
}

/* Modal dialog */
.professional-modal-dialog {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

/* Modal content */
.professional-modal-content {
    position: relative;
    width: 100%;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    background: #fff;
	top: 40px;
}

/* Modal header */
.professional-modal-header {
    display: flex;
    justify-content: flex-end;
    padding: 15px 20px 0;
}

/* Close button */
.close-professional-modal {
    border: none;
    background: transparent;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    color: inherit;
}

/* Modal body */
.professional-modal-body {
    padding: 20px 30px 30px;
}

/* Prevent background scrolling */
body.modal-open {
    overflow: hidden;
}

.pro-filtres{
    margin: .5em 0;
}
.pro-filtres span{
    font-size: 22px;
    font-weight: 500;
    margin-right: 30px;
	text-align:center !important;
	width:100%;
}
.pro-filtres button{
    background-color:transparent;
    border:1px solid #614218 !important;
    font-family: 'Geist', sans-serif !important;
    font-size: 18px;
    color:#614218;
    padding:10px 18px;
    border-radius: 13px;
       pointer-events: pointer !important;
    transition: .2s ease-in-out;
    margin-right: 10px;
    margin-bottom: 10px;
} 
.pro-filtres button:hover{
    background-color:#fff;
    border:1px solid #fff !important;
    font-family: 'Geist', sans-serif !important;
    font-size: 18px;
    color:#614218;
    padding:10px 18px;
    border-radius: 13px;
    pointer-events: pointer !important;
    cursor: pointer !important;
    pointer-events: cursor !important;
    transition: .2s ease-in-out;
}
.pro-filtres button[aria-pressed="true"]{
    border:1px solid white !important;
}
.pro-carte.user-item{
    background-color:#E5D4B5;
    border-radius: 20px;
    padding:25px;
    color:#501128 !important;
    position: relative;
}
 .professional-modal-content{
    background-color:#FFF8EB;
    border-radius: 20px;
    padding:25px;
    position: relative;
}
.professional-modal-header{
    position: absolute;
    right:0;
    top:0;
}
.pro-carte.user-item{
	margin-bottom:30px;
}
.pro-carte.user-item img, .professional-modal img{
    border-radius: 50%;
}
.professional-modal img{
    max-width: 200px !important;
}
.pro-carte.user-item .users-meta p{
    font-size: 16px;
    line-height: 20px;
    margin:0 !important;
}
.pro-carte.user-item .users-meta{
    position: static !important;
    margin-bottom: 20px;
}
.pro-carte.user-item .col1 {
    width:100% !important;
	margin-bottom:20px;
}
.pro-carte.user-item .col2 p{
	margin-bottom:14px;
}
.pro-carte.user-item h4{
    margin:5px 0;
    color:#501128;
}
.disponible{
    color:#465B11;
}
.disponibilite_select:before{
    content:" ";
    width:10px;
    height:10px;
    display: inline-block;
    background-color:#465B11;
    border-radius: 10px;
    margin-right: 6px;
    color:#465B11;
}
.pro-liste .disponibilite_select{
    font-size: 15px !important;
}
.listedattente{
    color:#9D3721 !important;
}
.listedattente:before{
    background-color:#9D3721 !important;
}
.complet{
    color:rgba(97,66,24, .7);
}
.complet:before{
      background-color:rgba(97,66,24, .7);
}

.pro-carte.user-item .open-professional-modal{
    background-color: transparent;
    border-radius: 50px;
   padding:6.5px 22px !important;
    color:#501128;
    margin-right: 15px;
		font-size:15px !important;
	   border:1px solid #501128;
}
.pro-carte.user-item .open-professional-modal:hover{
    background-color:#FFF8EB;
    color:#501128;
    fill:#501128;
	border:1px solid #FFF8EB;
    pointer-events: pointer !important;
    cursor: pointer !important;
}
.pro-carte.user-item .rendez-vous:hover,  .pro-carte.user-item .rendez-vous:hover path{
    background-color:#9D3721 !important;
    color:#fff;
    fill:#fff;
    pointer-events: pointer !important;
    cursor: pointer !important;
}
.pro-carte.user-item .rendez-vous svg{
    margin-left: 7px;
}
.pro-carte.user-item .rendez-vous{
	font-size:15px !important;
        border-radius: 50px;
      padding:6.5px 22px !important;
    color:#fff;
	background-color:#501128 !important;
}


.professional-modal-body img{
    margin-bottom:15px;
}
.modal-flexed h3{
    margin:5px 0;
}
.professional-modal-body, .professional-modal-dialog, .professional-modal{
	z-index:9999999999999 !important;
}
.professional-modal-body a{
    border-radius: 25px;
        padding:10px 22px !important;
    background-color:#501128;
    color:#FFF8EB;
}
.professional-modal-body a:hover{
    background-color:#9D3721;
   color:#FFF8EB;
}
.professional-modal-body a svg{
    margin-left: 10px;
}
@media (max-width: 640px) {
    .professional-modal {
        padding: 15px;
    }

    .professional-modal-body {
        padding: 15px 20px 25px;
    }
	.open-professional-modal{
		margin-bottom:10px;
	}
	.pro-filtres button{
		display:block !important;
		width:100%;
	}
	
	.pro-filtres span{
		margin-bottom:15px !important;
		display:inline-block;
	}
}
@media (min-width: 640px) {
		.pro-carte.user-item{
    display: flex;
    gap:20px;
}
	.pro-carte.user-item[hidden]{
		    display:none;
	}
	
.pro-liste .disponibilite_select{
    position: absolute;
    top:20px;
    right:25px;
    font-size: 15px !important;
}
	.pro-carte.user-item .col1 {
    width:25% !important;
}
	.pro-filtres span{
	text-align:left !important;
}
}


@media (min-width: 1086px) {
	
.modal-flexed{
    display: flex !important;
    gap:30px;
    align-items: center;
    margin-bottom: 20px;
    
}
	.users-container {
    display: flex !important;
    justify-content: space-between;
    gap:15px !important;
	flex-wrap: wrap;
}
.users-container .user-item{
    width:49% !important;
}
	.pro-carte.user-item{
	margin-bottom:10px;
}
.professional-modal-content {
    max-height: calc(100vh - 120px);
	top: 55px;
}

}