/* WOOCOMMERCE CUSTOM CSS 
--------------------------------*/

/* ACCOUNT LOGIN */

.woocommerce h2 {
	text-align: center;
}

.woocommerce-form-login {
	max-width: 350px;
	margin: 0 auto;
}

/* ACCOUNT EDIT CSS */
.woocommerce-MyAccount-content {
	background-color: #FFFFFF!important;
	border: 1px solid #e4e4e7;
	border-radius: 40px!important;
	padding: 40px!important;
}

.woocommerce-MyAccount-content h3 {
	border-top: 1px solid #d4d4d8;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center;
	width: 100%
}

.woocommerce-MyAccount-content h4 {
	color: var(--color--primary);
	font-size: 2em;
	margin-bottom: 30px;
	text-align: center;
}

.woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 20px;
}

.woocommerce-EditAccountForm fieldset,.woocommerce-EditAccountForm .woocommerce-form-row--wide, .woocommerce-EditAccountForm h3, .woocommerce-EditAccountForm .company-infos {
	grid-column: 1 / -1;
}

.edit-account #emails_field:after,
.edit-account #phone-numbers_field:after {
	content: 'Séparer les différents termes par une virgule';
    font-size: .8em;
    opacity: .5;
}

.edit-account textarea,
.edit-account input {
	margin-bottom: 0!important;
}

.edit-account textarea {
	min-height: 100px;
	width: calc(100% - 20px);
	padding: 10px;
}


#gender_field .woocommerce-input-wrapper {
	display: flex;
}

#gender_field .radio {
	padding-top: .5em;
}

#gender_field #gender_Monsieur {
	margin-left: 1em;
}

.user-profil-picture-edit {
	display: flex;
	gap: 20px;
	margin-bottom: 20px;
}

.user-profil-picture-edit img {
	aspect-ratio: 1;
	border-radius: 100%;
	max-width: 100px!important;
}

.user-profil-picture-edit .image-wrap {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.user-profil-picture-edit .image-wrap  a["dataname=remove"] {
	margin-top: 10px;
}

.edit-account span.optional {
	display: none;
}

/* Cache le champ nom d'utilisateur */
.woocommerce-MyAccount-content .woocommerce-form-row:has(input#account_display_name) {
	display: none;
}

.img-dimensions-message {
	font-size: .8em;
	opacity: .5;
}

/* EVENT PLUGIN */

#event_organizer, #event_tribe_venue {
	padding-right: 0!important;
}

.woocommerce-MyAccount-content .tribe-button-secondary {
	background-color: var(--color--primary);
}

.woocommerce-MyAccount-content .select2-selection, .woocommerce-MyAccount-content .select2-container {
	width: 100%!important;
}

.woocommerce-MyAccount-content .tribe-section-website .tribe-section-content-field {
	width: 100%;
	padding: 0;
}

.woocommerce-MyAccount-content .tribe-community-events .tribe-section.tribe-section-website input {
	width: 100%!important;
}

/* ADD POSTS CSS */

.woocommerce-MyAccount-content input[type="submit"] {
	padding: 10px 20px;
	margin-top: 20px;
}

/* REWRITE WOOCOMMERCE CSS */
.woocommerce-MyAccount-navigation ul .is-active a {
	background-color: #083879;
}

.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce-MyAccount-navigation ul li a:focus {
	color: black;
}

.woocommerce-account input[type="text"], .woocommerce-account input[type="email"], .woocommerce-account input[type="password"], .woocommerce-account input[type="url"], .woocommerce-account input[type="tel"] {
	margin-bottom: 0;
}

/* REWRITE THEME CSS FOR WP EDITOR */
.wp-switch-editor {
	border-radius: 0;
}

.wp-core-ui .button, .wp-core-ui .button-secondary {
	color: black!important;
    border-color: black!important;
}

/* LOST PASSWORD */

.woocommerce-lost-password button {
    background-color: var(--color--primary)!important;
    color: #FFFFFF!important;
}

/* ADD EVENT */

#post.events-community-submit {
	background-color: var(--color--primary)!important;
	border-radius: 20px!important;
}

.select2-container.select2-container--default .select2-selection--single .select2-selection__clear {
	background-color: var(--color--primary)!important;
}

@media screen and (max-width: 600px) {
	.woocommerce-EditAccountForm {
		grid-template-columns: repeat(1, 1fr);
	}
}