/*
 Theme Name: Inspiro Child
 Theme URI: https://fr.wordpress.org/themes/inspiro/
 Description: Thème enfant pour Inspiro
 Author: Guillaume Genty
 Template: inspiro
 Version: 1.0.0
*/
/*  ********************************************  */
/* Custom style */
/*  ********************************************  */

.site-branding-text .site-description {
    color: #fff !important;
}

.red-highlight {
    color: #bc0001;
}
/*  ********************************************  */
/* header navigation */
/*  ********************************************  */
/*.menu-item-object-page a {*/
/*    color: #fff;*/
/*    transition: 0.4s ease;*/
/*}*/

/*.menu-item a {*/
/*    color: #fff !important;*/
/*    transition: 0.4s ease;*/
/*}*/

.nav .menu-item:hover a {
    border-bottom: 1px solid #8f0001;
}

/* header social link */

.wp-block-social-link-anchor svg {
    fill: #bc0001;
    transition: 0.4s ease;
}

.wp-block-social-link-anchor:hover svg {
    transform: scale(1.5);
    fill: #8f0001;
}
/*  ********************************************  */
/* Inspiro section Hero */
/*  ********************************************  */

.site-title{
    /*display: none;*/
    font-family: "Bodoni Moda", serif !important;
}

.custom-header-button-wrapper {
    width: 40%;
    margin: 2rem auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.custom-header-button-wrapper .custom-header-button{
    display: block;
    margin: 1rem auto;
    color: #fff;
    background-color: #8f0001;
    border-radius: 25px;
    border: solid 1px #8f0001;
    width: 280px;
    transition: 0.4s ease;
}

.custom-header-button-wrapper .custom-header-button:hover{
    color: #fff;
}

@media screen and (max-width: 768px) {
    .site-title {
        display: block;

    }
    .site-title a{
        font-family: "Bodoni Moda", serif !important;
        font-size: 5rem;
        /*color: #8f0001;*/
        color: pink;
        font-weight: 800;
        line-height: 1.15;
    }

    .custom-header-button-wrapper {
        width: 100% !important;
        margin: 2rem auto;
    }

    .custom-header-button-wrapper .custom-header-button{
        max-width: 280px;
    }

    .inspiro-child-hero-logo-wrapper {
        display: none;
    }
}

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

    .custom-header-button-wrapper .custom-header-button{
        width: 100%;
    }
}

/* Service Home */
.card-service-button .elementor-button-text {
    color: #fff;
}

/* retire les angles des div d'elementor et applique le radius*/
.acma-service-loop .e-loop-item  {
    border-radius: 16px;
}


/*  ********************************************  */
/*  Footer  */
/*  ********************************************  */
.footer-widget {
    display: flex;
}

.widget-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.widget-column .footer-widget-title {
    color: #fff;
}

.widget-column .footer-widget-text {
    text-align: left;
    color: #fff;
}

.widget-column .map-widget-title {
    text-align: left;
}

#acma-map {
    width: 600px;
    height: 260px;
    border-radius: 12px;
    overflow: hidden;
}


/*  ********************************************  */
/*  Nos réalisations  */
/*  ********************************************  */

/* La carte : base */
.acma-item-projet { position: relative; overflow: hidden; }

/* Bloc description : caché par défaut */
.acma-item-projet .acma-project-item-overlay,
.acma-item-projet .acma-project-item-description
{
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center; text-align: center;
    padding: 16px; color: #fff;
    opacity: 0;
    visibility: hidden; transform: translateY(8px);
    pointer-events: none;
    transition: opacity .4s ease, transform .4s ease, visibility .4s ease;
}

/* Afficher SEULEMENT au hover ou au tap/focus (mobile) */
.acma-item-projet:is(:hover, :focus-within) .acma-project-item-overlay
{
    opacity: 1; visibility: visible; transform: none; pointer-events: auto;
}


.acma-project-item-overlay:is(:hover, :focus-within) .acma-project-item-description
{
    opacity: 1; visibility: visible; transform: none; pointer-events: auto;
}
/* Fluidifier aussi la transition de l’overlay de fond (#000000D1) */
.acma-item-projet:before{ transition: opacity .4s ease; }


/* Barre de filtre de catégorie de réalisation */
.acma-filter-wrapper .e-filter-item {
    transition: 0.4s ease;
}

.acma-filter-wrapper .e-filter-item:is(:hover, :focus-within) {
    border-radius: 0px;
    box-shadow: none;
}