/*
 * SEOMasterz — Footer
 * File: css/footer.css
 * Author: Mehmood Gujjar
 */

.site-footer { background: var(--color-dark); color: rgba(255,255,255,.7); }
.footer-main { padding: var(--space-5xl) 0 var(--space-3xl); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-2xl); }
.footer-brand p { font-size: var(--text-sm); line-height: 1.8; margin-bottom: var(--space-lg); }
.footer-social { display: flex; gap: var(--space-sm); }
.social-link {
  width: 40px; height: 40px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: var(--radius-md);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,.7);
  transition: all var(--transition-fast); text-decoration: none;
}
.social-link:hover { background: var(--color-secondary); border-color: var(--color-secondary); color: white; }
.footer-col h5 { color: var(--color-white); font-size: var(--text-base); font-weight: var(--font-weight-bold); margin-bottom: var(--space-lg); padding-bottom: var(--space-sm); border-bottom: 2px solid var(--color-secondary); display: inline-block; }
.footer-links { display: flex; flex-direction: column; gap: var(--space-sm); }
.footer-links a { font-size: var(--text-sm); color: rgba(255,255,255,.65); display: flex; align-items: center; gap: var(--space-xs); transition: all var(--transition-fast); }
.footer-links a:hover { color: var(--color-secondary); padding-left: 4px; }
.footer-contact-item { display: flex; align-items: flex-start; gap: var(--space-sm); margin-bottom: var(--space-sm); font-size: var(--text-sm); }
.footer-contact-icon { font-size: 1rem; flex-shrink: 0; margin-top: .1rem; }
.footer-bottom { background: rgba(0,0,0,.3); padding: var(--space-lg) 0; }
.footer-bottom-inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-md); font-size: var(--text-sm); }
.footer-bottom-links { display: flex; gap: var(--space-lg); flex-wrap: wrap; }
.footer-bottom-links a { color: rgba(255,255,255,.5); }
.footer-bottom-links a:hover { color: var(--color-secondary); }