/* ===== Footer Styles ===== */

.site-footer {
  background: var(--color-neutral-100);
  color: var(--color-text);
  font-size: 0.95rem;
  border-top: 1px solid color-mix(in oklab, var(--color-text) 10%, transparent);
}


.footer-logo {
  width: auto;           /* let height control the size */
  height: 48px;          /* set exact height */
  max-height: 48px;      /* ensure no stretch */
  max-width: 180px;      /* safety cap */
  display: block;
  opacity: .95;
}

.footer-logo-link:hover .footer-logo { opacity: 1; }

/* Grid layout for columns */
.footer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(180px, 1fr));
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid color-mix(in oklab, var(--color-text) 8%, transparent); /* subtle divider */
}

/* subtle vertical dividers on desktop */
@media (min-width: 900px) {
  .footer-col {
    padding: 0 1.5rem; /* add horizontal padding on both sides */
    border-left: 1px solid color-mix(in oklab, var(--color-text) 6%, transparent);
  }
  .footer-col:first-child {
    border-left: 0;
    padding-left: 0; /* keep first column aligned */
  }
}


.footer-col { display: flex; flex-direction: column; gap: .75rem; }

.footer-title {
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: .25rem;
}

.footer-links { list-style: none; margin: 0; padding: 0; }
.footer-links li { margin-bottom: .4rem; }
.footer-links a {
  color: inherit;
  opacity: .85;
  transition: opacity .2s ease, color .2s ease;
}
.footer-links a:hover { opacity: 1; color: var(--color-primary); }

/* Social icons row */
.foot_slinks {
  display: flex; flex-wrap: wrap; gap: .5rem;
  margin-top: .25rem;
}
.foot_slinks a {
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.25rem;
  color: var(--color-primary);
  transition: transform .2s ease, color .2s ease;
}
.foot_slinks a:hover { transform: scale(1.12); color: var(--color-primary-hover); }

/* Facebook like button wrapper */
.fb-like-wrap { margin-top: .5rem; }

/* Copyright (inside footer) */
.footer-copy {
  text-align: center;
  font-size: 0.85rem;
  padding: 0.9rem 0;
  opacity: 0.72;
}

/* ===== Responsive tweaks ===== */
@media (max-width: 900px) {
  .footer-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}

@media (max-width: 640px) {
  
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    border-bottom: 1px solid color-mix(in oklab, var(--color-text) 6%, transparent);
  }
  .footer-col { border-left: 0 !important; } /* remove vertical dividers on mobile */
  .footer-title { margin-bottom: 0; }
  .footer-copy {
    font-size: 0.78rem;         /* smaller on mobile */
    opacity: 0.6;               /* lighter on mobile */
  }
}

.footer-col .footer-logo {
  width: auto;
  height: 36px;         /* adjust as needed */
  max-height: 36px;
  margin-bottom: 0.75rem;
  display: block;
}



.footer-col h4 {
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.footer-col h4 + a {
  margin-top: 0.5rem;
}

.footer-col h4:not(:first-child) {
  margin-top: 1.5rem; /* space before Free Tools heading */
}


/* Hide hamburger on desktop */
@media (min-width: 901px) {
  .mnav__burger {
    display: none;
  }
}