/* Shortcode "mw-shortcode-formulaire-contact"  */

/* Gestion formulaire page autoentrepreneur */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-1 {

	& .mw-shortcode-form-contact {
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 2rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-5);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(139, 69, 19, 0.3); /* ombre couleur marron, correspond à --wp--preset--color--free-5 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-5);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
	background-color: var(--wp--preset--color--free-5);
	color: var(--wp--preset--color--txt-2);
	border-color: var(--wp--preset--color--free-5);
	} 
}

/* Gestion formulaire page entreprise */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-2 {

	& .mw-shortcode-form-contact {
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 1.8rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-6);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(0, 100, 0, 0.3); /* ombre couleur verte, correspond à --wp--preset--color--free-6 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-6);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
		background-color: var(--wp--preset--color--free-6);
		color: var(--wp--preset--color--txt-2);
		border-color: var(--wp--preset--color--free-6);
	} 
}

/* Gestion formulaire page salon de coiffure */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-3 {

	& .mw-shortcode-form-contact {
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 1.8rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-7);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(13, 70, 149, 0.3); /* ombre couleur bleue, correspond à --wp--preset--color--free-7 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-7);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
	background-color: var(--wp--preset--color--free-7);
	color: var(--wp--preset--color--txt-2);
	border-color: var(--wp--preset--color--free-7);
	} 
}

/* Gestion formulaire page boutique */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-4 {

	& .mw-shortcode-form-contact {
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 2rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-10);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(230, 59, 110, 0.3); /* ombre couleur rouge, correspond à --wp--preset--color--free-10 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-10);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
	background-color: var(--wp--preset--color--free-10);
	color: var(--wp--preset--color--txt-2);
	border-color: var(--wp--preset--color--free-10);
	} 
}

/* Gestion formulaire page cabinet infirmières */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-5 {

	& .mw-shortcode-form-contact {
		background-color: var(--wp--preset--color--free-8);
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 1.8rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-8);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(176, 192, 238, 0.3); /* ombre couleur marron claire, correspond à --wp--preset--color--free-8 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-8);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
	background-color: var(--wp--preset--color--free-8);
	color: var(--wp--preset--color--txt-2);
	border-color: var(--wp--preset--color--free-8);
	} 
}

/* Gestion formulaire page chambre d’hôte */
:where(body, .editor-styles-wrapper) .mw-theme-class-portfolio-6 {

	& .mw-shortcode-form-contact {
	}

	& .mw-shortcode-form-contact p {
		margin-bottom: 1.8rem;
	}

	& .mw-shortcode-form-contact label {
		display:block;
		margin-bottom: 0.25rem;
	}

	& .mw-shortcode-form-contact input, & .mw-shortcode-form-contact textarea {
		width: 100%;
		padding: 1rem;
		background-color: var(--wp--preset--color--section-bg-2); 
		border: 1px solid;
		border-color: var(--wp--preset--color--free-13);
		border-radius: 5px;
		transition: border 0.3s, box-shadow 0.3s;
	}

	& .mw-shortcode-form-contact input:focus, & .mw-shortcode-form-contact textarea:focus {
		outline: none;
		box-shadow: 0 0 5px 5px rgba(184, 150, 46, 0.3); /* ombre couleur marron claire, correspond à --wp--preset--color--free-13 en RGB*/
	}

	& .mw-shortcode-form-contact button {
		width: 50%;
		padding: 0.9rem;
		border-width: 1px;
		border-style: solid;
		border-radius:  6px;
		border-color: var(--wp--preset--color--free-13);
		font-weight: bold;
		background-color: var(--wp--preset--color--section-bg-2);
		color: var(--wp--preset--color--txt-1);
		cursor: pointer;
		transition: background-color 0.3s, color 0.3s; 
	}

	& .mw-shortcode-form-contact button:hover {
	background-color: var(--wp--preset--color--free-13);
	color: var(--wp--preset--color--txt-2);
	border-color: var(--wp--preset--color--free-13);
	} 
}