/* ===================================
   TASTIC LLC - Main Stylesheet
   TASTIC Design Framework Integration
   Version: 2.0 with Framework
   ================================= */

/* Import TASTIC Design Framework - Single source of truth */
@import url('framework/tastic.css');

/* Import essential base styles */
@import url('base.css');

/* Legacy component imports - to be migrated to framework */
@import url('components/buttons.css');
@import url('layouts/navigation.css');
@import url('components/legal.css');

/* ===================================
   FRAMEWORK MIGRATION NOTES
   
   The TASTIC Design Framework provides:
   ✅ Unified theme system (light/dark mode)
   ✅ Consistent typography hierarchy
   ✅ Standardized spacing system
   ✅ Reusable component library
   ✅ Accessibility compliance
   ✅ Performance optimization
   
   Migration Path:
   1. All new components use .tastic-* classes
   2. Existing components gradually migrate to framework
   3. Legacy CSS variables mapped to framework system
   4. Theme switching unified via data-theme attributes
   ================================= */

/* Page-specific overrides can be added here */

/* Print optimizations */
@media print {
  .sticky-nav,
  .sticky-contact,
  .filter-section,
  .blog-filters {
    display: none !important;
  }

  .package,
  .blog-card,
  .card {
    page-break-inside: avoid;
    border: 1px solid #000 !important;
    margin-bottom: 20px;
  }

  body {
    font-size: 10pt !important;
    background: white !important;
    color: black !important;
  }

  .container {
    max-width: 100% !important;
    padding: 20px !important;
  }

  /* Force show expanded content for printing */
  .service-list {
    display: block !important;
  }

  .faq-answer {
    max-height: none !important;
    padding: 0 20px 20px 20px !important;
  }

  .expand-icon,
  .faq-icon {
    display: none !important;
  }
}