/**
 * Single Column Full-Width Layout
 * Fast, Responsive, Clean Design
 */

/* Hide all sidebars site-wide */
.single-sidebar,
aside.single-sidebar,
.sidebar,
aside {
  display: none !important;
}

/* Single Column Layout - Full Width */
.single-layout {
  display: block !important;
  grid-template-columns: 1fr !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 2rem 1rem !important;
  width: 100% !important;
}

.single-main {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 auto !important;
}

/* Coloring Pages Grid - Optimized */
.coloring-pages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 2rem;
  margin: 2rem 0;
}

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

/* Remove unnecessary margins on single column */
.single-layout .single-main {
  order: 1;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
  .single-layout {
    max-width: 100% !important;
    padding: 1.5rem 1rem !important;
  }
  
  .coloring-pages-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1.5rem;
  }
}

/* Responsive - Mobile */
@media (max-width: 768px) {
  .single-layout {
    padding: 1rem 0.75rem !important;
  }
  
  .single-main {
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  
  .coloring-pages-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  
  .container {
    padding: 0 0.75rem;
  }
}

/* Responsive - Small Mobile */
@media (max-width: 480px) {
  .single-layout {
    padding: 0.5rem !important;
  }
  
  .coloring-pages-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
  
  .container {
    padding: 0 0.5rem;
  }
}

/* Category Pages - Single Column */
.category .single-layout,
.archive .single-layout,
.search .single-layout {
  grid-template-columns: 1fr !important;
  max-width: 1200px !important;
}

/* Front Page - Full Width */
.home .container,
.front-page .container {
  max-width: 1400px;
}

/* Performance Optimizations */
img {
  max-width: 100%;
  height: auto;
  display: block;
}

/* Lazy loading optimization */
img[loading="lazy"] {
  background-color: #f0f0f0;
}

/* Improve font rendering */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Remove unused spacing */
.single-sidebar + * {
  margin-top: 0 !important;
}

/* Optimize coloring page cards */
.coloring-page {
  page-break-inside: avoid;
  break-inside: avoid;
}

.coloring-page figure img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Print optimization */
@media print {
  .single-sidebar,
  .social-share-section,
  .site-header,
  .site-footer {
    display: none !important;
  }
  
  .single-layout {
    max-width: 100% !important;
    padding: 0 !important;
  }
}

/* Loading performance */
.single-main article {
  contain: layout style;
}

/* GPU acceleration for smoother scrolling */
.single-main {
  will-change: transform;
  transform: translateZ(0);
}

/* Reduce repaints */
* {
  box-sizing: border-box;
}