/* =============================== 
   FOOTER
=============================== */
.site-footer{background:#0f172a;padding:60px 30px 25px;color:#e5e7eb}
.footer-container{max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px}
.footer-column h4{color:#10B981;font-size:18px;margin-bottom:14px;font-weight:700}
.footer-column p,.footer-column ul li{color:#cbd5e1;font-size:14px;line-height:1.7}
.footer-column ul{list-style:none;padding:0}
.footer-column ul li{margin-bottom:10px}
.footer-column ul li a{color:#cbd5e1;transition:.25s}
.footer-column ul li a:hover{color:#10B981}
.newsletter-form{display:flex;margin-top:14px}
.newsletter-form input{flex:1;padding:12px 14px;border:1px solid rgba(16,185,129,.25);border-radius:8px 0 0 8px;background:#020617;color:#fff}
.newsletter-form input::placeholder{color:#94a3b8}
.newsletter-form button{padding:12px 18px;background:#10B981;border:0;border-radius:0 8px 8px 0;font-weight:600;color:#ffffff;cursor:pointer;transition:.25s}
.newsletter-form button:hover{background:#059669}
.social-icons{margin-top:18px}
.social-icons a{margin-right:14px;font-size:20px;color:#10B981;transition:.25s}
.social-icons a:hover{color:#ffffff;transform:translateY(-2px)}
.footer-bottom{text-align:center;margin-top:40px;padding-top:18px;border-top:1px solid rgba(16,185,129,.25)}
.footer-bottom p{color:#94a3b8;font-size:13px}
@media(max-width:768px){.newsletter-form{flex-direction:column}.newsletter-form input,.newsletter-form button{width:100%;border-radius:8px}}

/* Fully Transparent Sticky Footer Ad */
.ad-wrap {
  position: fixed;       /* always visible */
  bottom: 0;             /* stick to bottom */
  left: 0;
  width: 100%;           /* full width */
  z-index: 9999;         /* on top of content */
  background: transparent; /* fully transparent */
  border: none;          /* no border */
  padding: 0;            /* no padding */
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90px;      /* standard ad height */
  overflow: hidden;
}

/* Advertisement Label */
.ad-wrap::before {
  content: "Advertisement";
  position: absolute;
  top: -12px;
  left: 14px;
  font-size: 11px;
  font-weight: 500;
  color: var(--muted, #aaa);
  background: #fff;       /* small solid label for readability */
  padding: 0 6px;
  border-radius: 4px;
}

/* Optional: add bottom padding so page content isn't hidden */
body {
  padding-bottom: 100px; /* same as or slightly bigger than ad height */
}