/*!
Theme Name: Kadence-child
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Version: 1.2.6
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence
Requires at least: 6.2
Tested up to: 6.4
Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/

a {
    text-decoration: none;
}

/* Style pour le layout principal */
.layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.25rem;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 3rem;
}

/* Style pour les filtres */
.filters {
    position: inherit;
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

#filter-form label {
    display: block;
    margin-bottom: 1rem;
}

#filter-form .inputs-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .2rem;
}

#filter-form .inputs-wrapper input {
    width: 45%;
}

.acf__postsgrid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5rem;
}

.acf__card {
    position: relative;
    background: #fafafa;
    width: 100%;
    max-width: 650px;
    -webkit-box-shadow: 0 .2rem 1rem 0.3rem #ddd;
    box-shadow: 0 0.2rem 1rem 0.3rem #ddd;
    border-radius: 0.3rem;
    overflow: hidden;
}

.acf__card__header {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
}

.acf__card__icons {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    border-radius: 0;
    border-bottom-left-radius: .8rem;
    border-top-right-radius: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 20;
    transition: all .25s;
    background: #ffffff00;
    box-shadow: none;
}

.acf__card__icon {
    color: #ff1044;
    opacity: 1;
    top: 1.4rem;
    right: .4rem;
    cursor: pointer;
    transition: opacity .3s;
}

.acf__card:hover .acf__card__icons[data-favorite="false"] {
    background: #ffffffff;
}

.acf__card__icons[data-favorite="false"] .acf__card__icon {
    opacity: 0;
}

.acf__card:hover .acf__card__icons[data-favorite="false"] .acf__card__icon {
    opacity: .2;
}

.acf__card__icons[data-favorite="false"] .acf__card__icon:hover {
    opacity: .3;
}

.acf__card__icons[data-favorite="true"] {
    background: #ffffff;
}

.acf__card__icons[data-favorite="true"] .acf__card__icon:hover {
    opacity: 1;
}

.acf__card__image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; 
    -o-object-position: center;
    object-position: center;
    z-index: 10;
}

.acf__card__body {
    padding: 1rem;
}

.acf__card__body h3 {
    font-size: var(--global-font-size-medium, 1.25rem);
}

.acf__card__description {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: var(--global-xs-spacing, .5rem);
    font-size: var(--global-font-size-small, 0.9rem);
}

.acf__card__description p {
    margin: 0;
}

.acf__card__bold {
    font-weight: 700;
    font-size: var(--global-font-size-medium, 0.9rem);
}



.acf__container {
    margin: 1rem auto;
	max-width: 1290px;
}

.acf__real {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	margin: 0 1.5rem;
}

.acf__real__box {
	background: #fafafa;
	padding: 2rem;
	box-shadow: 0 0.5rem 1rem 0.5rem #ddd;
	border-radius: 0.5rem;
}

.acf__real__title {
    font-size: var(--global-font-size-large, 1.4rem);
    margin: 1.5rem 0;
}

.acf__real__aside {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.acf__real__aside h3 {
	font-size: var(--global-font-size-medium, 1.2rem);
	text-align: center;
	margin-bottom: 2rem;
}


.acf__real__aside label {
	display: block;
	margin-bottom: 1.5rem;
}

.acf__real__aside label input,
.acf__real__aside label textarea {
	display: block;
	width: 100%;
	padding: 0.5rem;
	border-radius: 0.2rem;
	outline: none;
}

.acf__real__details svg {
	max-width: 1.5rem;
	max-height: 1.5rem;
}

.acf__real__details div {
    display: flex;
    align-items: center;
    gap: var(--wp--preset--spacing--30, 0.5rem);
    line-height: 1rem;
}

.acf__real__details--price {
    text-align: right;
    font-size: var(--global-font-size-large, 1.5rem);
    font-weight: 700;
    margin: 1.5rem 0 0;
}

.acf__lastPosts {
    margin: 5rem 0;
}

.acf__lastPosts h2 {
    font-size: var(--global-font-size-large, 1.5rem);
    padding-bottom: .5rem;
    border-bottom: 2px solid #120006;
}

.acf__lastPosts__grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
    margin-top: 1rem;
}


@media screen and (min-width: 400px) {
    .acf__card__description {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media screen and (min-width: 640px) {
    
    
    .acf__postsgrid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .acf__lastPosts__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width: 1024px) {
    .acf__postsgrid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 1.5rem;
    }
    
    .acf__real {
        grid-template-columns: 1fr 375px;
    }
}

@media screen and (min-width: 1280px) {
    .layout {
        display: -ms-grid;
        display: grid;
        grid-template-columns: 300px 1fr;
        gap: 1.25rem;
    }

    .filters {
        position: -webkit-sticky;
        position: sticky;
        top: 10rem;
        -ms-grid-row-align: start;
        align-self: flex-start;
        background-color: #f9f9f9;
        padding: 20px;
        border-radius: 8px;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        margin-bottom: 10rem;
    }
    
    .acf__lastPosts__grid {
        grid-template-columns: repeat(3, 1fr)
    }

    
}

@media screen and (min-width: 1600px) {
    .acf__postsgrid {
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 1.5rem;
    }
}