/*
Theme Name: Ikadia Thème - Enfant
Theme URI: https://www.ikadia.fr/
Author: Studio Ikadia
Author URI: https://www.ikadia.fr/
Description: Thème Enfant du Studio Ikadia
Version: 2.0.0
License: Tout droits réservés
License URI: https://www.ikadia.fr/
Template: ikadia-theme
Text Domain: ikadia-theme-child
Tags: Studio Ikadia
*/

.vcard > .wp-block-group{
    max-width: 1000px !important;
    margin-top: var(--padding-section);
    padding: 30px;
    border-radius: 50px;
}

.vcard > .wp-block-group .wp-block-cover img{
    width: auto;
    border-radius: 30px;
}

.vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container figure,
.vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container h1,
.vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container p{
    text-align: right;
}

.vcard > .wp-block-group > .wp-block-group{
    margin-top: var(--padding-section);
    border-radius: 30px;
    padding: 30px;
}

.vcard > .wp-block-group > .wp-block-group > .wp-block-group.is-layout-flex:has(h2){
    gap: 30px;
    margin-bottom: 30px;
}

.vcard > .wp-block-group > .wp-block-group > .wp-block-group.is-layout-flex img{
    height: 50px;
}

.vcard > .wp-block-group > .wp-block-columns{
    gap: 30px;
    margin-top: var(--padding-section);
    margin-bottom: 0;
}

.vcard > .wp-block-group > .wp-block-columns > .wp-block-column{
    flex: 50%;
}

.vcard > .wp-block-group > .wp-block-columns > .wp-block-column img{
    width: 100%;
    border-radius: 20px;
}

.vcard .contact h3{
    margin-bottom: 0;
}

.vcard .contact > .wp-block-group:has(h3){
    gap: 30px;
}

.vcard .contact > .wp-block-group:has(h3) .wp-block-group{
    padding-right: 70px;
}

.vcard .contact .wp-block-group:has(h3) p{
    margin-bottom: 0;
}

.vcard .contact a{
    text-decoration: none;
}

.vcard .contact .lien-home a{
    font-size: 0;
    display: block;
    position: absolute;
    height: 30px;
    width: 30px;
    background-image: url("/wp-content/uploads/2025/07/up-arrow.svg");
    background-size: contain;
    background-repeat: no-repeat;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.vcard .booking img{
    height: 50px;
}


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

    .vcard > .wp-block-group {
        max-width: 800px !important;
    }

}

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

    .vcard > .wp-block-group {
        border-radius: 0
    }

    .vcard > .wp-block-group .wp-block-cover{
        flex-direction: column;
        padding: 0;
    }

    .vcard > .wp-block-group .wp-block-cover > img{
        height: 100%;
        width: 100%;
        position: relative;
    }

    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container{
        position: absolute;
        bottom: 30px;
        height: auto;
        left: 30px;
    }

    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container figure,
    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container h1,
    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container p{
        text-align: left;
    }

}


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

    body:has(.vcard) header.ik-header-nav,
    body:has(.vcard) footer.ik-footer{
        display: none !important;
    }

    body:has(.vcard) main.main-content{
        padding-top: 0 !important;
    }

    .vcard > .wp-block-group{
        margin-top: 0;
        padding: 0 20px 20px !important;
    }

    .vcard > .wp-block-group > .wp-block-group{
        padding: 20px;
        border-radius: 20px;
    }

    .vcard > .wp-block-group .wp-block-cover{
        overflow: visible;
    }

    .vcard > .wp-block-group .wp-block-cover > img{
        width: 100vw;
        border-radius: 0;
    }

    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__background{
        background: linear-gradient(360deg, rgba(15, 15, 15, 1) 0%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 100%);
        opacity: 1 !important;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
    }

    .vcard > .wp-block-group .wp-block-cover .wp-block-cover__inner-container{
        left: 0;
    }

    .vcard > .wp-block-group > .wp-block-group > .wp-block-group.is-layout-flex:has(h2) {
        gap: 10px;
    }

    .vcard > .wp-block-group > .wp-block-group > .wp-block-group.is-layout-flex:has(h2) h2{
        font-size: 30px;
    }

    .vcard > .wp-block-group > .wp-block-group > .wp-block-group.is-layout-flex img {
        height: 30px;
    }

    .vcard .contact > .wp-block-group:has(h3) {
        gap: 15px;
    }

    .vcard .contact h3{
        font-size: 20px;
        margin-bottom: 5px;
    }

    .vcard .contact > .wp-block-group:has(h3) .wp-block-group {
        padding-right: 20px;
    }

    .vcard > .wp-block-group > .contact > .wp-block-group.is-layout-flex:has(h3) img{
        height: 50px;
    }

    .vcard > .wp-block-group > .wp-block-columns{
        gap: 20px;
    }

}