/* ========================================================
   DAYZELCORP V2 - CLEAN TECH ESPORTS DESIGN SYSTEM
   layout.css - Containers & Grid System
   ======================================================== */

.dz-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--dz-space-lg);
}

.dz-container-narrow {
  max-width: 1024px;
}

/* Sections */
.dz-section {
  padding: var(--dz-space-2xl) 0;
}
.dz-section-sm {
  padding: var(--dz-space-xl) 0;
}
.dz-section-xs {
  padding: var(--dz-space-lg) 0;
}

/* Grid Layouts */
.dz-grid {
  display: grid;
  gap: var(--dz-space-lg);
}

.dz-grid-2 { grid-template-columns: repeat(2, 1fr); }
.dz-grid-3 { grid-template-columns: repeat(3, 1fr); }
.dz-grid-4 { grid-template-columns: repeat(4, 1fr); }

/* Flex Utilities */
.dz-flex { display: flex; }
.dz-flex-col { display: flex; flex-direction: column; }
.dz-items-center { align-items: center; }
.dz-justify-between { justify-content: space-between; }
.dz-justify-center { justify-content: center; }
.dz-gap-sm { gap: var(--dz-space-sm); }
.dz-gap-md { gap: var(--dz-space-md); }
.dz-gap-lg { gap: var(--dz-space-lg); }

/* ==========================================================================
   UTILITIES
   ========================================================================== */
.dz-text-center { text-align: center; }
.dz-text-muted { color: var(--dz-text-muted) !important; }

/* Stretched Link trick to make whole card clickable */
.dz-stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/* Main layout wrapper */
.dz-main-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.dz-main-content {
  flex-grow: 1;
}

/* Page Headers (eSports Texture) */
.dz-page-header {
  background-color: var(--dz-bg);
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 24px 24px;
  border-bottom: 1px solid var(--dz-border);
  position: relative;
}