/* Base Layout */

.container {
  width: 100%;
  max-width: var(--container-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* Header styles moved to assets/css/components/header.css */

/* Site footer */
.site-footer {
  background: var(--color-bg-dark);
  color: var(--color-text-white);
  margin-top: auto;
}

.footer-inner { padding: var(--spacing-16) var(--container-padding) var(--spacing-6); }

.footer-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-10);
  padding-bottom: var(--spacing-10);
  border-bottom: 1px solid rgb(255 255 255 / 0.1);
  margin-bottom: var(--spacing-6);
}

@media (min-width: 768px) {
  .footer-grid { grid-template-columns: 2fr 1fr 1fr; }
}

.footer-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer-copyright {
  font-size: var(--font-size-sm);
  color: var(--color-text-light);
}

.footer-copyright a:hover { color: var(--color-text-white); }

/* Sections base */
.section { padding: var(--spacing-20) 0; }

/* Site layout */
.site-main { min-height: 60vh; }

/* Posts grid */
.posts-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-8);
  margin: var(--spacing-10) 0;
}

@media (min-width: 640px) {
  .posts-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
  .posts-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Single layout */
.single-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--spacing-10);
  padding: var(--spacing-12) 0;
}

@media (min-width: 1024px) {
  .single-layout { grid-template-columns: 1fr 300px; }
}