/*
 Theme Name:        Kenali Conciergerie
 Theme URI:         https://kenali-conciergerie.com/
 Description:       Kenali Conciergerie serves as theme of Kenali.
 Author:            Adil SMAILI
 Author URI:        https://kenali-conciergerie.com/
 Template:          prespa
 Requires at least: 6.1
 Tested up to:      6.7
 Requires PHP:      5.6
 Version:           1.0.4
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       kenali-conciergerie
 Tags:              blog, news, holiday, one-column, two-columns, three-columns, four-columns, grid-layout, right-sidebar, left-sidebar, block-patterns, wide-blocks, custom-colors, custom-header, custom-logo, custom-menu, featured-image-header, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/
:root {
	--wp-admin-theme-color: var(--wp--preset--color--gold-dark);
	--wp--custom--carousel-block--pagination-bullet-active-color: var(--wp--preset--color--text-primary);
}
.dark-mode {
	--wp-admin-theme-color: var(--wp--preset--color--gold-dark);
	--wp--preset--color--bgr: var(--wp--preset--color--dark-gray);
	--wp--preset--color--light-gray: var(--wp--preset--color--dark-gray);
	--wp--preset--color--gray: var(--wp--preset--color--sage-green);
	--wp--preset--color--silver-blue: #020205;
	--wp--preset--color--text-primary: hsl(0, 0%, 10%);
	--wp--preset--color--text-secondary: #d2d2d2;
	--wp--preset--color--gold-light: var(--wp--preset--color--dark-blue);
	--wp--preset--color--gold-dark: var(--wp--preset--color--blue);
	--wp--preset--gradient--gray-to-gray: var(--wp--preset--gradient--black-to-black);
	--wp--preset--gradient--lightgray-to-gray: var(--wp--preset--gradient--darkgray-to-black);
	--wp--preset--gradient--gray-gold-gray: var(--wp--preset--gradient--black-gold-black);
}
.dark-mode .wp-block-cover.alignfull .wp-block-cover__background.has-background-dim-100 {
	opacity: 1 !important;
}
.dark-mode
	.entry-content[itemprop="articleBody"]
	> :is(.alignfull.wp-block-columns, .alignfull.wp-block-cover, .alignfull.wp-block-group, .wp-block-columns, .wp-block-cover, .wp-block-group):not(:last-child),
.dark-mode .newsletter-pattern {
	border-bottom: 0;
}

.back-to-top[aria-label="retour en haut"] {
	right: 3rem;
	line-height: 0;
	background-color: var(--wp--preset--color--gold-dark);
}

.site-menu {
	&.toggled {
		.slide-menu.slide-section,
		.site-menu.toggled > .menu-toggle {
			background-color: var(--wp--preset--color--gold-dark);
		}

		.menu-toggle[aria-controls="site-menu"] {
			background-color: var(--wp--preset--color--gold-dark);
			border-radius: 1rem;
		}
	}
}

.site-footer {
	@media (min-width: 54rem) {
		.widget-column:not(:last-child) {
			border-right: 1px solid var(--p-line);
		}

		.widget-area li:not(:last-child) {
			border-bottom: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}
	}
}

.site-header {
	z-index: 1000;
	@media (min-width: 54rem) {
		.main-navigation-container[style="position: fixed;"] {
			padding-top: 3rem;
		}
	}
	.main-navigation-container {
		position: static;
		top: 0;
		z-index: 999;
		background-color: hsl(from var(--wp--preset--color--bgr) h s l / 0.7);
		backdrop-filter: blur(9px);
	}
	.main-navigation-container {
		transition-property: transform, opacity, backdrop-filter, background-color;
		transition-duration: 2s;
		transition-timing-function: ease-in-out;
	}

	.main-navigation-container.fixed-header.sticky-header {
		background-color: hsl(from var(--wp--preset--color--bgr) h s l / 0.5);
		backdrop-filter: blur(20px);
	}
}

.wp-block-cover.alignfull {
	background-attachment: fixed;
	/* Keep it above the video */
	transition-property: background-color;
	transition-duration: 2s;
	transition-timing-function: ease-in-out;
}

video.wp-block-cover__video-background {
	opacity: 0;
	transition: opacity 2s ease-in;
}

.site .site-wrapper {
	margin-top: 0rem;
	margin-bottom: 0;
	.wp-block-cover.alignfull,
	.wp-block-group.alignfull {
		margin-bottom: 0;
	}
}
.wp-block-cb-carousel-v2 .cb-button-next,
.wp-block-cb-carousel-v2 .cb-button-prev {
	font-weight: 900;
	color: var(--wp--preset--color--text-primary);
}

