/*
Theme Name: Amenatys
Theme URI: web-ia.com
Author: Boris Billy
Author URI: web-ia.com
Description: WEB IA starter theme
Tags: blog, portfolio, entertainment, grid-layout, one-column, two-columns, three-columns, four-columns, block-patterns, block-styles, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, style-variations, template-editing, theme-options, translation-ready, wide-blocks
Tested up to: 6.6
Requires PHP: 7.3
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gutzilla

Amenatys WordPress Theme, (C) 2024 Boris Billy.
Amenatys is distributed under the terms of the GNU GPL.
*/

/* CSS Reset
---------------------------------------------------------------------------- */

:root {
	--plyr-color-main: var(--wp--preset--color--primary);
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	scroll-behavior: smooth;
	box-sizing: border-box;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

b,
strong {
	font-weight: var(--wp--custom--font-weight--semi-bold);
}

ol,
ul {
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
	padding-inline-start: var(--wp--preset--spacing--medium);
}

ol:where(:not([class*="wp-block"])) ::marker,
ol:where(.wp-block-list) ::marker,
ul:where(:not([class*="wp-block"])) ::marker,
ul:where(.wp-block-list) ::marker {
	color: #327177;
}

body#tinymce.wp-editor ol:where(:not([class*="wp-block"])),
body#tinymce.wp-editor ol:where(.wp-block-list),
body#tinymce.wp-editor ul:where(:not([class*="wp-block"])),
body#tinymce.wp-editor ul:where(.wp-block-list) {
	padding-left: 1em !important;
	padding-inline-start: 1.5em !important;
}

div[class*="wp-block-"] figcaption {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--x-small);
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
}

img,
figure {
	max-width: 100%;
	height: auto;
}

/* 
:root :where(.is-layout-constrained)>*,
:root :where(.editor-styles-wrapper) :where(.is-layout-constrained)>* {
	margin-block-start: 0;
} */

.wp-site-blocks>:where(:not(header):not(footer))+:where(:not(header):not(footer)),
.wp-block-post-content>*+* {
	margin-block-start: calc(var(--wp--preset--spacing--2-xl) * 2);
}

@media (max-width: 767px) {

	.wp-site-blocks>:where(:not(header):not(footer))+:where(:not(header):not(footer)),
	.wp-block-post-content>*+* {
		margin-block-start: var(--wp--preset--spacing--2-xl);
	}
}

.acf-block-component {
	padding: 0 !important;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
	font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
	-webkit-appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
	color: var(--wp--preset--color--main);
	border-radius: 5px;
	border: solid 1px var(--wp--preset--color--main-accent);
	padding: .5em 1em;
	font-size: var(--wp--preset--font-size--small);
}

input:focus-visible,
textarea:focus-visible {
	outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width: auto;
}

label {
	width: 100%;
	display: block;
}

::placeholder {
	color: var(--wp--preset--color--secondary);
	font-size: var(--wp--preset--font-size--small);
	opacity: 0.75;
}

/* Helper styles that can't be done via theme.json
---------------------------------------------------------------------------- */

a.more-link {
	display: block;
}

/* Inline code */
*:not(.wp-block-code)>code {
	background-color: var(--wp--preset--color--tertiary);
	font-weight: var(--wp--custom--font-weight--medium);
	;
	padding: 3px 5px;
	position: relative;
	border-radius: 3px;
}

/* Adjust terms at bottom of posts */
.single .wp-block-group .wp-block-post-terms,
.blog .wp-block-group .wp-block-post-terms {
	margin-bottom: -8px !important;
}

/* Remove margin on term description on archive pages */
.wp-block-term-description p:last-child {
	margin-bottom: 0;
}

/* Remove last separator on post list */
.remove-border-and-padding .wp-block-post-template li:last-child .wp-block-separator {
	display: none;
}

/* Hide post meta div if no tags assigned */
.single .wp-block-group:has(> .post-meta:empty) {
	display: none;
}

.wp-block-group:empty:has(+ .comment-respond) {
	display: none;
}

