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

   ║  ██████╗   █████╗   SECTION 8                                                ║
   ║  ██╔╝╝╝╝  ██╔╝╝██╗  PAGE MON COMPTE (Ultimate Member)                        ║
   ║  ╚█████╗  ╚█████╔╝  .um-account-*, .um-field-*                               ║
   ║   ╚╝╝╝██╗ ██╔╝╝██╗  Boutons UM, Navigation compte                            ║
   ║  ██████╔╝ ╚█████╔╝  .um-pass-toggle, Password strength bar                   ║
   ║  ╚╝╝╝╝╝╝   ╚╝╝╝╝╝                                                            ║
   ║                                                                              ║
   ╚╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝ */

/* PAGE MON COMPTE */

.um-account-meta, .um-account-heading{
	display:none!important;
}

.um-account-side ul li{
}
.picker__box, .picker__nav--next:hover, .picker__nav--prev:hover, .um .um-field-group-head, .um .um-members-pagi span.current, .um .um-members-pagi span.current:hover, .um .um-profile-nav-item.active a, .um .um-profile-nav-item.active a:hover, .um-modal-btn, .um-modal-btn.disabled, .um-modal-btn.disabled:hover, .um-modal-header, .upload, div.uimob800 .um-account-side li a.current, div.uimob800 .um-account-side li a.current:hover {
	background: #121234;
}


div.um-account-side ul li,  .um-account-nav a {
	margin:0px 0 10px!important;
	border-radius:10px!important
}
div.um-account-side ul li a, .um-account-side li a.current, .um-account-side li a.current:hover{
	border-radius:10px!important
}
.um-account-side li a.current, .um-account-side li a.current .um-account-icon, .um-account-side li a.current .um-account-title {
	background-color:#121234;
	color:white!important;
}
.um-account-title{
	font-weight: 400
}

.um-account-side li a span.um-account-arrow {
	top: 50%;
	transform: translateY(-50%);
}
div.um-account-side ul li a{
	padding:10px 0
}
.um-account-icon{
	color:#121234!important
}
div.um-account-side ul li a:hover, div.um-account-side ul li a:hover .um-account-icon, div.um-account-side ul li a:hover .um-account-title  {
	background-color:#121234;
	color:white!important;
}
.um-account-side li a span.um-account-title{
	color:#121234;
	font-weight:600;
}
.um-account-main{
	padding:2% 2%;
	box-shadow:0px 0px 15px #d7d7d7;
	border-radius:15px;
	background-color:white;
}
.um-field-user_login{
	padding-top:0
}
.um-editing .um-form form{
	display: flex;
	gap: 2%;
}
.um-field-area input.um-form-field, .select2-container .select2-choice, .select2-container-multi .select2-choices, .select2-drop, .select2-drop-active, .select2-drop.select2-drop-above, .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea, .um .upload-progress {
	border-radius:10px;
	border: 2px solid #121234!important
}


.um-account-side{
	width:40%;
}

.um-account-main{
	padding:2% 2%;
	box-shadow:0px 0px 15px #d7d7d77a;
	border-radius:15px
}
.um-field-user_login{
	padding-top:0
}
.um-editing .um-form form{
	display: flex;
	gap: 2%;
}
.um-field-area input.um-form-field, .select2-container .select2-choice, .select2-container-multi .select2-choices, .select2-drop, .select2-drop-active, .select2-drop.select2-drop-above, .um .um-form input[type=number], .um .um-form input[type=password], .um .um-form input[type=search], .um .um-form input[type=tel], .um .um-form input[type=text], .um .um-form textarea, .um .upload-progress, .input-style-cust, .wpfd-adminForm input {
	border-radius:10px;
	border: 2px solid #e1e1e4!important;
	background-color:#ececec;
	font-weight:600;
	color:#757575;
}
.input-style-cust{
	padding:10px!important 
}
.search-bar-50{
	width:100%;
	max-width:800px
}

.um a.um-button, .um a.um-button.um-disabled:active, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:hover, .um input[type=submit].um-button, .um input[type=submit].um-button:focus{
	background-color:#121234;
	border-radius:50px!important;
	padding: 12px 20px !important;
	font-weight:600!important;
	font-size:1rem;
}
#um-submit-btn{background-color: #121234;}
.um a.um-button:hover, .um input[type=submit].um-button:hover, .um-request-button {
	background-color: #08839a;
}
.um-request-button{
	border-radius:30px
}

.um .um-cover-add:hover, .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i, .um .um-field-radio.active:not(.um-field-radio-state-disabled) i, .um .um-item-meta a, .um .um-member-less a:hover, .um .um-member-more a:hover, .um .um-member-name a:hover, .um .um-members-pagi a:hover, .um .um-profile-subnav a.active, .um .um-tip:hover, .um-account-name a:hover, .um-account-nav a.current, .um-account-side li a.current span.um-account-icon, .um-account-side li a.current:hover span.um-account-icon, .um-dropdown li a:hover, i.um-active-color, span.um-active-color{
	color:#121234
}
.message-create{
	text-align:center;
	color: #5BB880;
	font-weight:600;
	font-size:1.5rem;
	margin-bottom:2vh;
	animation: bounce  1s forwards ease-in-out;
}

