/*==============================================================
#
# EcoClimPro V2
# Footer CSS
# Version : 2.0
#
==============================================================*/


/*==============================================================
# Footer
==============================================================*/

.site-footer{

    position:relative;

    background:var(--footer-bg);

    color:#fff;

    overflow:hidden;

}

.site-footer::before{

    content:"";

    position:absolute;

    inset:0;

    background:
        radial-gradient(circle at top right,
        rgba(10,108,176,.18),
        transparent 45%);

    pointer-events:none;

}


/*==============================================================
# CTA Footer
==============================================================*/

.footer-cta{

    position:relative;

    padding:70px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.footer-cta__inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:50px;

}

.footer-cta__title{

    color:#fff;

    font-size:clamp(2rem,4vw,2.8rem);

    margin-bottom:15px;

}

.footer-cta__text{

    color:rgba(255,255,255,.75);

}

.footer-cta__actions{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}


/*==============================================================
# Colonnes
==============================================================*/

.site-footer__grid{

    position:relative;

    padding:80px 0;

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:60px;

}


/*==============================================================
# Logo
==============================================================*/

.logo-text--footer{

    display:inline-block;

    margin-bottom:24px;

    color:#fff;

}

.logo-text--footer strong{

    color:var(--color-secondary);

}

.footer-desc{

    color:rgba(255,255,255,.70);

    line-height:1.8;

    max-width:360px;

}


/*==============================================================
# Titres
==============================================================*/

.footer-title{

    color:#fff;

    margin-bottom:24px;

    font-size:1.2rem;

}

.footer-title--mt{

    margin-top:40px;

}


/*==============================================================
# Listes
==============================================================*/

.footer-list{

    display:grid;

    gap:16px;

}

.footer-list a{

    color:rgba(255,255,255,.72);

    transition:.30s;

}

.footer-list a:hover{

    color:#fff;

    padding-left:6px;

}


/*==============================================================
# Coordonnées
==============================================================*/

.footer-hours,
.footer-area{

    color:rgba(255,255,255,.72);

    line-height:1.8;

}


/*==============================================================
# Réseaux sociaux
==============================================================*/

.footer-social{

    display:flex;

    gap:14px;

    margin-top:30px;

}

.social{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    transition:.30s;

}

.social:hover{

    background:var(--color-primary);

    transform:translateY(-4px);

}


/*==============================================================
# Footer bas
==============================================================*/

.site-footer__bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding:28px 0;

}

.site-footer__bottom-inner{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

}

.copyright{

    color:rgba(255,255,255,.65);

}

.legal-list{

    display:flex;

    gap:30px;

}

.legal-list a{

    color:rgba(255,255,255,.70);

}

.legal-list a:hover{

    color:#fff;

}


/*==============================================================
# Icônes
==============================================================*/

.footer-list li{

    display:flex;

    align-items:flex-start;

    gap:12px;

}

.footer-list .ico{

    margin-top:4px;

    color:var(--color-secondary);

}


/*==============================================================
# Responsive
==============================================================*/

@media(max-width:1100px){

.site-footer__grid{

    grid-template-columns:repeat(2,1fr);

}

.footer-cta__inner{

    flex-direction:column;

    text-align:center;

}

}

@media(max-width:768px){

.site-footer__grid{

    grid-template-columns:1fr;

    gap:45px;

    padding:60px 0;

}

.site-footer__bottom-inner{

    flex-direction:column;

    text-align:center;

}

.legal-list{

    flex-direction:column;

    gap:15px;

}

.footer-cta{

    padding:50px 0;

}

.footer-cta__actions{

    width:100%;

}

.footer-cta__actions .btn{

    width:100%;

}

}


/* ============ Footer polish v3.1 ============ */
.site-footer .footer-social{display:flex;gap:10px;margin-top:18px}
.site-footer .footer-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;transition:all .25s ease}
.site-footer .footer-social a:hover{background:#22c55e;transform:translateY(-2px)}
.site-footer .footer-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;line-height:1.55}
.site-footer .footer-list li svg{flex:none;margin-top:4px;opacity:.75}
.site-footer .footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;list-style:none;margin:0;padding:0}
.site-footer .footer-nav a{opacity:.85;transition:all .2s ease;text-decoration:none}
.site-footer .footer-nav a:hover{opacity:1;padding-left:4px;color:#22c55e}
.site-footer .footer-zone{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;list-style:none;padding:0;margin:0 0 16px}
.site-footer .footer-col h3{margin-bottom:16px}
.footer-cta .footer-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media (max-width:640px){.site-footer .footer-nav,.site-footer .footer-zone{grid-template-columns:1fr 1fr}}