/* ====================================
SENARA PREMIUM LUXURY FOOTER
==================================== */

.senara-footer{
background:#0b0b0b;
color:#fff;
overflow:hidden;
font-family:'Poppins',sans-serif;
}

/* ==========================
GRID
========================== */

.footer-grid{
display:grid;
grid-template-columns:1.5fr 1fr 1fr 1.1fr 1.2fr;
gap:35px;
padding:55px 0;
}

/* ==========================
LOGO
========================== */

.footer-logo{
height:72px;
width:auto;
object-fit:contain;
margin-bottom:18px;
}

.footer-text{
font-size:14px;
line-height:26px;
color:#b7b7b7;
margin-bottom:22px;
max-width:320px;
}

/* ==========================
HEADINGS
========================== */

.footer-links h4,
.footer-contact h4,
.footer-payments h4{
font-size:17px;
font-weight:600;
margin-bottom:20px;
color:#fff;
position:relative;
padding-bottom:10px;
}

.footer-links h4::after,
.footer-contact h4::after,
.footer-payments h4::after{
content:"";
position:absolute;
left:0;
bottom:0;
width:35px;
height:2px;
background:#c8a46b;
}

/* ==========================
LINKS
========================== */

.footer-links ul{
padding:0;
margin:0;
list-style:none;
}

.footer-links li{
margin-bottom:10px;
}

.footer-links a{
color:#b7b7b7;
font-size:14px;
transition:.3s;
}

.footer-links a:hover{
color:#c8a46b;
padding-left:4px;
}

/* ==========================
SOCIALS
========================== */

.footer-socials{
display:flex;
gap:10px;
margin-top:18px;
}

.footer-socials a{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
color:#fff;
font-size:14px;
transition:.3s;
}

.footer-socials a:hover{
background:#c8a46b;
border-color:#c8a46b;
transform:translateY(-3px);
}

/* ==========================
CONTACT
========================== */

.contact-item{
display:flex;
gap:12px;
margin-bottom:14px;
font-size:14px;
line-height:25px;
color:#b7b7b7;
}

.contact-item i{
color:#c8a46b;
font-size:16px;
min-width:18px;
margin-top:3px;
}

/* ==========================
PAYMENTS
========================== */

.payment-icons{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
}

.payment-icons img{
height:32px;
width:auto;
background:#fff;
padding:4px 8px;
border-radius:6px;
transition:.3s;
}

.payment-icons img:hover{
transform:translateY(-2px);
}

/* ==========================
BOTTOM
========================== */

.footer-bottom{
border-top:1px solid rgba(255,255,255,.08);
padding:16px 0;
}

.footer-bottom-wrap{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
}

.footer-bottom p{
margin:0;
font-size:13px;
color:#9e9e9e;
}

.footer-bottom b{
color:#c8a46b;
font-weight:600;
}

/* ==========================
WHATSAPP
========================== */

.whatsapp-float{
position:fixed;
right:20px;
bottom:85px;
width:58px;
height:58px;
border-radius:50%;
background:#25D366;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#fff;
z-index:99999;
box-shadow:0 10px 25px rgba(0,0,0,.25);
transition:.3s;
animation:senaraWhatsapp 2s infinite;
}

.whatsapp-float:hover{
transform:scale(1.08);
color:#fff;
}

@keyframes senaraWhatsapp{

0%{
transform:scale(1);
}

50%{
transform:scale(1.08);
}

100%{
transform:scale(1);
}

}

/* ==========================
TABLET
========================== */

@media(max-width:991px){

.footer-grid{
grid-template-columns:repeat(2,1fr);
gap:30px;
padding:50px 0;
}

}

/* ==========================
MOBILE
========================== */

@media(max-width:576px){

.footer-grid{
grid-template-columns:1fr;
gap:28px;
padding:45px 0;
}

.footer-logo{
height:65px;
}

.footer-text{
max-width:100%;
}

.footer-bottom-wrap{
flex-direction:column;
text-align:center;
}

.whatsapp-float{
width:54px;
height:54px;
font-size:28px;
right:15px;
bottom:80px;
}

.payment-icons img{
height:30px;
}

}

/* ==========================
SMALL MOBILE
========================== */

@media(max-width:360px){

.footer-logo{
height:58px;
}

.footer-links h4,
.footer-contact h4,
.footer-payments h4{
font-size:16px;
}

.footer-text{
font-size:13px;
}

}