.um-form input[type=number] {
	width: 100%!important;
}


.um-field-error{
	border-radius:10px;
}


.bascule-flex-content .bascule-content-cust{
	display:flex;
}


.toggle-crea-offre .et_pb_toggle_content{
	padding: 2% 5%;
	background-color: rgba(18, 18, 52, 0.22);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.bloc-info-dashboard .et_pb_toggle_content a{
	max-width:calc(50% - 10px);
	float:left;
	margin:5px;
}

div.uimob800 .um-account-side ul {
	border-radius: 10px;
	padding: 4% !important;
}


.header-fav-btn-mobile{
	display:block
}

div.uimob800 .um-account-main{
	max-width:initial!important
}
#um_account_submit_general,
#um_account_submit_password,
#um_account_submit_privacy {
	display: none !important;
}

.um-editing .um-form form {
	display: flex;
	gap: 0%;
}

.um-account-main{
	background-color:transparent!important;
}
.um-editing .um-form form{
	background-color: #d4d4da;
	border-radius:10px;
	padding:10px
}
div.um-account-side ul li, .um-account-nav a{
	border-radius:0!important;
	margin:0!important
}

.um-account-main .um-account-nav a{
	color:#121234!important;
	font-size:17px;
	font-weight: 600;
	height:50px;
}



.um-account-nav:nth-child(5) a{
	border-bottom:none!important
}
.um-account-nav:nth-child(3) a{
	margin: 10px 0!important
}

div.uimob500 .um-account-tab{
	padding-top:20px;
}
.um-account-tab-general{
	display:none;
}

/* ===============================
   BOUTON "ŒIL" MOT DE PASSE UM (version stable avec barre intacte)
   =============================== */

/* Zone du champ : relative pour positionner l'œil */
.um-field .um-field-area {
	position: relative;
}

/* Bouton œil */
.um-pass-toggle {
	position: absolute;
	top: 23px;
	right: 10px;
	transform: translateY(-50%);
	border: none;
	background: transparent;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	color: #666;
	opacity: 0.85;
	padding: 0;
	height: 1.4em;
	width: 1.4em;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 3;
	transition: opacity 0.2s ease, color 0.2s ease;
}

.um-pass-toggle:hover {
	opacity: 1;
	color: #000;
}

/* Espace à droite pour l'œil */
.um-field-area input[type="password"] {
	padding-right: 2.2em !important;
	box-sizing: border-box;
}

/* Spécifiques aux différents formulaires UM */
.um-2004 input[type="password"], /* Inscription */
.um-2005 input[type="password"], /* Connexion */
.um-account input[type="password"], /* Mon compte */
.um-reset-password input[type="password"] { /* Réinitialisation */
	padding-right: 2.2em !important;
}

/* ===============================
   BARRE DE FORCE MOT DE PASSE
   =============================== */
.password-strength-wrapper {
	margin-top: 6px;
	font-size: 13px;
	color: #555;
	display: block;
	position: relative;
}

.password-strength-bar {
	background: #ddd;
	border-radius: 2px;
	height: 4px;
	overflow: hidden;
	margin-bottom: 4px;
	width: 100%;
}

.password-strength-bar span {
	display: block;
	height: 100%;
	width: 0;
	background: red;
	transition: width 0.3s ease, background 0.3s ease;
}

.password-strength-text {
	font-size: 12px;
	color: #555;
	font-style: italic;
	display: block;
}

.um-2004 .um-pass-toggle {
	font-size:18px;
	opacity:.8;
	position:absolute;
	right:10px;
	top:50%;
	transform:translateY(-50%);
	background:transparent;
	border:0;
	cursor:pointer;
}
.um-2004 .um-pass-toggle:hover { opacity:1; }

.password-strength-wrapper { margin-top: 8px; }
.password-strength-bar {
	height: 6px;
	background: #ddd;
	border-radius: 3px;
	overflow: hidden;
}
.password-strength-bar span {
	display: block;
	height: 100%;
	width: 0;
	background: red;
	transition: width 0.3s ease, background 0.3s ease;
}
.password-strength-text { font-size: 13px; margin-top: 4px; }


#um_field_2004_user_password .um-pass-toggle{
	top:20px
}


#um_field_2004_rgpd .um-field-checkbox{
	width:100%
}

#um_field_2004_user_password > div.um-field-area > div:nth-child(4){
	display:none!important;
}

/* #um_field_2004_user_email label:after{
content:"Pour garantir votre identité et la securité des informations auxquelles vous aurez accès il est necessaire d'avoir une adresse mail de type .mssante.fr Si vous n'avez pas de compte MS Sante veuillez contacter la CPTS du Pays de Lunel au 04 67 27 34 76";
font-weight:300;
		width: 100%;
		display: block;} */

.bascule-content-cust{
	width: 100%;
	display: flex;
	gap: 16px;
}


.bascule-content-cust .auteur-valide{
	max-width:49%
}




/* ╔╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╝╗