.row-logos>figure {
	flex-shrink: 1 !important;
}

@media (max-width: 781px) {
	.gutzilla-hide-on-mobile {
		display: none;
	}
}


/* 1 - Header */
body {
	&.has-top-bar {
		position: relative;

		#header_bar,
		main.site-content {
			transition: all 300ms ease-in-out;
		}
	}
}

.js-close {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 10;
	margin: 0 auto;
	width: 100px;
	border: none;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 0 0 6px 6px;
	color: #fff;
	transition: all 300ms ease-in-out;
	font-size: var(--wp--preset--font-size--small);

	&:hover {
		cursor: pointer;
		background-color: rgba(255, 255, 255, 0.35);
	}

	&.active {
		opacity: .4;

		&:hover {
			opacity: 1;
		}
	}
}

.site-header {
	position: fixed;
	top: 8px;
	left: 0%;
	width: 100%;
	max-width: 100vw;
	z-index: 5;

	#top_bar {
		.is-style-tertiary {

			a {
				font-size: var(--wp--preset--font-size--x-small);
				color: inherit;
			}
		}
	}

	.header__navigation {
		.wp-block-navigation__container {
			margin: 0 auto;

			.current-menu-item {
				>a {
					color: var(--wp--preset--color--primary);
					text-decoration: none;
				}
			}
		}
	}
}

@media (width <=1200px) {
	.site-header {
		top: 0;

		.header__navigation {
			justify-content: flex-end;

			.wp-block-buttons {
				justify-content: flex-start;
			}
		}

		.header-buttons {
			display: none;
		}
	}
}

.wp-pagenavi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 50px 0 0;

	.pages {
		display: none;
	}

	span,
	a,
	&:not(:has(.previouspostslink))::before,
	&:not(:has(.nextpostslink))::after {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		padding: 5px;
		border: solid 1px #7a7a7a;
		border-radius: var(--wp--preset--border-radius--pill);
		background: transparent;
		color: #5a5a58;
		font-size: 12px;
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: 18px;
		text-decoration: none;
		transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
	}

	.current {
		background: #1d1d1b;
		border-color: #1d1d1b;
		color: var(--wp--preset--color--white);
	}

	.first,
	.last {
		display: none;
	}

	.previouspostslink,
	.nextpostslink {
		color: #1d1d1b;
		font-size: 0;
		line-height: 1;
	}

	.previouspostslink::before,
	.nextpostslink::before,
	&:not(:has(.previouspostslink))::before,
	&:not(:has(.nextpostslink))::after {
		font-size: 16px;
		font-weight: var(--wp--custom--font-weight--semi-bold);
		line-height: 1;
	}

	.previouspostslink::before,
	&:not(:has(.previouspostslink))::before {
		content: "←";
	}

	.nextpostslink::before,
	&:not(:has(.nextpostslink))::after {
		content: "→";
	}

	a:hover {
		border-color: #1d1d1b;
		color: #1d1d1b !important;
		text-decoration: none;
	}
}

@media (min-width: 768px) {
	.wp-pagenavi {

		span,
		a,
		&:not(:has(.previouspostslink))::before,
		&:not(:has(.nextpostslink))::after {
			width: 56px;
			height: 56px;
			flex-basis: 56px;
			font-size: 16px;
			line-height: 24px;
		}

		.previouspostslink::before,
		.nextpostslink::before,
		&:not(:has(.previouspostslink))::before,
		&:not(:has(.nextpostslink))::after {
			font-size: 24px;
		}
	}
}

.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi:not(:has(.previouspostslink))::before,
.wp-pagenavi:not(:has(.nextpostslink))::after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.wp-pagenavi .previouspostslink::before,
.wp-pagenavi .nextpostslink::before {
	display: block;
	width: 16px;
	height: 16px;
}

.wp-pagenavi .nextpostslink::before,
.wp-pagenavi:not(:has(.nextpostslink))::after {
	transform: rotate(180deg);
}

