/*
=====================================================
Ashraf Interiors - Home Page Styles
=====================================================
*/

/* Hero refinements */
.home-hero .hero-content{
    animation:heroFade .9s ease;
}
@keyframes heroFade{
    from{opacity:0;transform:translateY(40px)}
    to{opacity:1;transform:translateY(0)}
}

/* Brand strip */
.brand-strip{
    border-top:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(0,0,0,.04);
}

/* About preview */
.about-preview-grid{
    align-items:center;
}
.about-content .text-link{
    margin-top:12px;
}

/* Services */
.service-card{
    transition:.4s ease;
}
.service-card:hover{
    transform:translateY(-10px);
}
.service-card:hover .service-number{
    color:var(--gold);
}

/* Projects */
.projects-preview{
    overflow:hidden;
}
.project-card{
    cursor:pointer;
}
.project-card::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.6));
    opacity:0;
    transition:.35s;
}
.project-card:hover::after{
    opacity:1;
}

/* Why us */
.why-card{
    border-left:4px solid transparent;
}
.why-card:hover{
    border-left-color:var(--gold);
}

/* Process */
.process-card{
    text-align:left;
}
.process-card:hover .process-icon{
    transform:rotate(12deg) scale(1.08);
}
.process-icon{
    transition:.35s;
}

/* Testimonial */
.testimonial-content blockquote{
    margin-bottom:20px;
}

/* CTA */
.home-cta .btn{
    margin-top:15px;
}

/* Footer */
.site-footer{
    background:#081224;
    color:#cfd6e4;
}
.footer-top{
    padding:80px 0 50px;
}
.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:40px;
}
.footer-logo img{
    width:150px;
    margin-bottom:18px;
}
.footer-column h3{
    color:#fff;
    margin-bottom:20px;
}
.footer-column ul{
    display:grid;
    gap:12px;
}
.footer-column a,
.footer-contact p{
    color:#cfd6e4;
    transition:.3s;
}
.footer-column a:hover{
    color:var(--gold-light);
}
.footer-socials{
    display:flex;
    gap:14px;
    margin-top:24px;
}
.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
}
.footer-bottom-inner{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 0;
    gap:20px;
}
.footer-legal{
    display:flex;
    gap:20px;
}

/* Floating buttons */
.whatsapp-float,
.back-to-top{
    position:fixed;
    right:24px;
    width:58px;
    height:58px;
    border-radius:50%;
    display:grid;
    place-items:center;
    color:#fff;
    box-shadow:0 15px 35px rgba(0,0,0,.18);
    z-index:900;
    transition:.35s;
}
.whatsapp-float{
    bottom:95px;
    background:#25D366;
}
.back-to-top{
    bottom:24px;
    border:none;
    background:var(--gold);
}
.whatsapp-float:hover,
.back-to-top:hover{
    transform:translateY(-6px);
}

/* Responsive */
@media(max-width:992px){
    .footer-grid{
        grid-template-columns:1fr 1fr;
    }
}
@media(max-width:768px){
    .footer-grid{
        grid-template-columns:1fr;
    }
    .footer-bottom-inner{
        flex-direction:column;
        text-align:center;
    }
    .footer-legal{
        justify-content:center;
        flex-wrap:wrap;
    }
}