/* =========================================
   FOOTER – TRINETRA THEME COLORS
========================================= */

.site-footer {
  background: radial-gradient(
    circle at top,
    var(--section-dark),
    var(--cosmic-black)
  );
  color: var(--lunar-white);
  padding: 45px 20px 25px;
  position: relative;
  overflow: hidden;
}

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

.footer-inner {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 32px;
}

/* ===== COLUMN STYLING ===== */

.footer-col h4 {
  margin-bottom: 16px;
  font-size: 16px;
  color: var(--solar-gold);
  letter-spacing: 0.6px;
}

.footer-col p,
.footer-col a {
  font-size: 14px;
  color: var(--lunar-white);
  opacity: 0.85;
  text-decoration: none;
}

.footer-col a:hover {
  color: var(--solar-gold);
}

/* ===== SOCIAL ICONS (brand colors preserved) ===== */

.footer-social {
  /*margin-top: 14px;*/
}

.footer-social a {
  display: inline-block;
  margin-right: 14px;
  font-size: 21px;
  color: var(--solar-gold);
  transition: transform 0.3s ease, text-shadow 0.3s ease;
}

/* glow only, not color override */
.footer-social a:hover {
  transform: translateY(-2px);
  text-shadow:
    0 0 8px var(--solar-gold),
    0 0 16px rgba(244, 196, 48, 0.6);
}

/* brand hover colors */
.footer-social a:hover .fa-instagram  { color: #e1306c; }
.footer-social a:hover .fa-whatsapp   { color: #25d366; }
.footer-social a:hover .fa-youtube    { color: #ff0000; }
.footer-social a:hover .fa-facebook-f { color: #1877f2; }

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

.footer-copy {
  text-align: center;
  margin-top: 34px;
  font-size: 13px;
  color: var(--lunar-white);
  opacity: 0.75;
  border-top: 1px solid rgba(244, 196, 48, 0.25);
  padding-top: 18px;
}

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

@media (max-width: 992px) {
  .footer-inner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .footer-inner {
    grid-template-columns: 1fr;
  }

  .footer-social a {
    font-size: 19px;
    margin-right: 10px;
  }
}

/* ===== NAKSHATRA STAR SPARKLE ===== */

.astro-stars {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* create stars */
.astro-stars::before,
.astro-stars::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: var(--solar-gold);
  border-radius: 50%;
  box-shadow:
    50px 80px var(--solar-gold),
    120px 40px var(--solar-gold),
    200px 150px var(--solar-gold),
    300px 60px var(--solar-gold),
    450px 120px var(--solar-gold),
    600px 90px var(--solar-gold),
    750px 30px var(--solar-gold),
    900px 160px var(--solar-gold),
    1050px 70px var(--solar-gold);
  animation: sparkle 4s infinite ease-in-out alternate;
}

.astro-stars::after {
  animation-delay: 2s;
  opacity: 0.7;
}

@keyframes sparkle {
  0%   { opacity: 0.2; transform: scale(1); }
  50%  { opacity: 1; transform: scale(1.5); }
  100% { opacity: 0.3; transform: scale(1); }
}