.wp-pagenavi:not(:has(.previouspostslink))::before,
.wp-pagenavi:not(:has(.nextpostslink))::after,
.wp-pagenavi .previouspostslink.disabled,
.wp-pagenavi .nextpostslink.disabled,
.wp-pagenavi .previouspostslink[aria-disabled="true"],
.wp-pagenavi .nextpostslink[aria-disabled="true"] {
	opacity: .5;
	pointer-events: none;
}

.wp-pagenavi a:hover {
	border-color: #1d1d1b;
	color: #1d1d1b !important;
	text-decoration: none;
}

.wp-pagenavi a:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {

	.wp-pagenavi .previouspostslink::before,
	.wp-pagenavi .nextpostslink::before,
	.wp-pagenavi:not(:has(.previouspostslink))::before,
	.wp-pagenavi:not(:has(.nextpostslink))::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: 24px 24px;
	}

	.wp-pagenavi .previouspostslink::before,
	.wp-pagenavi .nextpostslink::before {
		width: 24px;
		height: 24px;
	}

	.wp-pagenavi a:hover::before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}

.wp-block-query-pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 50px;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers {
	margin: 0 !important;
}

.wp-block-query-pagination-numbers {
	display: flex;
	gap: 8px;
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next,
.wp-block-query-pagination-numbers .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	padding: 5px;
	border: 1px solid #7a7a7a;
	border-radius: var(--wp--preset--border-radius--pill);
	background: transparent;
	color: #5a5a58;
	font-size: 12px;
	font-weight: var(--wp--custom--font-weight--semi-bold);
	line-height: 18px;
	text-decoration: none;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}

.wp-block-query-pagination-numbers .current {
	border-color: #1d1d1b;
	background: #1d1d1b;
	color: var(--wp--preset--color--white);
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
	color: #1d1d1b;
	font-size: 0;
	line-height: 1;
}

.wp-block-query-pagination-previous::before,
.wp-block-query-pagination-next::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.wp-block-query-pagination-next::before {
	transform: rotate(180deg);
}

.wp-block-query-pagination-previous.is-disabled,
.wp-block-query-pagination-next.is-disabled,
.wp-block-query-pagination-previous.disabled,
.wp-block-query-pagination-next.disabled,
.wp-block-query-pagination-previous[aria-disabled="true"],
.wp-block-query-pagination-next[aria-disabled="true"] {
	opacity: .5;
	pointer-events: none;
}

.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-numbers a:hover {
	border-color: #1d1d1b;
	color: #1d1d1b;
	text-decoration: none;
}

.wp-block-query-pagination-previous:hover::before,
.wp-block-query-pagination-next:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* page contact */

.colonnes-contact {
	@media (max-width: 768px) {
		.wp-block-column:first-child {
			>.wp-block-group {
				padding-right: 0 !important;
			}
		}

		.wp-block-column {
			padding-left: var(--wp--preset--spacing--3-xl) !important;
			padding-right: var(--wp--preset--spacing--3-xl);

			>.wp-block-group {
				border: none !important;
				padding: 0 !important;
			}
		}
	}
}

@media (min-width: 768px) {

	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next,
	.wp-block-query-pagination-numbers .page-numbers {
		width: 56px;
		height: 56px;
		flex-basis: 56px;
		font-size: 16px;
		line-height: 24px;
	}

	.wp-block-query-pagination-previous,
	.wp-block-query-pagination-next {
		font-size: 0;
		line-height: 1;
	}

	.wp-block-query-pagination-previous::before,
	.wp-block-query-pagination-next::before {
		display: block;
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: 24px 24px;
	}

	.wp-block-query-pagination-previous:hover::before,
	.wp-block-query-pagination-next:hover::before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}

/* Card defaut */

.card-default {
	border: none;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;

	.card-header {
		text-align: center;
		padding: 0;

		img {
			max-height: 250px;
			width: 100%;
			object-fit: cover;
			aspect-ratio: 4/3;
			margin: 0 auto;
		}
	}

	.card-body {
		padding: 0;
		flex: 1 1 auto;
	}

	.card-footer {
		padding: 0;
	}
}

