/*
 Theme Name: domani
 Description: Child theme of Domani with theme.json from Exo
 Version: 0.0.1
 Tags: full-site-editing
 Template: exo
 Text domain: domani
*/


@import "blocks/widget-maison/widget-maison.css";
@import "blocks/navigation/navigation.css";

/* ------------------------------------------- */
/* FONT
/* ------------------------------------------- */
@font-face {
font-family:"all-round-gothic";
src:url("https://use.typekit.net/af/dda554/00000000000000007735c481/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/dda554/00000000000000007735c481/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/dda554/00000000000000007735c481/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;
font-style:normal;
font-weight:700;
font-stretch:normal;
}
@font-face { 
	font-family: "gotham-bold"; 
	src: url(assets/fonts/gotham-bold.otf) format("otf"); 
	font-weight: 800; 
}

/* ------------------------------------------- */
/* Sticky
/* ------------------------------------------- */

header.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 9999;
}

.is-sticky.wp-block-template-part {
	position: sticky;
	top: 140px;
}

/* ------------------------------------------- */
/* FAQ
/* ------------------------------------------- */

.wp-site-blocks .schema-faq .schema-faq-answer {
	display: none;
	margin-bottom: 0;
}
.schema-faq .schema-faq-section {
	padding: 1rem 2rem;
	margin-bottom: 1rem;
	cursor: pointer;
	/*background-color: white;*/
	border-radius: 0.5rem;
	border: 2px solid white;
}
.schema-faq .schema-faq-section h3 {
	color: var(--wp--preset--color--primary);
	padding-top: 0;
	padding-bottom: 0;
}
.schema-faq .schema-faq-section:hover,
.schema-faq .schema-faq-section.active {
	box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
	background-color: white;
	color: var(--wp--preset--color--primary);
	border: 2px solid white;
}
.schema-faq .schema-faq-section:hover h3,
.schema-faq .schema-faq-section.active h3 {
	color: var(--wp--preset--color--primary);
}

.schema-faq .schema-faq-section.active .schema-faq-answer {
	display: block;
}


/* ------------------------------------------- */
/* column
/* ------------------------------------------- */

.wp-block-column.is-style-shadow {
    box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
    border-radius: 1rem;
}

.wp-block-column.is-style-border {
    border: 1px solid var(--wp--preset--color--lightgrey);
}

.is-style-shadow {
    box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
    border-radius: 1rem;
}


/* ------------------------------------------- */
/* Yoast Breadcrumbs
/* ------------------------------------------- */
.yoast-breadcrumbs {
	color: white;
}

.yoast-breadcrumbs.color {
	color: var(--wp--preset--color--primary);
}


.wp-block-media-text__media img {
    border-radius: 0.5rem;
}

/* ------------------------------------------- */
/* Button
/* ------------------------------------------- */
.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid var(--wp--preset--color--primary);
	padding: 0.5rem 2rem;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--primary);
    color: white;
}
.wp-block-button.is-style-outline-background .wp-block-button__link {
    border: 2px solid white;
	background-color: transparent;
	color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-outline-background .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--background);
	border: 2px solid var(--wp--preset--color--background);
}
.wp-block-button.is-style-background-secondary .wp-block-button__link {
    border: 2px solid var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--primary);
}
.wp-block-button.is-style-background-secondary .wp-block-button__link:hover {
    background-color: transparent;
	border: 2px solid var(--wp--preset--color--primary);
	color: var(--wp--preset--color--primary);
}


/* ------------------------------------------- */
/* Formulaire 
/* ------------------------------------------- */
.form-domani .is-layout-flex {
	align-items: flex-start;
	gap: 2rem;
	padding-bottom: 1.5rem;
}
.form-domani .is-layout-flex:last-child {
	padding: 0;
}
.form-domani .is-layout-flow {
	flex: 1;
	display: flex;
	flex-direction: column;
	width: 100%;
}
.form-domani label {
	font-weight: 700;
	padding-bottom: 0.5rem;
}
p span {
	color: var(--wp--preset--color--primary);
}
input, select, p, textarea{
	font-family: 'Roboto';
	width: 100%;
}
.form-domani .mentions, .form-domani  a {
	font-size: 12px;
}
.obligatoires{
	font-size: 0.875rem;
	text-align: end;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 1.5rem 0 0;
}
input[type='text'], 
input[type='email'], 
input[type='number'], 
select, 
textarea {
	padding: 0.875rem 1rem;
	background-color: var(--wp--preset--color--background-secondary);
	font-size: 0.875rem;
	border: none;
	border-radius: 0.5rem;
	width: -webkit-fill-available;
}
input[type='text']:focus-visible, 
input[type='email']:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline:2px solid var(--wp--preset--color--primary);
	border-radius: 0.5rem;
}

