/**
 * @file
 * Minimal layout styles for the idfive theme.
 * 
 * Essential layout structure only.
 */

/* Basic container */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Flexbox layout helpers */
.layout-flex {
  display: flex;
}

.layout-flex--wrap {
  flex-wrap: wrap;
}

.layout-flex--column {
  flex-direction: column;
}

/* Content regions */
.region {
  margin-bottom: 1rem;
}

.region:last-child {
  margin-bottom: 0;
}

/* Basic grid system */
.grid {
  display: grid;
  gap: 1rem;
}

.grid--2-col {
  grid-template-columns: 1fr 1fr;
}

.grid--3-col {
  grid-template-columns: 1fr 1fr 1fr;
}

/* Responsive breakpoints */
@media (max-width: 768px) {
  .grid--2-col,
  .grid--3-col {
    grid-template-columns: 1fr;
  }
}