/* Template-specific styles for page layouts */

.page-content {
  @apply min-h-screen;
}

/* Simple Page Template */
.template-simple-page {
  @apply bg-white;
}

.template-simple-page .section-component {
  @apply container mx-auto;
}

/* Two-Column Template */
.template-two-column {
  @apply bg-gray-50;
}

.template-two-column .hero-section {
  @apply bg-white;
}

.template-two-column .two-column-section {
  @apply bg-white;
}

/* Hero + Content Template */
.template-hero-content {
  @apply bg-white;
}

.template-hero-content .hero-section {
  @apply mb-0;
}

.template-hero-content .content-section:nth-of-type(even) {
  @apply bg-gray-50;
}

/* Landing Page Template */
.template-landing-page {
  @apply bg-white;
}

.template-landing-page .hero-section {
  @apply mb-0;
}

.template-landing-page .card-grid-section {
  @apply bg-gray-50;
}

.template-landing-page .content-section:last-child {
  @apply bg-red-600 text-white;
}

.template-landing-page .content-section:last-child h1,
.template-landing-page .content-section:last-child h2,
.template-landing-page .content-section:last-child h3 {
  @apply text-white;
}

/* Responsive optimizations for all templates */
@media (max-width: 640px) {
  .template-two-column .two-column-section .grid {
    @apply grid-cols-1 gap-6;
  }
  
  .template-landing-page .card-grid-section .grid {
    @apply grid-cols-1 gap-4;
  }
}

@media (min-width: 1024px) {
  .template-hero-content .content-section {
    @apply py-16;
  }
  
  .template-landing-page .section-component {
    @apply py-16;
  }
}