input[type='text']::placeholder {
	font-size: 0.875rem;
}
textarea::placeholder {
	font-size: 0.875rem;
}
.dropdown {
	position: relative;
	display:block;
	overflow:hidden;
	width:100%;
	max-width:100%;
}
select {
	width:100%;
	max-width:100%;
	min-width:100%;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	font-size: 0.875rem;
	/* background-color:var(--wp--preset--color--primary); */
	border: none;
	outline: none;
	padding: 1rem 1.5rem;
}
/* This hides native dropdown button arrow in IE */
select::-ms-expand {
    display: none;
}
.dropdown:after {
	background: none;
	color: var(--wp--preset--color--primary);
	content: "\25BC";
	font-size: .875rem;
	padding:0;
	position: absolute;
	right: 1.5rem;
	top: 1rem;
	bottom: 0;
	z-index: 1;
	pointer-events:none;
}
select:focus {
	outline: 2px solid var(--wp--preset--color--primary);
}
select:focus-visible {
	outline: 2px solid var(--wp--preset--color--primary);
}
input[type='radio'] {
	appearance: none;
	cursor:pointer;
	background-color: var(--wp--preset--color--background-secondary);
	margin: 0 0.5rem 0 0;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	transform: translateY(0.1rem);
}
input[type='radio'] span { 
	font-size: var(--wp--preset--font-size--normal);
    font-weight: var(--wp--custom--typography--font-weight--normal) !important;
	cursor:pointer;
}
input[type='radio']::before {
	display: flex;
	content: "";
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1rem 1rem var(--form-control-color);
	background-color: var(--wp--preset--color--secondary);
}
input[type='radio']:checked::before {
	transform: scale(1);
}
input[type='radio']:checked span { 
	font-weight: 700;
	color: var(--wp--preset--color--primary);
}  
input[type='radio']:focus {
	outline-offset: max(2px, 0.15em);
}
input[type='checkbox'] {
	appearance: none;
	cursor:pointer;
	background-color: var(--wp--preset--color--background-secondary);
	margin: 0 0.5rem 0 0;
	width: 1rem;
	height: 1rem;
	transform: translateY(0.1em);
}
.form-domani input[type='checkbox'] * span { 
	font-weight: 400;
	color: var(--wp--custom--color--primary);
	cursor:pointer;
}
input[type='checkbox']::before {
	display: block;
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	transform-origin: center;
	background-color: var(--wp--preset--color--secondary);
	margin: 0.1rem auto 0 auto;
}   
input[type='checkbox']:checked::before {
	transform: scale(1);  
}
input[type='checkbox']:checked > span {
    font-weight: 700;
    color: var(--wp--preset--color--primary);
}
button , 
input[type=submit]  {
	background-color: var(--wp--preset--color--primary);
    border-radius: 0.5rem;
    border-color: var(--wp--preset--color--primary);
    border-width: 2px;
    border-style: solid;
    color: var(--wp--preset--color--background);
    font-family: inherit;
    font-size: var(--wp--custom--typography--font-size--small);
    font-weight: var(--wp--custom--typography--font-weight--normal);
    line-height: 1.7;
    padding-top: 0.5rem;
    padding-right: 2rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem;
    text-decoration: none;
	cursor:pointer;
	width: fit-content;
}
button:disabled , 
input[type=submit]:disabled  {
	opacity: 50%;
}
button:hover, 
input[type=submit]:hover {
	border:2px solid var(--wp--preset--color--primary);
	background-color: transparent;
	color: var(--wp--preset--color--primary);
	transition: 120ms ease-in-out;
}
button:disabled:hover , 
input[type=submit]:disabled:hover  {
	border:2px solid var(--wp--preset--color--primary);
	background-color: var(--wp--preset--color--primary);
}

