/**
 * NumeraIQ Footer Section Styles
 * Matching React Footer.tsx exactly with background image
 */

.site-footer {
  position: relative;
  min-height: 80vh;
}

/* Footer background image */
.footer-background {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Footer navigation links */
.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Footer subscribe input */
footer input[type="email"],
.site-footer input[type="email"] {
  font-family: var(--font-sans);
  font-size: 1rem;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid hsl(0 0% 100% / 0.3);
  padding: 0.75rem 0;
  color: white;
  width: 100%;
  transition: border-color 0.3s ease;
}

footer input[type="email"]::placeholder,
.site-footer input[type="email"]::placeholder {
  color: hsl(0 0% 100% / 0.3);
}

footer input[type="email"]:focus,
.site-footer input[type="email"]:focus {
  outline: none;
  border-bottom-color: #D4FF00;
}

/* Footer link underline effect */
.site-footer .link-underline {
  position: relative;
  text-decoration: none;
}

.site-footer .link-underline::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}

.site-footer .link-underline:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

/* Responsive */
@media (max-width: 768px) {
  .site-footer {
    min-height: auto;
  }
}