/* Card actu */

.card-actu {
	border: solid 1px var(--wp--preset--color--main-accent);
	border-radius: 8px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;

	.card-header {
		text-align: center;
		padding: 0;

		img {
			max-height: 250px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
			object-fit: cover;
		}
	}

	.card-body {
		padding: 0 1.5em 1em;
		flex: 1 1 auto;

		.card-actu__texte {
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			display: -webkit-box;
			overflow: hidden;
		}
	}

	.card-footer {
		background-color: var(--wp--preset--color--main-accent);
		padding: 1em 1.5em;
	}
}

/* card icon */
.card-icon {
	display: flex;
	flex-direction: column;
	background-color: transparent;
	padding: 0;
	min-width: inherit;
	border: none;

	@media(width < 781px) {

		.card-header {
			flex: 100px 0 0;
			margin-right: 0;
		}
	}

	.card-header {
		.card-header__icon {
			width: 140px;
			height: 140px;
			margin: 0 auto;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: center;

			img {
				width: auto;
				height: auto;
			}
		}
	}

	.card-body {
		text-align: center;
		padding: 0;
		font-size: 1.125rem;
		margin-top: 10px;
		/* @media(max-width: 781px) {
			text-align: left;
		} */

		.card-icon__titre {
			font-weight: 700;
			font-size: 1.125rem;
			color: var(--wp--preset--color--primary);
			margin: 0 0 5px;
		}

		.card-icon__texte {
			margin: 0;
			line-height: var(--wp--custom--line-height--snug);

			@media(width < 768px) {
				font-size: 1.125rem;
			}
		}
	}

}

/* card maillage */
.card-maillage {
	position: relative;
	aspect-ratio: 1/1;
	width: 280px;
	height: 280px;
	background-color: var(--wp--preset--color--secondary);
	overflow: hidden;
	border: none;
	padding: 0;

	@media(width < 991px) {
		width: 100%;
		height: auto;
	}

	.card-body {
		position: absolute;
		z-index: 1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(255, 172, 102, 0.6);

		a {
			color: #fff;
			align-items: center;
			font-family: var(--wp--preset--font-family--poppins);
			font-size: 1.3125rem;
			font-weight: 400;
			padding: 0;

			span {
				align-items: center;

				&:before {
					display: none;
				}
			}
		}
	}

	.card-bg {
		position: absolute;
		z-index: 0;
		height: 100%;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;

		img {
			height: 100%;
			object-fit: cover;
			transition: all 300ms ease-in-out;

			@media(width < 991px) {
				aspect-ratio: 1/1;
			}
		}
	}

	&:hover {
		.card-bg {
			img {
				scale: 1.05;
			}
		}

	}
}

