/* Valley O'Ville Family Resort - Optimized CSS Bundle
 * This file provides the most optimized loading order for best performance
 * ===================================================================== */

/* CRITICAL CSS - Load immediately for above-the-fold content */
@import url('./base.css');
@import url('./layout/header.css');  
@import url('./index/hero.css');

/* LAYOUT & STRUCTURE - Core page structure */
@import url('./components/sections.css');
@import url('./components/buttons.css');
@import url('./layout/footer.css');

/* INDEX PAGE CONTENT - Home page sections in viewing order */
@import url('./index/intro.css');
@import url('./index/features.css');
@import url('./index/testimonials.css');
@import url('./index/cta.css');

/* UI COMPONENTS - Interactive elements */
@import url('./components/cards.css');
@import url('./components/dividers.css');
@import url('./components/carousel.css');

/* FEATURE COMPONENTS - Specialized components */
@import url('./components/pvmgo.css');
@import url('./components/accommodations.css');
@import url('./components/amenities.css');
@import url('./components/entertainment.css');

/* PAGE STYLES - Other page-specific styles */
@import url('./pages/about.css');
@import url('./pages/contact.css');

/* UTILITIES - Load last for highest specificity */
@import url('./utilities.css');

/* ===================================================================== */
/* PERFORMANCE & ACCESSIBILITY OPTIMIZATIONS                            */
/* ===================================================================== */

/* Optimize for print media */
@media print {
  .hero-section::before,
  .hero-section::after,
  .carousel-section,
  .testimonials-section::before,
  .pvmgo-component,
  .entertainment-section,
  .amenities-grid,
  .accommodations-grid {
    display: none !important;
  }
  
  .hero-content h1 {
    font-size: 2.5rem !important;
    color: #000 !important;
  }
  
  .section-title {
    color: #000 !important;
    font-size: 1.8rem !important;
  }
}

/* Optimize for users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Optimize for high contrast mode */
@media (prefers-contrast: high) {
  .hero-section {
    background: #000 !important;
    color: #fff !important;
  }
  
  .btn-primary {
    background: #fff !important;
    color: #000 !important;
    border: 2px solid #fff !important;
  }
  
  .btn-secondary {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #fff !important;
  }
  
  .card {
    border: 2px solid #fff !important;
    background: #000 !important;
    color: #fff !important;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #0a0a0a;
    --text-primary: #ffffff;
    --text-secondary: #cccccc;
    --accent-primary: #bf9b30;
  }
}

/* Performance hint for browsers */
.hero-section {
  contain: layout style paint;
}

.features-grid,
.testimonials-grid {
  contain: layout style;
}