/* FOOTER */

.space-footer{
position:relative;
background:rgba(0,0,30,0.17);
backdrop-filter:blur(6px);
padding:80px 20px 40px;
color:white;
overflow:hidden;
}

/* STAR BACKGROUND */

.footer-stars{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:
radial-gradient(white 1px, transparent 1px),
radial-gradient(white 1px, transparent 1px);
background-size:40px 40px;
background-position:0 0,20px 20px;
opacity:0.12;
animation:starMove 80s linear infinite;
z-index:0;
}


/* CONTAINER */
.footer-container {
  display: grid;
  grid-template-columns: repeat(3, 1.5fr);
  gap: 40px;
}
/* .footer-container{
position:relative;
z-index:2;
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
align-items:center;
} */

/* LINKS */

.footer-links{
display:flex;
flex-direction:column;
gap:28px;
margin-left: 100px;
margin-right: 0px;
position:relative;
z-index:2;
cursor: pointer;
}

.footer-links h3{
color:#00eaff;
margin-bottom:10px;
}

.footer-links a{
color:#ccefff;
text-decoration:none;
transition:0.3s;
}

.footer-links a:hover{
color:#00eaff;
}

/* LOGO CENTER */

.footer-logo{
text-align:center;
}

.footer-logo img{
width:80px;
margin-bottom:10px;
}

.footer-logo h2{
margin-bottom:15px;
color:#00eaff;
}

/* DEVELOPERS BUTTON */

.dev-btn{
display:inline-block;
padding:10px 20px;
border-radius:10px;
background:linear-gradient(45deg,#00eaff,#0077ff);
color:white;
text-decoration:none;
font-weight:bold;
transition:0.3s;
position: relative;
z-index: 200;
cursor: pointer;
}

.dev-btn:hover{
box-shadow:0 0 20px #00eaff;
transform:translateY(-3px);
}

/* CONTACT */

.footer-contact h3{
color:#00eaff;
margin-bottom:10px;
}

.footer-contact p{
color:#ccefff;
margin-bottom:8px;
line-height:1.6;
}

/* BOTTOM */

.footer-bottom{
margin-top:20px;
text-align:center;
border-top:1px solid rgba(255,255,255,0.1);
padding-top:20px;
font-size:14px;
color:#9fdcff;
}


/* Container */
.social-buttons {
  display: flex;
  gap: 20px;
  justify-content: space-around;
  margin-top: 30px;
}

/* Base Button */
.btn {
  position: relative;
  padding: 14px 28px;
  border-radius: 24px;
  text-decoration: none;
  color: white;
  font-weight: 600;
  letter-spacing: 0.5px;
  overflow: hidden;
  transition: 0.4s ease;
  backdrop-filter: blur(6px);
  text-align: center;
}

/* Glow layer */
.btn::before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 14px;
  z-index: -1;
  filter: blur(12px);
  opacity: 0.7;
  transition: 0.4s;
}

/* Inner shine */
.btn::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: rgba(255,255,255,0.05);
}

/* FACEBOOK */
.facebook {
  background: linear-gradient(135deg, #0db2e5, #1b2cff, #091a3a);
}
.linkedin {
  background: linear-gradient(135deg, #0077b5, #00a0dc, #005a87);
}

.fest-btn {
  margin-top:20px;
  background: linear-gradient(135deg, #0d7de5, #d11bff, #b81e40);
  animation: gradientShift 6s ease infinite;
  font-family: "Orbitron", sans-serif;
  padding: 10px 12px;
  font-size: 10pt;
  width: min(220px, 100%);
}
.fest-btn:hover {
  border-color: #9c30fe;
  /* Animation triggered on hover */
  animation: glow-pulse 1.5s infinite;
}

/* Keyframes for the pulsing effect */
@keyframes glow-pulse {
  0% {
    box-shadow: 0 0 5px rgba(202, 16, 202, 0.5), 0 0 10px rgba(201, 11, 90, 0.3);
  }
  50% {
    box-shadow: 0 0 20px rgba(156, 48, 254, 0.7), 0 0 30px rgba(156, 48, 254, 0.5);
  }
  100% {
    box-shadow: 0 0 5px rgba(218, 14, 173, 0.5), 0 0 10px rgba(4, 177, 177, 0.3);
  }
}
.facebook::before {
  background: linear-gradient(135deg, #0db2e5, #4facfe);
}

/* INSTAGRAM */
.instagram {
  background: linear-gradient(135deg, #0db2e5, #a855f7, #ff2e88);
}

.instagram::before {
  background: linear-gradient(135deg, #0db2e5, #ff2e88, #a855f7);
}

/* Hover Effects */
.btn:hover {
  transform: translateY(-4px) scale(1.05);
}

.btn:hover::before {
  opacity: 1;
  filter: blur(18px);
}

/* Animated gradient (optional) */
.instagram,
.facebook,
.fest-btn {
  background-size: 200% 200%;
  animation: gradientShift 6s ease infinite;
}

@keyframes gradientShift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


/* LARGE TABLET / SMALL LAPTOP */
@media (max-width: 900px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
  }

  .footer-logo {
    grid-column: span 2;
    text-align: center;
  }
}
/* TABLET */

/* TABLET */
@media (max-width: 680px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .footer-logo {
    grid-column: span 2;
    text-align: center;
  }
}/* MOBILE */

/* MOBILE */
@media (max-width: 480px) {

  .space-footer {
    padding: 60px 15px 25px;
  }

  .footer-container {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 25px;
  }

  .footer-logo {
    grid-column: span 1;
  }

  .footer-logo img {
    width: 60px;
    margin: 0 auto;
  }

  .footer-links {
    align-items: center;
    justify-content: center;
    padding: 0;
    gap:3px   
  }

  .footer-links a {
    display: block;
    margin: 5px 0;
  }

  .footer-contact {
    text-align: center;
  }

  /* 🔥 CRITICAL: prevent overflow */
  .footer-container > * {
    max-width: 100%;
    word-wrap: break-word;
  }
}