/* card big card */
.card-secondaire {
	border: none;
	padding: 0;
	min-width: none;
	max-width: none;
	min-height: 483px;
	height: 100%;
	background-color: var(--wp--preset--color--secondary);
	background-position: center;
	background-repeat: no-repeat;
	transition: all 300ms ease-in-out;
	position: relative;
	overflow: hidden;

	@media(width < 767px) {
		min-height: 242px;
		background-size: cover;
	}

	.card-secondaire__wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		background: linear-gradient(360deg, #1E2034 0%, rgba(30, 32, 52, 0) 54.66%);
		padding: 50px 50px 46px;
		height: 100%;
		position: relative;
		z-index: 1;

		@media(width < 767px) {
			padding: 20px 20px 30px;
			background: linear-gradient(360deg, #1E2034 0%, rgba(30, 32, 52, 0) 68%);
		}

		.card-body {
			color: #fff;
			text-align: center;
			flex: auto 0 0;
		}
	}

	.card-secondaire__titre {
		color: #fff;
		font-size: 1.6875rem;
		margin: 0;
		font-weight: var(--wp--custom--font-weight--light);

		a {
			color: #fff;
			text-decoration: none;

			&:hover {
				text-decoration: none;
			}
		}
	}

	.card-secondaire__texte {
		margin: 0;
		line-height: var(--wp--custom--line-height--snug);

		@media(width < 767px) {
			display: none;
		}
	}

	.card-footer {
		padding: 14px 0 0;
		z-index: 1;
	}

	.card-secondaire__image {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;

		img {
			height: 100%;
			width: 100%;
			object-fit: cover;
			transition: all 300ms ease-in-out;

		}
	}

	&:hover {
		.card-secondaire__image {
			img {
				transform: scale(1.05);
			}
		}
	}
}

/* card trombinoscope */
.card-trombinoscope {
	border-radius: 5px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	border: 2px solid var(--wp--preset--color--primary);

	.card-header {
		text-align: center;
		padding: 1.25rem 1.25rem 0;

		img {
			height: 300px;
			aspect-ratio: 1/1;
			width: auto;
			margin: 0 auto;
			text-align: center;
			border-radius: 3px;
			object-fit: cover;
		}
	}

	.card-body {
		display: flex;
		flex-direction: row;
		padding: 1.5625rem 1.25rem 1.25rem;

		.card-trombinoscope__infos {
			flex: 1 1 auto;
		}

		.card-trombinoscope__links {
			flex: 0 0 auto;
			display: flex;
			align-items: center;

			a {
				font-size: 1.5rem;
				transition: all 300ms ease-in-out;

				&:hover {
					color: var(--wp--preset--color--primary);
				}
			}
		}

		.card-trombinoscope__nom {
			font-size: 1.25rem;
			margin: 0;
		}

		.card-trombinoscope__poste {
			font-weight: var(--wp--custom--font-weight--light);
			font-size: 1.125rem;
		}
	}

	.card-footer {
		display: flex;
		flex: 1 1 auto;
		padding: 0;
	}
}


/* card annonce */
.card-annonce {
	border: none;
	border-radius: 12px;
	overflow: hidden;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	box-shadow: 0 2px 12px rgba(20, 17, 31, 0.08);
	transition: box-shadow 200ms ease, transform 200ms ease;

	&:hover {
		box-shadow: 0 6px 24px rgba(20, 17, 31, 0.14);
		transform: translateY(-2px);
	}

	.card-annonce__media {
		position: relative;
		overflow: hidden;
		flex-shrink: 0;

		.card-annonce__img {
			width: 100%;
			aspect-ratio: 4/3;
			object-fit: cover;
			display: block;
		}
	}

	.card-annonce__body {
		padding: 1rem 1.125rem 1.25rem;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
	}

	.card-annonce__localisation {
		font-size: var(--wp--preset--font-size--x-small);
		margin: 0 0 0.35rem;
		line-height: 1.4;

		strong {
			font-weight: 600;
			color: var(--wp--preset--color--main);
		}

		span {
			color: var(--wp--preset--color--secondary);
			font-weight: 400;
		}
	}

	.card-annonce__titre {
		font-size: 1.2rem;
		font-weight: 700;
		margin: 0 0 0.875rem;
		color: var(--wp--preset--color--main);
		line-height: 1.2;

		a {
			text-decoration: none;
			color: inherit;
		}
	}

	.card-annonce__infos {
		list-style: none;
		padding: 0;
		margin: 0 0 auto;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	.card-annonce__info {
		display: flex;
		align-items: center;
		gap: 0.6rem;
		font-size: var(--wp--preset--font-size--small);
		color: var(--wp--preset--color--main);

		strong {
			font-weight: 600;
		}
	}

	.card-annonce__icon {
		width: 20px;
		height: 20px;
		flex-shrink: 0;
		color: var(--wp--preset--color--main);
	}

	.card-annonce__prix {
		padding-top: 0.875rem;
		margin-top: 0.875rem;
		border-top: 1px solid var(--wp--preset--color--border-light);
	}

	.card-annonce__prix-label {
		display: block;
		font-size: var(--wp--preset--font-size--x-small);
		color: var(--wp--preset--color--secondary);
		margin-bottom: 0.125rem;
	}

	.card-annonce__prix-value {
		font-size: 1.25rem;
		font-weight: 700;
		color: var(--wp--preset--color--main);
	}

	&.card-annonce--marker {
		border-radius: 0;
		box-shadow: none;

		&:hover {
			box-shadow: none;
			transform: none;
		}

		.card-annonce__titre {
			margin: 0;

			a {
				outline: none;
			}
		}

		.card-annonce__prix {
			display: flex;

			.card-annonce__prix-label {
				margin: 0 8px 0 0;
			}
		}
	}
}

.mapboxgl-popup-content {
	padding: 0 !important;
	border-radius: 10px !important;
	overflow: hidden;
}

.btn-close,
.mapboxgl-popup-content .mapboxgl-popup-close-button {
	background-color: #fff;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	border: solid 1px #000;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 10px;
	right: 10px;
	font-size: 18px;
	z-index: 2;
	transition: all 200ms ease-in-out;

	&:hover {
		cursor: pointer;
		background-color: #000 !important;
		color: #fff !important;
	}
}

/* Menu liste */
.menu__list {
	list-style: none;
	padding: 0;
	margin: 0;

	li {
		margin: 5px 0;

		a {
			text-decoration: none;

			&:hover {
				text-decoration: underline;
				color: var(--wp--preset--color--base);
			}
		}
	}
}

/* Utilities */

.btn-link {
	font-weight: bold;
	text-decoration: underline;
}

.stretched-link {
	&:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		top: 0;
	}

}

.text-center {
	text-align: center;
}

.buttons {
	display: flex;
	gap: 30px;
}

.more-content {
	position: relative;

	p:empty {
		display: none;
	}

	/* &:not(.open) {
		&::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 100px;
			background: rgb(255, 255, 255);
			background: linear-gradient(0deg,
					rgba(255, 255, 255, 1) 0%,
					rgba(255, 255, 255, 0) 100%);
		}
	} */
}

.link.open {
	display: none;
}

.read-more-content {
	overflow: hidden;
	height: 0;
	transition: height 200ms ease-in-out;



	&.open {
		height: 100%;
		transition: height 200ms ease-in-out;
	}
}

/****************/
/* Graviftyform */
.gform_wrapper.gravity-theme :is(input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="number"], input[type="password"], input[type="search"], select, textarea) {
	font-weight: var(--wp--custom--font-weight--regular) !important;
}

