/* 
=================================================================
HUGOCIB - FOOTER COMPONENT
=================================================================
Minimal footer with logo, contact and copyright
*/

/* Base footer */
.site-footer {
  background: var(--bg-primary);
  padding: 2rem 2rem 1.5rem;
  margin-top: 4rem;
  color: var(--text-primary);
}

.footer-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center; /* center elements on all pages */
  gap: 1rem;
}

.footer-logo {
  height: 3rem;
  width: auto;
  opacity: 0.95;
  transition: opacity 0.2s ease;
}

.footer-contact {
  color: var(--text-primary);
  text-decoration: none; /* no underline */
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* Ensure no underline in any link state for the pencil icon, but keep focus outline for keyboard users */
.footer-contact,
.footer-contact:link,
.footer-contact:visited,
.footer-contact:hover,
.footer-contact:active {
  text-decoration: none;
}

.footer-contact:focus {
  outline: 2px solid var(--border-hover);
  outline-offset: 3px;
}

.footer-contact i { font-size: var(--font-size-footer-icon); }

.copyright { margin: 0; font-size: var(--font-size-copyright); color: var(--text-secondary); }

/* Responsive tweaks */
@media (max-width: 768px) {
  .footer-inner { padding: 0 1rem; gap: 0.75rem; }
  .footer-logo { height: 30px; }
  .footer-contact i { font-size: var(--font-size-footer-icon-tablet); }
  .copyright { font-size: var(--font-size-copyright-tablet); }
}

@media (max-width: 480px) {
  .footer-inner { flex-direction: column; gap: 0.5rem; text-align: center; }
  .footer-logo { height: 26px; }
  .footer-contact i { font-size: var(--font-size-footer-icon-mobile); }
  .copyright { font-size: var(--font-size-copyright-mobile); }
}

/* Homepage overlay: center footer content and overlay the hero
   Scoping this to body.homepage ensures other pages keep footer in normal flow */
body.homepage .site-footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  margin: 0;
  padding: 0.5rem 1rem;
  z-index: 60;
}

body.homepage .site-footer .footer-inner {
  justify-content: center;
  align-items: center;
}

body.homepage .site-footer .copyright {
  color: var(--text-primary);
  opacity: 0.95;
}