span .wpcf7-not-valid {
	font-size: 0.875rem;
	border: 2px solid #ff0000 !important;
}
span .wpcf7-not-valid-tip {
	background: #ffe2e2;
	margin: 0;
	padding: 0.5rem 1rem;
	box-sizing: border-box;
	border-radius: 0.5rem;
	border: 0px 1px 1px 1px solid #ff0000;
	color: #ff0000;
	font-size: 0.875rem;
}
.wpcf7-spinner {
	display: none;
}
.wpcf7 form div.wpcf7-validation-errors {
	background: #ffe2e2;
	border: 1px solid #ff0000;
	color: #C10000;
}
.wpcf7-response-output {
	margin: 1.5rem 0 0 0;
	padding: 0.5rem 1rem;
	font-size: 0.875rem;
	border: 1px solid var(--wp--custom--color--secondary);
	text-align: center;
	background-color: var(--wp--custom--color--secondary);
}
.invalid .wpcf7-response-output, 
.unaccepted .wpcf7-response-output, 
.payment-required .wpcf7-response-output {
    border-color: #ffb900;
    background-color: #ffb900;
}

/* ------------------------------------------- */
/* Encarts agences
/* ------------------------------------------- */

.agences {
	box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
    border-radius: 1rem;
	background-color: white;
}
.agences p {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	color: var(--wp--preset--color--primary);
}
.agences p:nth-child(3) {
	margin-block-start: 0 !important;
}
.agences p:nth-child(n+4) {
	display:none
}
.agences .wp-block-post-featured-image,
.agences .wp-block-post-featured-image img {
    border-radius: 1rem 1rem 0 0;
	background-color: var(--wp--preset--color--primary);
	margin: 0;
}

.agences .wp-block-read-more{
	margin-block-start: 1.5rem !important;
	border: 2px solid var(--wp--preset--color--primary);
    padding: 0.5rem 2rem;
	border-radius: 0.5rem;
	color: var(--wp--preset--color--primary);
	font-weight: var(--wp--custom--typography--font-weight--normal);
    line-height: 1.7;
}

.agences .wp-block-read-more:hover{
	background-color: var(--wp--preset--color--primary);
    color: white;
}

.is-center {
	justify-content: center;
}


/* ------------------------------------------- */
/* Encarts actualites
/* ------------------------------------------- */

.post .wp-block-post-excerpt__more-link{
	margin-block-start: 1.5rem !important;
	border: 2px solid var(--wp--preset--color--primary);
    padding: 0.5rem 2rem;
	border-radius: 0.5rem;
	color: var(--wp--preset--color--primary);
	font-weight: var(--wp--custom--typography--font-weight--normal);
    line-height: 1.7;
	text-decoration: none;
}

.post .wp-block-post-excerpt__more-text a.rich-text {
    display: none;
}

.post .wp-block-post-excerpt__more-link:hover{
	background-color: var(--wp--preset--color--primary);
    color: white;
}



/* ------------------------------------------- */
/* Liste numérotée 
/* ------------------------------------------- */

ol {
    counter-reset: li;
    list-style: none;
    *list-style: decimal;
	margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}

ol li {
	position: relative;
	padding-left: 4rem;
	min-height: 4rem;
	padding-bottom: 1.5rem;
}

ol li strong{
	color: var(--wp--preset--color--primary);
	font-size: var(--wp--preset--font-size--medium);
}

ol li:before {
	content: counter(li);
	counter-increment: li;
	color: #fff;
	background: var(--wp--preset--color--primary);
	border-radius: 0.5rem;
	font-size: var(--wp--preset--font-size--medium);
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
	/*font-weight: bold;*/
}
ol ol li::before {
	background: var(--wp--preset--color--primary);
}

/* ------------------------------------------- */
/* Menu
/* ------------------------------------------- */

.not-displayed {
	display: none !important;
}


@media screen and (max-width: 600px) {

	.wp-block-navigation__submenu-icon {
		display: inline-block !important;
	}

	li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu {
		flex-direction: row;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-left: 10px;
	}

	li.wp-block-navigation-item.has-child.open-on-hover-click.wp-block-navigation-submenu .wp-block-navigation__submenu-container {
		flex-basis: 100%;
	}
}

/* ------------------------------------------- */
/* Media texte + image
/* ------------------------------------------- */

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
    box-shadow: rgb(47 39 37 / 10%) 0px 4px 20px;
    border-radius: 1rem;
}