.gform_wrapper.gravity-theme input[type="radio"],
.gform-theme input[type="radio"] {
	appearance: none;
	width: 24px !important;
	height: 24px !important;
	border: solid 1px #7a7a7a !important;
	border-radius: 50% !important;
	margin: 0;
	padding: 0;

	&:checked {
		background-color: #D7EEE5 !important;
		border-color: var(--wp--preset--color--primary) !important;
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='5' fill='%2349B087'/%3E%3C/svg%3E") !important;
		background-position: center !important;
	}
}

.gform_wrapper.gravity-theme input[type="checkbox"]:checked,
.gform-theme input[type="checkbox"]:checked {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.333 8 3.334 3.333 6-6.666' stroke='%2349B087' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
	background-color: #D7EEE5 !important;
	border-color: var(--wp--preset--color--primary) !important;
}

.gfield {
	&.gfield--type-choice {
		.gfield_radio {
			gap: 12px;
			display: flex;
			flex-direction: column;

			.gchoice {
				display: flex;
				align-items: center;

				&:hover {
					cursor: pointer;
				}

				.gform-field-label {
					&:hover {
						cursor: pointer;
					}
				}
			}
		}
	}

	.gfield_checkbox {
		.gchoice {
			&:hover {
				cursor: pointer;
			}

			.gform-field-label {
				&:hover {
					cursor: pointer;
				}
			}
		}
	}
}

.ginput_container_consent {
	gap: var(--wp--preset--spacing--sm) !important;

}