.site-header .top-menu {
	&.site-menu {
		background-color: var(--wp--preset--color--gold-dark);
		z-index: 1000;

		a {
			color: var(--wp--preset--color--white);
		}
	}

	.social-icon {
		[aria-label="whatsapp"] {
			svg {
				display: none;
			}

			&::before {
				content: url(assets/icons/whatsapp.svg);
				width: 20px;
				height: 20px;
			}
		}
	}

	.feather {
		stroke: var(--wp--preset--color--white);
	}
}
#kenali-full-logo img {
	max-height: 125px;
}
#service-item {
	@media (width < 54rem) {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;
	}
	@media (min-width: 54rem) {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
	}
}
.kenali-pattern-services-invert {
	ul > :nth-child(even) {
		.service-item .wp-block-cover.service-image {
			order: 2;
		}
	}
}
.card-invert {
	.wp-block-group-is-layout-constrained {
		display: grid;
		.service-item .wp-block-cover.service-image {
			order: 2;
		}
	}
}
.wp-block-group.alignfull.service-item {
	height: 100%;
	transition-property: height;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;

	@media (width < 54rem) {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;
	}
	@media (min-width: 54rem) {
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr;
	}

	justify-items: center;
	.service-image {
		justify-self: stretch;
	}
	.service-text {
		position: relative;
		.service-image-embed {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.service-text-column {
			position: relative;
			max-width: 36rem;
		}
	}
}
.footer-menu-list {
	list-style-type: none;
}
#kenali-gallery-cover {
	.wp-block-coblocks-gallery-carousel[class*="wp-block-coblocks-gallery"][aria-label="Carousel Gallery"] {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 0;
	}
	.wp-block-coblocks-gallery-carousel-thumbnail {
		background-color: transparent;
		border: none;
	}
	.wp-block-coblocks-gallery-carousel-thumbnail-pagination {
		justify-content: center;
		flex-wrap: wrap;
	}
	img {
		border-radius: 0.6rem;
		object-fit: cover;
	}
}
#kenali-amenities.kenali-amenities-list {
	justify-items: center;
	justify-content: space-around;
	align-content: center;
	align-items: center;
	gap: 0.5rem;
	& > .wp-block-group {
		min-width: 12rem;
		padding: 2rem 1rem;
		text-align: center;
		margin-bottom: 1rem;
		/* background-color:  hsl(from var(--wp--preset--color--bgr) h s l / 0.1);
		border-radius: 0.6rem;
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); */
	}
	.is-style-info {
		padding: 2rem;
		min-width: 6rem;
		background-color: hsl(from var(--wp--preset--color--gold-light) h s l / 0.3);
		color: var(--wp--preset--color--text-primary);
		border-radius: 0.4rem;
	}
}
.kenali-form-bloc {
	border-radius: 0.6rem;
	overflow: hidden;
}
.nf-before-form-content,
.nf-after-form-content {
	margin: 0 2rem;
}
@media (width < 54rem) {
	.wp-block-group.kenali-product-details {
		grid-template-columns: 1fr;
		gap: 0;
	}
}
@media (width < 600px) {
	h1.wp-block-heading.has-xx-large-font-size {
		text-transform: uppercase;
	}
}
.kenali-reservation-form.nf-form-content {
	margin: 1rem 2rem;
	nf-fields-wrap {
		display: grid;
		grid-template-columns: 1fr;
		gap: 0;
	}
	nf-fields-wrap > nf-field:last-child {
		grid-column: 1 / -1;
	}
	.nf-field-container {
		margin-bottom: 0;
		.nf-form-content .label-above .nf-field-label {
			margin-bottom: 0;
		}
	}
	.nf-field-label .nf-label-span,
	.nf-field-label label {
		font-weight: 400;
		font-size: 0.6rem;
	}
	.nf-form-title h3 {
		font-size: var(--wp--preset--font-size-large);
	}
	.nf-field-element {
		border-radius: 0.5rem;
		overflow: hidden;
	}
	.ninja-forms-field.nf-element {
		border-radius: 0.6rem;
		width: 100%;
		height: min-content;
		font-size: 0.6rem;
		&[type="submit"] {
			margin-top: 2rem;
			background-color: var(--wp--preset--color--gold-dark);
			&:hover {
				background-color: var(--wp--preset--color--gold-light);
			}
			background-color: var(--wp--preset--color--gold-dark);
			font-size: 1rem;
		}
	}
	.nf-error.field-wrap .nf-field-element:after {
		line-height: unset;
	}
}
.kenali-pattern-services-home {
	ul {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.wp-block-post {
		border-radius: 0.6rem;
		overflow: hidden;
	}
}
.kenali-pattern-services {
	ul {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		@media (600px < width < 54rem) {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}
	.wp-block-column {
		border-radius: 0.6rem;
		overflow: hidden;
	}
	:where(.is-layout-flow) > * {
		& > :last-child {
			margin-block-start: 0;
		}
		margin-block-start: 0;
	}
}
.is-acf-field {
	font-size: 1rem;
}
.wp-block-read-more:hover {
	opacity: 0.5;
	text-shadow: 0 0 10px hsl(from var(--wp--preset--color--text-primary) h s l / 1);
}
.kenali-hero-corousel {
	background-color: hsl(from var(--wp--preset--color--light-gray) h s l / 0.2);
	border-radius: 1rem;
	/* padding: 1rem 3rem; */
	backdrop-filter: blur(10px);
	.swiper-pagination-bullet .cb-pagination-bullet .swiper-pagination-bullet-active {
		background: var(--wp--preset--color--text-primary);
	}
}
.wp-block-cover .has-background-dim:not([class*="-background-color"]),
.wp-block-cover-image .has-background-dim:not([class*="-background-color"]),
.wp-block-cover-image.has-background-dim:not([class*="-background-color"]),
.wp-block-cover.has-background-dim:not([class*="-background-color"]) {
	background-color: transparent;
}