/* =====================================================
FOOTER - SANJEEVANI HOMOEOPATHY
===================================================== */

.main-footer{

background:
linear-gradient(
        180deg,
        #1a8e5b 0%,
        #13754a 25%,
        #0f6b45 65%,
        #0a4f32 100%
);

color:#fff;
padding:60px 0 0;
font-size:14px;
line-height:1.7;
position:relative;
overflow:hidden;
z-index:10;
}

/* =====================================
DOT TEXTURE
===================================== */

.main-footer::before{

    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:140px;

    background:
    linear-gradient(
        rgba(255,255,255,.06),
        transparent
    );

    pointer-events:none;
}

/* =====================================
SOFT GLOW
===================================== */

.main-footer::after{
content:"";

position:absolute;

top:-250px;
right:-150px;

width:500px;
height:500px;

border-radius:50%;

background:
radial-gradient(
    rgba(255,255,255,.04),
    transparent 70%
);

pointer-events:none;
}

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

.footer-container{

max-width:1200px;

margin:0 auto;

padding:0 20px 40px;

display:grid;

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

gap:40px;

position:relative;

z-index:2;
}

/* =====================================
COLUMNS
===================================== */

.footer-col{

position:relative;

}

.footer-col:not(:last-child)::after{
content:"";

position:absolute;

top:10px;
right:-20px;

width:1px;

height:75%;

background:
rgba(255,255,255,.04);
}

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

.footer-col h3,
.accordion-header{
position:relative;

display:inline-flex;

align-items:center;

font-size:20px;

font-weight:700;

color:#fff;

margin-bottom:24px;

padding-bottom:12px;

background:none;

border:none;
}

.footer-col h3::after,
.accordion-header::after{
content:"";

position:absolute;

left:0;
bottom:0;

width:48px;
height:3px;

border-radius:999px;

background:
linear-gradient(
    90deg,
    #ffffff,
    rgba(255,255,255,.25)
);
}

.accordion-header:hover{
color:#dff7ea;
}

/* =====================================
TEXT
===================================== */

.footer-col p{
color:#e5f3ec;
margin-bottom:14px;
}

/* =====================================
LISTS
===================================== */

.footer-col ul{
list-style:none;

padding:0;
margin:0;
}

.footer-col ul li{


margin-bottom:12px;
}

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

.footer-col a{


color:#ffffff;

text-decoration:none;

transition:
color .25s ease,
padding-left .25s ease;
 

}

.footer-col a:hover{

 
color:#c8f0dd;

padding-left:6px;
 

}

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

.footer-contact a{

 
color:#9adfbd;

font-weight:500;
 

}

/* =====================================
GET DIRECTIONS BUTTON
===================================== */

.footer-direction-btn{

 
display:inline-flex;

align-items:center;

gap:8px;

margin:14px 0 18px;

padding:12px 20px;

background:#fff;

color:#0f6b45 !important;

font-size:14px;

font-weight:600;

border-radius:999px;

transition:.3s ease;
 

}

.footer-direction-btn:hover{

 
background:#9adfbd;

transform:translateY(-2px);

box-shadow:
0 10px 22px rgba(0,0,0,.25);
 

}

/* =====================================
SOCIAL ICONS
===================================== */

.footer-social{

 
display:flex;

gap:12px;

margin-top:15px;
 

}

.footer-social a{

 
width:40px;
height:40px;

border-radius:50%;

display:flex;

align-items:center;
justify-content:center;

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

border:
1px solid rgba(255,255,255,.15);

color:#fff;

transition:.3s ease;
 

}

.footer-social a:hover{
  background:#fff;
  transform: translateY(-4px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

.footer-social a[aria-label*="Facebook"]:hover { color: #1877F2; border-color: #1877F2; }
.footer-social a[aria-label*="Instagram"]:hover { color: #E4405F; border-color: #E4405F; }
.footer-social a[aria-label*="YouTube"]:hover { color: #FF0000; border-color: #FF0000; }
.footer-social a[aria-label*="Google"]:hover { color: #4285F4; border-color: #4285F4; }
 

}

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

.footer-bottom{

 
background:
linear-gradient(
    180deg,
    rgba(0,0,0,.08),
    rgba(0,0,0,.18)
);

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

padding:12px 0;
 

}

.footer-bottom-inner{

 
max-width:1200px;

margin:auto;

padding:0 20px;

display:grid;

grid-template-columns:auto 1fr auto;

align-items:center;
 

}

/* =====================================
BACK TO TOP
===================================== */

#backToTop{

 
background:none;

border:none;

color:#fff;

display:flex;

flex-direction:column;

align-items:center;

cursor:pointer;

transition:.3s ease;
 

}

#backToTop:hover{

 
transform:translateY(-3px);
 

}

#backToTop .arrow{

 
font-size:22px;
 

}

#backToTop .label{

 
font-size:11px;
 

}

/* =====================================
COPYRIGHT
===================================== */

.footer-copy{

 
text-align:center;

color:#d8eee3;

font-size:13px;
 

}

/* =====================================
ACCORDION
===================================== */

.accordion-content{

 
display:block;
 

}

.icon{

 
display:none;
 

}

/* =====================================
RESPONSIVE
===================================== */

@media(max-width:1000px){

 
.footer-container{

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

.footer-col::after{

    display:none;
}
 

}

@media(max-width:768px){

 
.footer-container{

    grid-template-columns:1fr;

    gap:0;
}

.accordion-header{

    width:100%;

    display:flex;

    justify-content:space-between;

    cursor:pointer;
}

.accordion-content{

    max-height:0;

    overflow:hidden;

    transition:
    max-height .3s ease;
}

.accordion.active .accordion-content{

    max-height:500px;
}

.icon{

    display:inline-block;

    transition:
    transform .3s ease;
}

.accordion.active .icon{

    transform:rotate(45deg);
}

.footer-direction-btn{

    width:100%;

    justify-content:center;
}
 

}

@media(max-width:600px){

 
.footer-bottom{

    font-size:12px;
}

.footer-bottom-inner{

    display:flex;

    flex-direction:column;

    gap:12px;
}

}

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

.whatsapp-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 56px;
  height: 56px;
  background: #25d366;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
  z-index: 999;
  transition: transform 0.3s ease;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}
/* ======================================
   MOBILE STICKY CTA (CALL NOW) & FLOATING WHATSAPP
====================================== */

.mobile-sticky-cta {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  display: none; /* hidden by default on desktop */
  justify-content: center;
  align-items: center;
  background: #0f6b45;
  padding: 10px 12px;
  box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.2);
}

.mobile-sticky-cta .cta-call {
  width: 100%;
  max-width: 480px;
  background: #ffd400;
  color: #000000 !important;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  padding: 14px 16px;
  border-radius: 8px;
  display: block;
}

/* SHOW STICKY CTA & ADJUST PADDING ONLY ON MOBILE */
@media (max-width: 768px) {
  .mobile-sticky-cta {
    display: flex !important;
  }

  .whatsapp-float {
    bottom: 85px !important;
  }

  body {
    padding-bottom: 70px !important;
  }

  .main-footer {
    padding-bottom: 0 !important;
  }
}