/* Partial-specific styles */

/* Header partial styles - extending from components.css */
.site-header {
  height: auto;
}

.site-header.scrolled {
  height: 80px;
}

/* Footer partial styles - extending from layout.css */
.site-footer {
  padding: var(--spacing-8) 0;
}

/* Additional footer styles */
.footer-secondary {
  font-size: var(--font-size-xs);
}

/* Responsive adjustments for partials will go in responsive.css */