.gfield_consent_label {
	color: var(--amenatys-form-choice-label-color);
	font-size: var(--wp--preset--font-size--text-sm);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--body-sm);
}

.gform_confirmation_message {
	background-color: #E6F4EF;
	border-radius: 16px;
	padding: 40px 32px;

	.titre {
		font-size: 30px;
		font-style: normal;
		font-weight: 600;
	}
}

/**************/

.modal {
	margin-block-start: inherit;
	margin-block-end: 0;
	max-width: inherit;

	.close {
		position: absolute;
		top: 15px;
		right: 15px;
	}

	.modal-header {
		padding: 40px 50px 0 50px;
		border: none;

		@media(width < 765px) {
			padding: 15px;
		}

		.modal-title {
			position: relative;
			font-weight: 800;
			font-size: var(--wp--preset--font-size--large);
			font-family: var(--wp--preset--font-family--poppins);
			color: var(--wp--preset--color--primary);
		}
	}

	.modal-body {
		padding: 15px 50px 40px 50px;

		@media(width < 765px) {
			padding: 15px;
		}
	}
}

/*****/

.facetwp-facet {
	margin-bottom: 0 !important;
}

.facetwp-facet-pagination,
.facetwp-facet-pagination_mobile {
	display: flex;
	justify-content: center;
	margin-top: 50px;

	.facetwp-pager {
		display: flex;
		align-items: center;
		gap: 8px;

		.facetwp-page {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 40px;
			height: 40px;
			flex: 0 0 40px;
			padding: 5px;
			font-weight: var(--wp--custom--font-weight--semi-bold);
			font-size: 12px;
			line-height: 18px;
			border: solid 1px #7a7a7a;
			border-radius: var(--wp--preset--border-radius--pill);
			color: #5a5a58;
			text-decoration: none;

			&.active {
				background-color: #1d1d1b;
				color: #fff;
				border-color: #1d1d1b;
			}
		}
	}
}

@media (min-width: 768px) {
	.facetwp-facet-pagination .facetwp-pager .facetwp-page {
		width: 56px;
		height: 56px;
		flex-basis: 56px;
		font-size: 16px;
		line-height: 24px;
	}
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page.prev,
.facetwp-facet-pagination .facetwp-pager .facetwp-page.next {
	font-size: 0;
	line-height: 1;
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page.prev::before,
.facetwp-facet-pagination .facetwp-pager .facetwp-page.next::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 16px 16px;
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page.next::before {
	transform: rotate(180deg);
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page.disabled,
.facetwp-facet-pagination .facetwp-pager .facetwp-page.is-disabled,
.facetwp-facet-pagination .facetwp-pager .facetwp-page[aria-disabled="true"] {
	opacity: .5;
	pointer-events: none;
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page:hover {
	border-color: #1d1d1b;
	color: #1d1d1b;
}

.facetwp-facet-pagination .facetwp-pager .facetwp-page:hover::before {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3337 7.99967H4.66699M7.33366 5.33301L4.66699 7.99967L7.33366 10.6663' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

@media (min-width: 768px) {

	.facetwp-facet-pagination .facetwp-pager .facetwp-page.prev::before,
	.facetwp-facet-pagination .facetwp-pager .facetwp-page.next::before {
		width: 24px;
		height: 24px;
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%235A5A58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		background-size: 24px 24px;
	}

	.facetwp-facet-pagination .facetwp-pager .facetwp-page:hover::before {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12H7M11 8L7 12L11 16' stroke='%231D1D1B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}

.facetwp-type-number_range .facetwp-submit,
.facetwp-counter {
	display: none;
}

.nothing {
	background-color: #DAD5CD;
	border-radius: 16px;
	padding: 40px 32px;
}

.has-global-padding {
	padding-right: 0;
	padding-left: 0;
}

.has-global-padding>.alignfull {
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}

body:not(.map-view):not(.single-amenatys_programme):not(.single-amenatys_lotissement):not(.single-amenatys_terrain):not(.single-amenatys_appartement) {
	.wp-site-blocks {
		overflow: hidden;
	}
}