:root {
  --footer-bg: #000;
  --footer-text: #fff;
}

/* ============================================
   FOOTER MAIN
============================================ */
.site-footer {
  background: var(--footer-bg);
  color: var(--footer-text);
  padding: 60px 8%;
  font-family: 'Poppins', sans-serif;
}

/* Footer Grid */
.footer-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 40px;
  margin-bottom: 40px;
}

/* Footer Titles */
.footer-column h4 {
  color: var(--footer-text);
  font-size: 1.1rem;
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #fff; /* white underline */
}

/* Footer Links */
.footer-column ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-column ul li {
  margin-bottom: 6px;
}

/* Links always white, no hover effect */
.footer-column a {
  color: var(--footer-text);
  text-decoration: none;
}
.footer-searches h5 {
  color: White;
  font-size: 1rem;
  margin-bottom: 10px;
}
/* Popular Searches */
.footer-searches h5 {
  color: White;
  font-size: 1rem;
  margin-bottom: 10px;
}

.footer-searches a {
  color: var(--footer-text);
  font-size: 0.9rem;
  text-decoration: none;
}

/* Separation Line */
.footer-line {
  border-top: 1px solid #222;
  margin: 25px 0;
}

/* Footer Bottom */
.footer-credits {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  color: var(--footer-text);
}

.footer-credits p {
  margin: 0;
  font-size: 0.9rem;
}

/* Social Icons — pure white, no hover effect */
.social-icons img {
  width: 22px;
  height: 22px;
  filter: brightness(0) invert(1); /* white icons */
}

/* Responsive */
@media (max-width: 768px) {
  .footer-container {
    grid-template-columns: 1fr 1fr;
  }

  .footer-credits {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
}


        

        /* Remove this part if you only want the bottom bar */
        .temp-placeholder {
            height:300px;
            background: var(--footer-bg);
            margin-bottom:60px;
            color:#666;
            text-align:center;
            padding-top:120px;
            font-size:18px;
        }

        /* ─────── BOTTOM BAR – EXACTLY LIKE YOUR GOOD SCREENSHOT ─────── */
        .footer-bottom-fixed {
            background: var(--footer-bg);
            padding:40px 5% 50px;
            border-top:1px solid #222;
        }
        .footer-bottom-inner {
            max-width:1400px;
            margin:0 auto;
            display:flex;
            align-items:center;
            justify-content:space-between;
            flex-wrap:wrap;
            gap:20px;
            color:var(--footer-bg);
            font-size:14px;
        }
        .copyright { color:#888; }

        .social-icons-footer a {
            margin:0 15px;
            transition:opacity .3s;
        }
        .social-icons-footer a:hover { opacity:0.7; }
        .social-icons-footer svg { width:26px; height:26px; fill:#fff; }

        .partner-text-footer {
            width:100%;
            text-align:center;
            font-size:13px;
            color:#888;
            margin-top:15px;
        }

        @media (max-width:768px) {
            .footer-bottom-inner { flex-direction:column; text-align:center; }
            .social-icons-footer { order:2; margin:20px 0; }
        }